diff --git a/build/priority-editor.asset.php b/build/priority-editor.asset.php
index 0c6b9f9..a53e749 100644
--- a/build/priority-editor.asset.php
+++ b/build/priority-editor.asset.php
@@ -1 +1 @@
- array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => 'dd30c35b1debc7c7b70d');
+ array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => 'fa3aaf3a5d627561994a');
diff --git a/build/priority-editor.js b/build/priority-editor.js
index d4e935c..f37fc84 100644
--- a/build/priority-editor.js
+++ b/build/priority-editor.js
@@ -1 +1 @@
-(()=>{"use strict";const o=window.wp.i18n,r=window.wp.blocks,e=window.wp.primitives,i=window.ReactJSXRuntime;var t=(0,i.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.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 a=window.wp.hooks;(0,r.registerBlockVariation)("core/navigation",{name:"priority-nav",title:(0,o.__)("Priority Plus Nav","priority-nav"),description:(0,o.__)('A responsive navigation that automatically moves overflow items to a "More" dropdown.',"priority-nav"),icon:t,scope:["inserter","transform"],attributes:{className:"is-style-priority-nav",overlayMenu:"never",priorityNavEnabled:!0,priorityNavMoreLabel:"Browse",priorityNavMoreIcon:"none",priorityNavMoreBackgroundColor:void 0,priorityNavMoreBackgroundColorHover:void 0,priorityNavMoreTextColor:void 0,priorityNavMoreTextColorHover:void 0},isActive:(o,r)=>o.className?.includes(r.className)}),(0,a.addFilter)("blocks.registerBlockType","priority-nav/extend-core-navigation",(o,r)=>"core/navigation"!==r?o:{...o,attributes:{...o.attributes,priorityNavEnabled:{type:"boolean",default:!1},priorityNavMoreLabel:{type:"string",default:"Browse"},priorityNavMoreIcon:{type:"string",default:"none"},priorityNavMoreBackgroundColor:{type:"string"},priorityNavMoreBackgroundColorHover:{type:"string"},priorityNavMoreTextColor:{type:"string"},priorityNavMoreTextColorHover:{type:"string"},priorityNavMorePadding:{type:"object",default:void 0}}});const n=window.wp.blockEditor,l=window.wp.components,v=(0,window.wp.compose.createHigherOrderComponent)(r=>e=>{const{name:t,attributes:a,setAttributes:v}=e;if("core/navigation"!==t)return(0,i.jsx)(r,{...e});if(!(a.className||"").includes("is-style-priority-nav")&&!0!==a.priorityNavEnabled)return(0,i.jsx)(r,{...e});const{priorityNavEnabled:s,priorityNavMoreLabel:p,priorityNavMoreIcon:d,priorityNavMoreBackgroundColor:y,priorityNavMoreBackgroundColorHover:c,priorityNavMoreTextColor:u,priorityNavMoreTextColorHover:g,priorityNavMorePadding:_}=a,b=(0,n.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r,{...e}),(0,i.jsx)(n.InspectorControls,{children:(0,i.jsxs)(l.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-nav"),resetAll:()=>v({priorityNavMoreLabel:"Browse",priorityNavMoreIcon:"none"}),children:[(0,i.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!p,label:(0,o.__)("More Button Label","priority-nav"),onDeselect:()=>v({priorityNavMoreLabel:"Browse"}),isShownByDefault:!0,children:(0,i.jsx)(l.TextControl,{label:(0,o.__)("More Button Label","priority-nav"),value:p,onChange:o=>v({priorityNavMoreLabel:o}),help:(0,o.__)('Text displayed on the "More" button',"priority-nav")})}),(0,i.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!d,label:(0,o.__)("More Button Icon","priority-nav"),onDeselect:()=>v({priorityNavMoreIcon:"none"}),isShownByDefault:!0,children:(0,i.jsx)(l.SelectControl,{label:(0,o.__)("More Button Icon","priority-nav"),value:d,options:[{label:(0,o.__)("None","priority-nav"),value:"none"},{label:(0,o.__)("Chevron Down (▼)","priority-nav"),value:"chevron"},{label:(0,o.__)("Plus (+)","priority-nav"),value:"plus"},{label:(0,o.__)("Menu (≡)","priority-nav"),value:"menu"}],onChange:o=>v({priorityNavMoreIcon:o})})})]})}),(0,i.jsxs)(n.InspectorControls,{group:"styles",children:[(0,i.jsx)(n.PanelColorSettings,{title:(0,o.__)("Priority Plus Colors","priority-nav"),colorSettings:[{label:(0,o.__)("Button Text Color","priority-nav"),value:u,onChange:o=>v({priorityNavMoreTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Button Text Hover Color","priority-nav"),value:g,onChange:o=>v({priorityNavMoreTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Button Background Color","priority-nav"),value:y,onChange:o=>v({priorityNavMoreBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Button Background Hover Color","priority-nav"),value:c,onChange:o=>v({priorityNavMoreBackgroundColorHover:o||void 0}),clearable:!0}]}),(0,i.jsx)(l.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button","priority-nav"),resetAll:()=>v({priorityNavMorePadding:void 0}),children:(0,i.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!_&&Object.keys(_).length>0,label:(0,o.__)("Padding","priority-nav"),onDeselect:()=>v({priorityNavMorePadding:void 0}),isShownByDefault:!0,children:b.length>0?(0,i.jsx)(n.__experimentalSpacingSizesControl,{values:_,onChange:o=>v({priorityNavMorePadding:o}),label:(0,o.__)("Button Padding","priority-nav"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(l.BoxControl,{label:(0,o.__)("Button Padding","priority-nav"),values:_,onChange:o=>v({priorityNavMorePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]})]})},"withPriorityNavControls");(0,a.addFilter)("editor.BlockEdit","priority-nav/add-priority-nav-controls",v)})();
\ No newline at end of file
+(()=>{"use strict";const o=window.wp.i18n,r=window.wp.blocks,e=window.wp.primitives,i=window.ReactJSXRuntime;var t=(0,i.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.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 a=window.wp.hooks;(0,r.registerBlockVariation)("core/navigation",{name:"priority-nav",title:(0,o.__)("Priority Plus Nav","priority-nav"),description:(0,o.__)('A responsive navigation that automatically moves overflow items to a "More" dropdown.',"priority-nav"),icon:t,scope:["inserter","transform"],attributes:{className:"is-style-priority-nav",overlayMenu:"never",priorityNavEnabled:!0,priorityNavMoreLabel:"More",priorityNavMoreBackgroundColor:void 0,priorityNavMoreBackgroundColorHover:void 0,priorityNavMoreTextColor:void 0,priorityNavMoreTextColorHover:void 0},isActive:(o,r)=>o.className?.includes(r.className)}),(0,a.addFilter)("blocks.registerBlockType","priority-nav/extend-core-navigation",(o,r)=>"core/navigation"!==r?o:{...o,attributes:{...o.attributes,priorityNavEnabled:{type:"boolean",default:!1},priorityNavMoreLabel:{type:"string",default:"More"},priorityNavMoreIcon:{type:"string",default:"none"},priorityNavMoreBackgroundColor:{type:"string"},priorityNavMoreBackgroundColorHover:{type:"string"},priorityNavMoreTextColor:{type:"string"},priorityNavMoreTextColorHover:{type:"string"},priorityNavMorePadding:{type:"object",default:void 0}}});const n=window.wp.blockEditor,l=window.wp.components,s=(0,window.wp.compose.createHigherOrderComponent)(r=>e=>{const{name:t,attributes:a,setAttributes:s}=e;if("core/navigation"!==t)return(0,i.jsx)(r,{...e});if(!(a.className||"").includes("is-style-priority-nav")&&!0!==a.priorityNavEnabled)return(0,i.jsx)(r,{...e});const{priorityNavEnabled:v,priorityNavMoreLabel:p,priorityNavMoreBackgroundColor:d,priorityNavMoreBackgroundColorHover:y,priorityNavMoreTextColor:c,priorityNavMoreTextColorHover:u,priorityNavMorePadding:g}=a,b=(0,n.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r,{...e}),(0,i.jsxs)(n.InspectorControls,{group:"styles",children:[(0,i.jsx)(l.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-nav"),resetAll:()=>s({priorityNavMoreLabel:"More"}),children:(0,i.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!p,label:(0,o.__)("More Button Label","priority-nav"),onDeselect:()=>s({priorityNavMoreLabel:"More"}),isShownByDefault:!0,children:(0,i.jsx)(l.TextControl,{label:(0,o.__)("More Button Label","priority-nav"),value:p,onChange:o=>s({priorityNavMoreLabel:o}),help:(0,o.__)('Text displayed on the "More" button',"priority-nav")})})}),(0,i.jsx)(n.PanelColorSettings,{title:(0,o.__)("Priority Plus Colors","priority-nav"),colorSettings:[{label:(0,o.__)("Button Text Color","priority-nav"),value:c,onChange:o=>s({priorityNavMoreTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Button Text Hover Color","priority-nav"),value:u,onChange:o=>s({priorityNavMoreTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Button Background Color","priority-nav"),value:d,onChange:o=>s({priorityNavMoreBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Button Background Hover Color","priority-nav"),value:y,onChange:o=>s({priorityNavMoreBackgroundColorHover:o||void 0}),clearable:!0}]}),(0,i.jsx)(l.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button","priority-nav"),resetAll:()=>s({priorityNavMorePadding:void 0}),children:(0,i.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!g&&Object.keys(g).length>0,label:(0,o.__)("Padding","priority-nav"),onDeselect:()=>s({priorityNavMorePadding:void 0}),isShownByDefault:!0,children:b.length>0?(0,i.jsx)(n.__experimentalSpacingSizesControl,{values:g,onChange:o=>s({priorityNavMorePadding:o}),label:(0,o.__)("Button Padding","priority-nav"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(l.BoxControl,{label:(0,o.__)("Button Padding","priority-nav"),values:g,onChange:o=>s({priorityNavMorePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]})]})},"withPriorityNavControls");(0,a.addFilter)("editor.BlockEdit","priority-nav/add-priority-nav-controls",s)})();
\ No newline at end of file
diff --git a/build/priority-plus-nav.asset.php b/build/priority-plus-nav.asset.php
index a72523f..c8e313e 100644
--- a/build/priority-plus-nav.asset.php
+++ b/build/priority-plus-nav.asset.php
@@ -1 +1 @@
- array(), 'version' => 'ccab84b63ca39dba3b2d');
+ array(), 'version' => '2f4c69d163ee8a1c85ce');
diff --git a/build/priority-plus-nav.js b/build/priority-plus-nav.js
index 4a5cf8a..d2b9941 100644
--- a/build/priority-plus-nav.js
+++ b/build/priority-plus-nav.js
@@ -1 +1 @@
-(()=>{"use strict";var t,e={400(){const t="Browse",e="none";function i(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 n(t){return i(t)?t.getBoundingClientRect().width:0}function s(t){return i(t)}function o(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}function r(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(r(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(r(t))})),e}function a(t,e,i,n,s){const r=`${i}-submenu-${n.value++}`;let l="";return t.hasSubmenu?(l=s?`\n\t\t\t\t\n\t\t\t\t
\n\t\t\t`:`\n\t\t\t\t\n\t\t\t\t\t${o(t.text)}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t`,t.children.forEach(t=>{l+=`- ${a(t,e+1,i,n,s)}
`}),l+="
"):l=`${o(t.text)}`,l}function l(t,e){return t.length===e&&!t.some(t=>0===t)}function c(t,e,i){if(!s(t))return[];e.forEach(t=>{t.style.display=""}),t.offsetHeight;const o=e.map(t=>{const e=n(t);return e>0?e:0});return o.some(t=>0===t)&&i&&i(),o}class u{static instanceCounter=0;constructor(i){if("true"===i.dataset.priorityNavInitialized)return;if(this.instanceId="priority-nav-"+u.instanceCounter++,!i.classList.contains("wp-block-navigation")||!i.classList.contains("is-style-priority-nav"))return;if(i.dataset.priorityNavInitialized="true",this.nav=i,this.list=this.nav.querySelector(".wp-block-navigation__container"),!this.list)return;this.moreLabel=this.nav.getAttribute("data-more-label")||t,this.moreIcon=this.nav.getAttribute("data-more-icon")||e,this.openSubmenusOnClick=this.detectOpenSubmenusOnClick();const{moreContainer:n,moreButton:s,dropdown:o}=function(i,n=t,s=e){const o=document.createElement("div");o.className="priority-nav-more";const r=document.createElement("button");r.type="button",r.className="priority-nav-more-button wp-block-navigation-item",r.setAttribute("aria-expanded","false"),r.setAttribute("aria-haspopup","true"),r.setAttribute("aria-label",n);const a={chevron:"▼",plus:"+",menu:"≡"},l=a[s]?`${a[s]}`:"";r.innerHTML=`\n\t\t${n}\n\t\t${l}\n\t`;const c=document.createElement("ul");return c.className="priority-nav-dropdown wp-block-navigation__submenu-container",c.setAttribute("role","menu"),o.appendChild(r),o.appendChild(c),i.parentNode.appendChild(o),o.style.display="none",{moreContainer:o,moreButton:r,dropdown:c}}(this.list,this.moreLabel,this.moreIcon);this.moreContainer=n,this.moreButton=s,this.dropdown=o,this.items=Array.from(this.list.children),this.itemWidths=[],this.isOpen=!1,this.isCalculating=!1,this.openAccordions=[],this.submenuCounter={value:0},this.responsiveContainer=this.nav.querySelector(".wp-block-navigation__responsive-container"),this.mutationObserver=null,this.retryTimeout=null,this.isEnabled=!0,this.moreButtonWidth=null,this.eventHandlers=null,this.init()}detectOpenSubmenusOnClick(){const t=this.nav.getAttribute("data-opensubmenusonclick")||this.nav.getAttribute("data-open-submenus-on-click");if(t)return"true"===t||"1"===t||""===t;if(this.nav.attributes)for(let t=0;t{t.preventDefault(),t.stopPropagation(),r()};n.addEventListener("click",u);const d=t=>{s&&!s.contains(t.target)&&e.isOpen&&a()};document.addEventListener("click",d,!0);const h=t=>{"Escape"===t.key&&e.isOpen&&(e.openAccordions.length>0?(l(),t.preventDefault()):a())};document.addEventListener("keydown",h);const p=t=>{const i=t.target.closest(".priority-nav-accordion-toggle");if(i){t.preventDefault(),t.stopPropagation();const n=i.getAttribute("aria-controls"),s=o.querySelector(`#${n}`);s&&c(i,s,e)}};return o.addEventListener("click",p),{moreButtonClickHandler:u,documentClickHandler:d,documentKeydownHandler:h,dropdownClickHandler:p}}({moreButton:this.moreButton,moreContainer:this.moreContainer,dropdown:this.dropdown},this,{toggleDropdown:()=>this.toggleDropdown(),closeDropdown:()=>this.closeDropdown(),closeAllAccordions:()=>this.closeAllAccordions(),toggleAccordionItem:(t,e)=>this.toggleAccordionItem(t,e)}),this.setupResponsiveObserver(),this.isInHamburgerMode()?this.disablePriorityNav():this.enablePriorityNav(),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>{if(document.body.contains(this.nav)&&!this.isCalculating){const t=this.isEnabled,e=this.isInHamburgerMode();e&&t?this.disablePriorityNav():e||t?!e&&t&&requestAnimationFrame(()=>this.checkOverflow()):this.enablePriorityNav()}}),this.resizeObserver.observe(this.nav)))}isInHamburgerMode(){return t=this.responsiveContainer,e=this.list,!(!t||i(t)&&"true"!==t.getAttribute("aria-hidden"))||!(!e||i(e));var t,e}disablePriorityNav(){this.items&&Array.isArray(this.items)&&(this.isEnabled=!1,this.items.forEach(t=>{t&&t.style&&(t.style.display="")}),this.moreContainer&&this.moreContainer.style&&(this.moreContainer.style.display="none"),this.closeDropdown())}enablePriorityNav(){this.isEnabled=!0,s(this.list)?((0===this.itemWidths.length||this.itemWidths.some(t=>0===t))&&(this.itemWidths=c(this.list,this.items,()=>this.scheduleRetry())),requestAnimationFrame(()=>{this.checkOverflow()})):this.scheduleRetry()}scheduleRetry(t=20){this.retryTimeout&&clearTimeout(this.retryTimeout);let e=0;const i=()=>{e++,s(this.list)&&!this.isInHamburgerMode()?(this.enablePriorityNav(),this.retryTimeout=null):this.retryTimeout=e{if(!document.body.contains(this.nav))return;let e=!1;if(t.forEach(t=>{"attributes"!==t.type||"aria-hidden"!==t.attributeName&&"class"!==t.attributeName||(e=!0)}),e){const t=this.isInHamburgerMode();t&&this.isEnabled?this.disablePriorityNav():t||this.isEnabled||this.enablePriorityNav()}}),this.mutationObserver.observe(this.responsiveContainer,{attributes:!0,attributeFilter:["aria-hidden","class"]}),this.list&&document.body.contains(this.list)&&this.mutationObserver.observe(this.list,{attributes:!0,attributeFilter:["style","class"],attributeOldValue:!1}))}checkOverflow(){if(!this.isEnabled||!s(this.list))return void(this.isCalculating=!1);if(!document.body.contains(this.nav))return void(this.isCalculating=!1);if(this.isCalculating=!0,!l(this.itemWidths,this.items.length)&&(this.itemWidths=c(this.list,this.items,()=>this.scheduleRetry()),!l(this.itemWidths,this.items.length)))return void(this.isCalculating=!1);const t=this.calculateAvailableWidth();if(this.moreButtonWidth=function(t,e,i){if(null!==i)return i;const s="none"===e.style.display;s&&(e.style.display=""),t.offsetHeight;const o=n(t);return s&&(e.style.display="none"),o}(this.moreButton,this.moreContainer,this.moreButtonWidth),this.moreButtonWidth>=t)return this.items.forEach(t=>t.style.display="none"),this.moreContainer.style.display="",void(this.isCalculating=!1);const e=function(t,e){const i=window.getComputedStyle(t),n=window.getComputedStyle(e);return parseFloat(i.gap)||parseFloat(n.gap)||8}(this.list,this.nav),i=this.calculateVisibleItems(t,this.moreButtonWidth,e);if(i===this.items.length)this.items.forEach(t=>t.style.display=""),this.moreContainer.style.display="none",this.closeDropdown();else{this.moreContainer.style.display="none";for(let t=i;t0?t.width:0;return n>0?n-i:0}calculateVisibleItems(t,e,i){let n=0;for(let t=0;t0?i:0)+this.itemWidths[t];if(n<=t)return this.items.length;let s=0,o=0;for(let n=0;n0?i:0)+this.itemWidths[n];if(!(s+r+i+e<=t)&&0!==n)break;s+=r,o++}return o}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}openDropdown(){this.dropdown&&this.moreButton&&(this.isOpen=!0,this.dropdown.classList.add("is-open"),this.moreButton.setAttribute("aria-expanded","true"))}closeDropdown(){this.dropdown&&this.moreButton&&(this.isOpen=!1,this.dropdown.classList.remove("is-open"),this.moreButton.setAttribute("aria-expanded","false"),this.closeAllAccordions())}toggleAccordionItem(t,e){!function(t,e,i,n){"true"===t.getAttribute("aria-expanded")?(t.setAttribute("aria-expanded","false"),e.style.setProperty("display","none","important"),e.classList.remove("is-open"),e.setAttribute("aria-hidden","true"),i.openAccordions=i.openAccordions.filter(e=>e.button!==t),e.querySelectorAll('.priority-nav-accordion-toggle[aria-expanded="true"]').forEach(t=>{const e=t.getAttribute("aria-controls"),i=n.querySelector(`#${e}`);i&&(t.setAttribute("aria-expanded","false"),i.style.setProperty("display","none","important"),i.classList.remove("is-open"),i.setAttribute("aria-hidden","true"))})):(t.setAttribute("aria-expanded","true"),e.style.setProperty("display","block","important"),e.style.setProperty("opacity","1","important"),e.style.setProperty("visibility","visible","important"),e.style.setProperty("position","static","important"),e.classList.add("is-open"),e.setAttribute("aria-hidden","false"),i.openAccordions.push({button:t,submenu:e}))}(t,e,this,this.dropdown)}closeAllAccordions(){var t;(t=this).openAccordions.forEach(({button:t,submenu:e})=>{t.setAttribute("aria-expanded","false"),e.style.setProperty("display","none","important"),e.classList.remove("is-open"),e.setAttribute("aria-hidden","true")}),t.openAccordions=[]}destroy(){if(this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.retryTimeout&&(clearTimeout(this.retryTimeout),this.retryTimeout=null),this.eventHandlers){const{moreButtonClickHandler:t,documentClickHandler:e,documentKeydownHandler:i,dropdownClickHandler:n}=this.eventHandlers;this.moreButton&&t&&this.moreButton.removeEventListener("click",t),e&&document.removeEventListener("click",e,!0),i&&document.removeEventListener("keydown",i),this.dropdown&&n&&this.dropdown.removeEventListener("click",n)}}}const d=u;document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".wp-block-navigation.is-style-priority-nav").forEach(t=>new d(t))})}},i={};function n(t){var s=i[t];if(void 0!==s)return s.exports;var o=i[t]={exports:{}};return e[t](o,o.exports,n),o.exports}n.m=e,t=[],n.O=(e,i,s,o)=>{if(!i){var r=1/0;for(u=0;u=o)&&Object.keys(n.O).every(t=>n.O[t](i[l]))?i.splice(l--,1):(a=!1,o0&&t[u-1][2]>o;u--)t[u]=t[u-1];t[u]=[i,s,o]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={500:0,959:0};n.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,a,l]=i,c=0;if(r.some(e=>0!==t[e])){for(s in a)n.o(a,s)&&(n.m[s]=a[s]);if(l)var u=l(n)}for(e&&e(i);cn(400));s=n.O(s)})();
\ No newline at end of file
+(()=>{"use strict";var t,e={400(){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\n\t\t\t`:`\n\t\t\t\t\n\t\t\t\t\t${s(t.text)}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t`,t.children.forEach(t=>{l+=`- ${r(t,e+1,i,n,o)}
`}),l+="
"):l=`${s(t.text)}`,l}function a(t,e){return t.length===e&&!t.some(t=>0===t)}function l(t,e,s){if(!n(t))return[];e.forEach(t=>{t.style.display=""}),t.offsetHeight;const o=e.map(t=>{const e=i(t);return e>0?e:0});return o.some(t=>0===t)&&s&&s(),o}class c{static instanceCounter=0;constructor(e){if("true"===e.dataset.priorityNavInitialized)return;if(this.instanceId="priority-nav-"+c.instanceCounter++,!e.classList.contains("wp-block-navigation")||!e.classList.contains("is-style-priority-nav"))return;if(e.dataset.priorityNavInitialized="true",this.nav=e,this.list=this.nav.querySelector(".wp-block-navigation__container"),!this.list)return;this.moreLabel=this.nav.getAttribute("data-more-label")||t,this.openSubmenusOnClick=this.detectOpenSubmenusOnClick();const{moreContainer:i,moreButton:n,dropdown:s}=function(e,i=t){const n=document.createElement("div");n.className="priority-nav-more";const s=document.createElement("button");s.type="button",s.className="priority-nav-more-button wp-block-navigation-item",s.setAttribute("aria-expanded","false"),s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-label",i),s.innerHTML=`\n\t\t${i}\n\t\t\n\t`;const o=document.createElement("ul");return o.className="priority-nav-dropdown wp-block-navigation__submenu-container",o.setAttribute("role","menu"),n.appendChild(s),n.appendChild(o),e.parentNode.appendChild(n),n.style.display="none",{moreContainer:n,moreButton:s,dropdown:o}}(this.list,this.moreLabel);this.moreContainer=i,this.moreButton=n,this.dropdown=s,this.items=Array.from(this.list.children),this.itemWidths=[],this.isOpen=!1,this.isCalculating=!1,this.openAccordions=[],this.submenuCounter={value:0},this.responsiveContainer=this.nav.querySelector(".wp-block-navigation__responsive-container"),this.mutationObserver=null,this.retryTimeout=null,this.isEnabled=!0,this.moreButtonWidth=null,this.eventHandlers=null,this.init()}detectOpenSubmenusOnClick(){const t=this.nav.getAttribute("data-opensubmenusonclick")||this.nav.getAttribute("data-open-submenus-on-click");if(t)return"true"===t||"1"===t||""===t;if(this.nav.attributes)for(let t=0;t{t.preventDefault(),t.stopPropagation(),r()};n.addEventListener("click",u);const d=t=>{s&&!s.contains(t.target)&&e.isOpen&&a()};document.addEventListener("click",d,!0);const h=t=>{"Escape"===t.key&&e.isOpen&&(e.openAccordions.length>0?(l(),t.preventDefault()):a())};document.addEventListener("keydown",h);const p=t=>{const i=t.target.closest(".priority-nav-accordion-toggle");if(i){t.preventDefault(),t.stopPropagation();const n=i.getAttribute("aria-controls"),s=o.querySelector(`#${n}`);s&&c(i,s,e)}};return o.addEventListener("click",p),{moreButtonClickHandler:u,documentClickHandler:d,documentKeydownHandler:h,dropdownClickHandler:p}}({moreButton:this.moreButton,moreContainer:this.moreContainer,dropdown:this.dropdown},this,{toggleDropdown:()=>this.toggleDropdown(),closeDropdown:()=>this.closeDropdown(),closeAllAccordions:()=>this.closeAllAccordions(),toggleAccordionItem:(t,e)=>this.toggleAccordionItem(t,e)}),this.setupResponsiveObserver(),this.isInHamburgerMode()?this.disablePriorityNav():this.enablePriorityNav(),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>{if(document.body.contains(this.nav)&&!this.isCalculating){const t=this.isEnabled,e=this.isInHamburgerMode();e&&t?this.disablePriorityNav():e||t?!e&&t&&requestAnimationFrame(()=>this.checkOverflow()):this.enablePriorityNav()}}),this.resizeObserver.observe(this.nav)))}isInHamburgerMode(){return t=this.responsiveContainer,i=this.list,!(!t||e(t)&&"true"!==t.getAttribute("aria-hidden"))||!(!i||e(i));var t,i}disablePriorityNav(){this.items&&Array.isArray(this.items)&&(this.isEnabled=!1,this.items.forEach(t=>{t&&t.style&&(t.style.display="")}),this.moreContainer&&this.moreContainer.style&&(this.moreContainer.style.display="none"),this.closeDropdown())}enablePriorityNav(){this.isEnabled=!0,n(this.list)?((0===this.itemWidths.length||this.itemWidths.some(t=>0===t))&&(this.itemWidths=l(this.list,this.items,()=>this.scheduleRetry())),requestAnimationFrame(()=>{this.checkOverflow()})):this.scheduleRetry()}scheduleRetry(t=20){this.retryTimeout&&clearTimeout(this.retryTimeout);let e=0;const i=()=>{e++,n(this.list)&&!this.isInHamburgerMode()?(this.enablePriorityNav(),this.retryTimeout=null):this.retryTimeout=e{if(!document.body.contains(this.nav))return;let e=!1;if(t.forEach(t=>{"attributes"!==t.type||"aria-hidden"!==t.attributeName&&"class"!==t.attributeName||(e=!0)}),e){const t=this.isInHamburgerMode();t&&this.isEnabled?this.disablePriorityNav():t||this.isEnabled||this.enablePriorityNav()}}),this.mutationObserver.observe(this.responsiveContainer,{attributes:!0,attributeFilter:["aria-hidden","class"]}),this.list&&document.body.contains(this.list)&&this.mutationObserver.observe(this.list,{attributes:!0,attributeFilter:["style","class"],attributeOldValue:!1}))}checkOverflow(){if(!this.isEnabled||!n(this.list))return void(this.isCalculating=!1);if(!document.body.contains(this.nav))return void(this.isCalculating=!1);if(this.isCalculating=!0,!a(this.itemWidths,this.items.length)&&(this.itemWidths=l(this.list,this.items,()=>this.scheduleRetry()),!a(this.itemWidths,this.items.length)))return void(this.isCalculating=!1);const t=this.calculateAvailableWidth();if(this.moreButtonWidth=function(t,e,n){if(null!==n)return n;const s="none"===e.style.display;s&&(e.style.display=""),t.offsetHeight;const o=i(t);return s&&(e.style.display="none"),o}(this.moreButton,this.moreContainer,this.moreButtonWidth),this.moreButtonWidth>=t)return this.items.forEach(t=>t.style.display="none"),this.moreContainer.style.display="",void(this.isCalculating=!1);const e=function(t,e){const i=window.getComputedStyle(t),n=window.getComputedStyle(e);return parseFloat(i.gap)||parseFloat(n.gap)||8}(this.list,this.nav),s=this.calculateVisibleItems(t,this.moreButtonWidth,e);if(s===this.items.length)this.items.forEach(t=>t.style.display=""),this.moreContainer.style.display="none",this.closeDropdown();else{this.moreContainer.style.display="none";for(let t=s;t0?t.width:0;return n>0?n-i:0}calculateVisibleItems(t,e,i){let n=0;for(let t=0;t0?i:0)+this.itemWidths[t];if(n<=t)return this.items.length;let s=0,o=0;for(let n=0;n0?i:0)+this.itemWidths[n];if(!(s+r+i+e<=t)&&0!==n)break;s+=r,o++}return o}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}openDropdown(){this.dropdown&&this.moreButton&&(this.isOpen=!0,this.dropdown.classList.add("is-open"),this.moreButton.setAttribute("aria-expanded","true"))}closeDropdown(){this.dropdown&&this.moreButton&&(this.isOpen=!1,this.dropdown.classList.remove("is-open"),this.moreButton.setAttribute("aria-expanded","false"),this.closeAllAccordions())}toggleAccordionItem(t,e){!function(t,e,i,n){"true"===t.getAttribute("aria-expanded")?(t.setAttribute("aria-expanded","false"),e.style.setProperty("display","none","important"),e.classList.remove("is-open"),e.setAttribute("aria-hidden","true"),i.openAccordions=i.openAccordions.filter(e=>e.button!==t),e.querySelectorAll('.priority-nav-accordion-toggle[aria-expanded="true"]').forEach(t=>{const e=t.getAttribute("aria-controls"),i=n.querySelector(`#${e}`);i&&(t.setAttribute("aria-expanded","false"),i.style.setProperty("display","none","important"),i.classList.remove("is-open"),i.setAttribute("aria-hidden","true"))})):(t.setAttribute("aria-expanded","true"),e.style.setProperty("display","block","important"),e.style.setProperty("opacity","1","important"),e.style.setProperty("visibility","visible","important"),e.style.setProperty("position","static","important"),e.classList.add("is-open"),e.setAttribute("aria-hidden","false"),i.openAccordions.push({button:t,submenu:e}))}(t,e,this,this.dropdown)}closeAllAccordions(){var t;(t=this).openAccordions.forEach(({button:t,submenu:e})=>{t.setAttribute("aria-expanded","false"),e.style.setProperty("display","none","important"),e.classList.remove("is-open"),e.setAttribute("aria-hidden","true")}),t.openAccordions=[]}destroy(){if(this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.retryTimeout&&(clearTimeout(this.retryTimeout),this.retryTimeout=null),this.eventHandlers){const{moreButtonClickHandler:t,documentClickHandler:e,documentKeydownHandler:i,dropdownClickHandler:n}=this.eventHandlers;this.moreButton&&t&&this.moreButton.removeEventListener("click",t),e&&document.removeEventListener("click",e,!0),i&&document.removeEventListener("keydown",i),this.dropdown&&n&&this.dropdown.removeEventListener("click",n)}}}const u=c;document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".wp-block-navigation.is-style-priority-nav").forEach(t=>new u(t))})}},i={};function n(t){var s=i[t];if(void 0!==s)return s.exports;var o=i[t]={exports:{}};return e[t](o,o.exports,n),o.exports}n.m=e,t=[],n.O=(e,i,s,o)=>{if(!i){var r=1/0;for(u=0;u=o)&&Object.keys(n.O).every(t=>n.O[t](i[l]))?i.splice(l--,1):(a=!1,o0&&t[u-1][2]>o;u--)t[u]=t[u-1];t[u]=[i,s,o]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={500:0,959:0};n.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,a,l]=i,c=0;if(r.some(e=>0!==t[e])){for(s in a)n.o(a,s)&&(n.m[s]=a[s]);if(l)var u=l(n)}for(e&&e(i);cn(400));s=n.O(s)})();
\ No newline at end of file
diff --git a/build/style-priority-plus-nav-rtl.css b/build/style-priority-plus-nav-rtl.css
index ada9d9f..55f30d7 100644
--- a/build/style-priority-plus-nav-rtl.css
+++ b/build/style-priority-plus-nav-rtl.css
@@ -1 +1 @@
-.is-style-priority-nav{--priority-nav--background:transparent;--priority-nav--background-hover:transparent;--priority-nav--color:inherit;--priority-nav--color-hover:inherit;--priority-nav--border-color:transparent;--priority-nav--border-style:solid;--priority-nav--border-width:0;--priority-nav--border-radius:0;--priority-nav--font-family:inherit;--priority-nav--font-size:inherit;--priority-nav--font-weight:inherit;--priority-nav--padding:0;position:relative}.is-style-priority-nav .priority-nav-more-button{align-items:center;background:var(--priority-nav--background);border-color:var(--priority-nav--border-color);border-radius:var(--priority-nav--border-radius);border-style:var(--priority-nav--border-style);border-width:var(--priority-nav--border-width);color:var(--priority-nav--color);cursor:pointer;display:flex;font-family:var(--priority-nav--font-family);font-size:var(--priority-nav--font-size);font-weight:var(--priority-nav--font-weight);gap:.5rem;padding:var(--priority-nav--padding);transition:all .2s ease}.is-style-priority-nav .priority-nav-more-button:hover{background:var(--priority-nav--background-hover);color:var(--priority-nav--color-hover)}.is-style-priority-nav .priority-nav-more-button .icon{display:inline-block;line-height:1}.is-style-priority-nav .priority-nav-more-button[aria-expanded=true] .icon{transform:rotate(-180deg)}.is-style-priority-nav .priority-nav-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);list-style:none;margin:0;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;left:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.is-style-priority-nav .priority-nav-dropdown.is-open{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-nav .priority-nav-dropdown li{margin:0;padding:0}.is-style-priority-nav .priority-nav-dropdown li a{color:inherit;display:block;padding:.75rem 1rem;text-decoration:none;transition:background .2s ease}.is-style-priority-nav .priority-nav-dropdown li a:hover{background:rgba(0,0,0,.05)}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content{background:transparent;display:none;list-style:none;margin:0;padding:0}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content[aria-hidden=true]{display:none!important}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content.is-open{display:block!important}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content .priority-nav-accordion-content{padding-right:1rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;padding:.75rem 1rem;text-align:right;width:100%}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full .priority-nav-accordion-text{flex:1}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full .priority-nav-accordion-arrow{margin-right:.5rem;transition:transform .2s ease}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full[aria-expanded=true] .priority-nav-accordion-arrow{transform:rotate(-90deg)}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-link{flex:1;padding:.75rem 1rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow{background:transparent;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit;padding:.75rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow .priority-nav-accordion-arrow{display:inline-block;transition:transform .2s ease}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow[aria-expanded=true] .priority-nav-accordion-arrow{transform:rotate(-90deg)}.is-style-priority-nav[data-more-hidden=true] .priority-nav-more{display:none}
+.is-style-priority-nav{--priority-nav--background:transparent;--priority-nav--background-hover:transparent;--priority-nav--color:inherit;--priority-nav--color-hover:inherit;--priority-nav--border-color:transparent;--priority-nav--border-style:solid;--priority-nav--border-width:0;--priority-nav--border-radius:0;--priority-nav--font-family:inherit;--priority-nav--font-size:inherit;--priority-nav--font-weight:inherit;--priority-nav--padding:0;position:relative}.is-style-priority-nav .priority-nav-more-button{align-items:center;background:var(--priority-nav--background);border-color:var(--priority-nav--border-color);border-radius:var(--priority-nav--border-radius);border-style:var(--priority-nav--border-style);border-width:var(--priority-nav--border-width);color:var(--priority-nav--color);cursor:pointer;display:flex;font-family:var(--priority-nav--font-family);font-size:var(--priority-nav--font-size);font-weight:var(--priority-nav--font-weight);gap:.1rem;padding:var(--priority-nav--padding);transition:all .2s ease}.is-style-priority-nav .priority-nav-more-button:hover{background:var(--priority-nav--background-hover);color:var(--priority-nav--color-hover)}.is-style-priority-nav .priority-nav-more-button .priority-nav-icon{align-items:center;display:inline-flex;line-height:1;margin-left:-5px}.is-style-priority-nav .priority-nav-more-button .priority-nav-icon svg{fill:currentColor;height:1.25em;width:1.25em}.is-style-priority-nav .priority-nav-more-button[aria-expanded=true] .priority-nav-icon{transform:rotate(-180deg)}.is-style-priority-nav .priority-nav-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);list-style:none;margin:0;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;left:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.is-style-priority-nav .priority-nav-dropdown.is-open{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-nav .priority-nav-dropdown li{margin:0;padding:0}.is-style-priority-nav .priority-nav-dropdown li a{color:inherit;display:block;padding:.75rem 1rem;text-decoration:none;transition:background .2s ease}.is-style-priority-nav .priority-nav-dropdown li a:hover{background:rgba(0,0,0,.05)}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content{background:transparent;display:none;list-style:none;margin:0;padding:0}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content[aria-hidden=true]{display:none!important}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content.is-open{display:block!important}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content .priority-nav-accordion-content{padding-right:1rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;padding:.75rem 1rem;text-align:right;width:100%}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full .priority-nav-accordion-text{flex:1}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full .priority-nav-accordion-arrow{margin-right:.5rem;transition:transform .2s ease}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full[aria-expanded=true] .priority-nav-accordion-arrow{transform:rotate(-90deg)}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-link{flex:1;padding:.75rem 1rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow{background:transparent;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit;padding:.75rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow .priority-nav-accordion-arrow{display:inline-block;transition:transform .2s ease}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow[aria-expanded=true] .priority-nav-accordion-arrow{transform:rotate(-90deg)}.is-style-priority-nav[data-more-hidden=true] .priority-nav-more{display:none}
diff --git a/build/style-priority-plus-nav.css b/build/style-priority-plus-nav.css
index c84231a..8a9af63 100644
--- a/build/style-priority-plus-nav.css
+++ b/build/style-priority-plus-nav.css
@@ -1 +1 @@
-.is-style-priority-nav{--priority-nav--background:transparent;--priority-nav--background-hover:transparent;--priority-nav--color:inherit;--priority-nav--color-hover:inherit;--priority-nav--border-color:transparent;--priority-nav--border-style:solid;--priority-nav--border-width:0;--priority-nav--border-radius:0;--priority-nav--font-family:inherit;--priority-nav--font-size:inherit;--priority-nav--font-weight:inherit;--priority-nav--padding:0;position:relative}.is-style-priority-nav .priority-nav-more-button{align-items:center;background:var(--priority-nav--background);border-color:var(--priority-nav--border-color);border-radius:var(--priority-nav--border-radius);border-style:var(--priority-nav--border-style);border-width:var(--priority-nav--border-width);color:var(--priority-nav--color);cursor:pointer;display:flex;font-family:var(--priority-nav--font-family);font-size:var(--priority-nav--font-size);font-weight:var(--priority-nav--font-weight);gap:.5rem;padding:var(--priority-nav--padding);transition:all .2s ease}.is-style-priority-nav .priority-nav-more-button:hover{background:var(--priority-nav--background-hover);color:var(--priority-nav--color-hover)}.is-style-priority-nav .priority-nav-more-button .icon{display:inline-block;line-height:1}.is-style-priority-nav .priority-nav-more-button[aria-expanded=true] .icon{transform:rotate(180deg)}.is-style-priority-nav .priority-nav-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);list-style:none;margin:0;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.is-style-priority-nav .priority-nav-dropdown.is-open{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-nav .priority-nav-dropdown li{margin:0;padding:0}.is-style-priority-nav .priority-nav-dropdown li a{color:inherit;display:block;padding:.75rem 1rem;text-decoration:none;transition:background .2s ease}.is-style-priority-nav .priority-nav-dropdown li a:hover{background:rgba(0,0,0,.05)}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content{background:transparent;display:none;list-style:none;margin:0;padding:0}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content[aria-hidden=true]{display:none!important}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content.is-open{display:block!important}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content .priority-nav-accordion-content{padding-left:1rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;padding:.75rem 1rem;text-align:left;width:100%}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full .priority-nav-accordion-text{flex:1}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full .priority-nav-accordion-arrow{margin-left:.5rem;transition:transform .2s ease}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full[aria-expanded=true] .priority-nav-accordion-arrow{transform:rotate(90deg)}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-link{flex:1;padding:.75rem 1rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow{background:transparent;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit;padding:.75rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow .priority-nav-accordion-arrow{display:inline-block;transition:transform .2s ease}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow[aria-expanded=true] .priority-nav-accordion-arrow{transform:rotate(90deg)}.is-style-priority-nav[data-more-hidden=true] .priority-nav-more{display:none}
+.is-style-priority-nav{--priority-nav--background:transparent;--priority-nav--background-hover:transparent;--priority-nav--color:inherit;--priority-nav--color-hover:inherit;--priority-nav--border-color:transparent;--priority-nav--border-style:solid;--priority-nav--border-width:0;--priority-nav--border-radius:0;--priority-nav--font-family:inherit;--priority-nav--font-size:inherit;--priority-nav--font-weight:inherit;--priority-nav--padding:0;position:relative}.is-style-priority-nav .priority-nav-more-button{align-items:center;background:var(--priority-nav--background);border-color:var(--priority-nav--border-color);border-radius:var(--priority-nav--border-radius);border-style:var(--priority-nav--border-style);border-width:var(--priority-nav--border-width);color:var(--priority-nav--color);cursor:pointer;display:flex;font-family:var(--priority-nav--font-family);font-size:var(--priority-nav--font-size);font-weight:var(--priority-nav--font-weight);gap:.1rem;padding:var(--priority-nav--padding);transition:all .2s ease}.is-style-priority-nav .priority-nav-more-button:hover{background:var(--priority-nav--background-hover);color:var(--priority-nav--color-hover)}.is-style-priority-nav .priority-nav-more-button .priority-nav-icon{align-items:center;display:inline-flex;line-height:1;margin-right:-5px}.is-style-priority-nav .priority-nav-more-button .priority-nav-icon svg{fill:currentColor;height:1.25em;width:1.25em}.is-style-priority-nav .priority-nav-more-button[aria-expanded=true] .priority-nav-icon{transform:rotate(180deg)}.is-style-priority-nav .priority-nav-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);list-style:none;margin:0;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.is-style-priority-nav .priority-nav-dropdown.is-open{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-nav .priority-nav-dropdown li{margin:0;padding:0}.is-style-priority-nav .priority-nav-dropdown li a{color:inherit;display:block;padding:.75rem 1rem;text-decoration:none;transition:background .2s ease}.is-style-priority-nav .priority-nav-dropdown li a:hover{background:rgba(0,0,0,.05)}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content{background:transparent;display:none;list-style:none;margin:0;padding:0}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content[aria-hidden=true]{display:none!important}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content.is-open{display:block!important}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-content .priority-nav-accordion-content{padding-left:1rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;padding:.75rem 1rem;text-align:left;width:100%}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full .priority-nav-accordion-text{flex:1}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full .priority-nav-accordion-arrow{margin-left:.5rem;transition:transform .2s ease}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-full[aria-expanded=true] .priority-nav-accordion-arrow{transform:rotate(90deg)}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-link{flex:1;padding:.75rem 1rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow{background:transparent;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit;padding:.75rem}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow .priority-nav-accordion-arrow{display:inline-block;transition:transform .2s ease}.is-style-priority-nav .priority-nav-dropdown .priority-nav-accordion-toggle-arrow[aria-expanded=true] .priority-nav-accordion-arrow{transform:rotate(90deg)}.is-style-priority-nav[data-more-hidden=true] .priority-nav-more{display:none}
diff --git a/src/core/PriorityNav.js b/src/core/PriorityNav.js
index 2489eaa..31c546f 100644
--- a/src/core/PriorityNav.js
+++ b/src/core/PriorityNav.js
@@ -56,8 +56,6 @@ class PriorityNav {
// Get attributes from nav element
this.moreLabel =
this.nav.getAttribute( 'data-more-label' ) || DEFAULT_MORE_LABEL;
- this.moreIcon =
- this.nav.getAttribute( 'data-more-icon' ) || DEFAULT_MORE_ICON;
// Detect if navigation has openSubmenusOnClick setting
this.openSubmenusOnClick = this.detectOpenSubmenusOnClick();
@@ -65,8 +63,7 @@ class PriorityNav {
// Create More button and dropdown
const { moreContainer, moreButton, dropdown } = createMoreButton(
this.list,
- this.moreLabel,
- this.moreIcon
+ this.moreLabel
);
this.moreContainer = moreContainer;
this.moreButton = moreButton;
diff --git a/src/dom/dom-builder.js b/src/dom/dom-builder.js
index af8ac61..394c95f 100644
--- a/src/dom/dom-builder.js
+++ b/src/dom/dom-builder.js
@@ -1,7 +1,10 @@
/**
* DOM building utilities for PriorityNav
*/
-import { DEFAULT_MORE_LABEL, DEFAULT_MORE_ICON } from '../utils/constants.js';
+import {
+ DEFAULT_MORE_LABEL,
+ CHEVRON_ICON_SVG,
+} from '../utils/constants.js';
import { escapeHtml } from '../utils/html-utils.js';
import { extractNavItemData } from './dom-extractor.js';
@@ -9,14 +12,9 @@ import { extractNavItemData } from './dom-extractor.js';
* Create the More button and dropdown container
* @param {HTMLElement} list - Navigation list container
* @param {string} moreLabel - Label for the More button
- * @param {string} moreIcon - Icon type for the More button
* @return {Object} Object containing moreContainer, moreButton, and dropdown elements
*/
-export function createMoreButton(
- list,
- moreLabel = DEFAULT_MORE_LABEL,
- moreIcon = DEFAULT_MORE_ICON
-) {
+export function createMoreButton( list, moreLabel = DEFAULT_MORE_LABEL ) {
// Create the more container
const moreContainer = document.createElement( 'div' );
moreContainer.className = 'priority-nav-more';
@@ -29,20 +27,9 @@ export function createMoreButton(
moreButton.setAttribute( 'aria-haspopup', 'true' );
moreButton.setAttribute( 'aria-label', moreLabel );
- const iconMap = {
- chevron: '▼',
- plus: '+',
- menu: '≡',
- };
-
- // Build icon HTML only if icon exists in map
- const iconHTML = iconMap[ moreIcon ]
- ? `${ iconMap[ moreIcon ] }`
- : '';
-
moreButton.innerHTML = `
${ moreLabel }
- ${ iconHTML }
+ ${ CHEVRON_ICON_SVG }
`;
// Create dropdown
diff --git a/src/styles/style.scss b/src/styles/style.scss
index c771ce8..fa4920f 100755
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -5,7 +5,7 @@
.priority-nav-more-button {
display: flex;
- gap: 0.5rem;
+ gap: 0.1rem;
align-items: center;
font-family: var(--priority-nav--font-family);
font-size: var(--priority-nav--font-size);
@@ -25,13 +25,21 @@
color: var(--priority-nav--color-hover);
}
- .icon {
- display: inline-block;
+ .priority-nav-icon {
+ display: inline-flex;
+ align-items: center;
line-height: 1;
+ margin-right: -5px;
+
+ svg {
+ fill: currentColor;
+ width: 1.25em;
+ height: 1.25em;
+ }
}
&[aria-expanded="true"] {
- .icon {
+ .priority-nav-icon {
transform: rotate(180deg);
}
}
diff --git a/src/utils/constants.js b/src/utils/constants.js
index c1cfa49..2e21b09 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -1,8 +1,10 @@
/**
* Constants for PriorityNav
*/
-export const DEFAULT_MORE_LABEL = 'Browse';
-export const DEFAULT_MORE_ICON = 'none';
+export const DEFAULT_MORE_LABEL = 'More';
export const DEFAULT_GAP = 8;
export const RETRY_INTERVAL = 100;
export const MAX_RETRY_ATTEMPTS = 20;
+
+export const CHEVRON_ICON_SVG =
+ '';
diff --git a/src/variation/block.js b/src/variation/block.js
index eb847c8..b53f08e 100644
--- a/src/variation/block.js
+++ b/src/variation/block.js
@@ -22,8 +22,7 @@ registerBlockVariation( 'core/navigation', {
className: 'is-style-priority-nav',
overlayMenu: 'never',
priorityNavEnabled: true,
- priorityNavMoreLabel: 'Browse',
- priorityNavMoreIcon: 'none',
+ priorityNavMoreLabel: 'More',
priorityNavMoreBackgroundColor: undefined,
priorityNavMoreBackgroundColorHover: undefined,
priorityNavMoreTextColor: undefined,
@@ -57,7 +56,7 @@ addFilter(
},
priorityNavMoreLabel: {
type: 'string',
- default: 'Browse',
+ default: 'More',
},
priorityNavMoreIcon: {
type: 'string',
diff --git a/src/variation/controls.js b/src/variation/controls.js
index bb04bb5..c36f8c4 100644
--- a/src/variation/controls.js
+++ b/src/variation/controls.js
@@ -44,7 +44,6 @@ const withPriorityNavControls = createHigherOrderComponent( ( BlockEdit ) => {
const {
priorityNavEnabled,
priorityNavMoreLabel,
- priorityNavMoreIcon,
priorityNavMoreBackgroundColor,
priorityNavMoreBackgroundColorHover,
priorityNavMoreTextColor,
@@ -67,13 +66,12 @@ const withPriorityNavControls = createHigherOrderComponent( ( BlockEdit ) => {
<>
-
+
setAttributes( {
- priorityNavMoreLabel: 'Browse',
- priorityNavMoreIcon: 'none',
+ priorityNavMoreLabel: 'More',
} )
}
>
@@ -82,7 +80,7 @@ const withPriorityNavControls = createHigherOrderComponent( ( BlockEdit ) => {
label={ __( 'More Button Label', 'priority-nav' ) }
onDeselect={ () =>
setAttributes( {
- priorityNavMoreLabel: 'Browse',
+ priorityNavMoreLabel: 'More',
} )
}
isShownByDefault
@@ -104,52 +102,7 @@ const withPriorityNavControls = createHigherOrderComponent( ( BlockEdit ) => {
) }
/>
- !! priorityNavMoreIcon }
- label={ __( 'More Button Icon', 'priority-nav' ) }
- onDeselect={ () =>
- setAttributes( { priorityNavMoreIcon: 'none' } )
- }
- isShownByDefault
- >
-
- setAttributes( {
- priorityNavMoreIcon: value,
- } )
- }
- />
-
-
-
-