From d23989c1cc786142f2de1119fa240f027a7006e0 Mon Sep 17 00:00:00 2001 From: Troy Chaplin Date: Sun, 4 Jan 2026 18:22:47 -0500 Subject: [PATCH 1/3] change: indent control --- build/priority-plus-nav-editor.asset.php | 2 +- build/priority-plus-nav-editor.js | 2 +- classes/class-block-renderer.php | 19 +++-- .../components/dropdown-customizer-modal.js | 4 +- src/variation/components/dropdown-preview.js | 32 +++++++-- .../components/panels/menu-spacing-panel.js | 70 ++++++++++++++----- src/variation/controls.js | 10 +-- 7 files changed, 104 insertions(+), 35 deletions(-) diff --git a/build/priority-plus-nav-editor.asset.php b/build/priority-plus-nav-editor.asset.php index feb6911..f43d934 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' => 'f7d87c124c39fcda6059'); + array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => 'bcd1ac63a05fbd3bf49c'); diff --git a/build/priority-plus-nav-editor.js b/build/priority-plus-nav-editor.js index 2299255..0b19e06 100644 --- a/build/priority-plus-nav-editor.js +++ b/build/priority-plus-nav-editor.js @@ -1 +1 @@ -(()=>{"use strict";const o=window.wp.i18n,e=window.wp.blocks,t=window.wp.primitives,i=window.ReactJSXRuntime;var r=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7.404 16.596a6.5 6.5 0 1 0 9.192-9.192 6.5 6.5 0 0 0-9.192 9.192ZM6.344 6.343a8 8 0 1 0 11.313 11.314A8 8 0 0 0 6.343 6.343Zm4.906 9.407v-3h-3v-1.5h3v-3h1.5v3h3v1.5h-3v3h-1.5Z"})});const n=window.wp.hooks,l="#ffffff",s={color:"#dddddd",width:"1px",style:"solid"},a="4px",u="0 4px 12px rgba(0, 0, 0, 0.15)",p={top:"0.75rem",right:"1rem",bottom:"0.75rem",left:"1rem"},y="rgba(0, 0, 0, 0.05)",d="inherit",g="1.25rem";(0,e.registerBlockVariation)("core/navigation",{name:"priority-plus-navigation",title:(0,o.__)("Priority Plus Navigation","priority-plus-navigation"),description:(0,o.__)('A responsive navigation that automatically moves overflow items to a "More" dropdown.',"priority-plus-navigation"),icon:r,scope:["inserter","transform"],attributes:{className:"is-style-priority-plus-navigation",overlayMenu:"never",priorityPlusEnabled:!0,priorityPlusToggleLabel:"More",priorityPlusToggleBackgroundColor:void 0,priorityPlusToggleBackgroundColorHover:void 0,priorityPlusToggleTextColor:void 0,priorityPlusToggleTextColorHover:void 0},isActive:(o,e)=>o.className?.includes(e.className)}),(0,n.addFilter)("blocks.registerBlockType","priority-plus-navigation/extend-core-navigation",(o,e)=>"core/navigation"!==e?o:{...o,attributes:{...o.attributes,priorityPlusEnabled:{type:"boolean",default:!1},priorityPlusToggleLabel:{type:"string",default:"More"},priorityPlusToggleIcon:{type:"string",default:"none"},priorityPlusToggleBackgroundColor:{type:"string"},priorityPlusToggleBackgroundColorHover:{type:"string"},priorityPlusToggleTextColor:{type:"string"},priorityPlusToggleTextColorHover:{type:"string"},priorityPlusTogglePadding:{type:"object",default:void 0},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},priorityPlusMenuItemHoverTextColor:{type:"string",default:d},priorityPlusMenuSubmenuIndent:{type:"string",default:g},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const c=window.wp.blockEditor,h=window.wp.components,v=window.wp.compose,m=window.wp.element;function P(o){if(!o||"string"!=typeof o)return o;if(o.startsWith("var:preset|")){const e=o.match(/^var:preset\|([^|]+)\|(.+)$/);if(e)return`var(--wp--preset--${e[1]}--${e[2]})`}return o.startsWith("var("),o}function b(o){if(!o)return a;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:e,topRight:t,bottomRight:i,bottomLeft:r}=o;return e===t&&t===i&&i===r&&e?e:`${e||"0"} ${t||"0"} ${i||"0"} ${r||"0"}`}return a}function x(o){const e=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!o)return e;if("string"==typeof o)return P(o);if("object"==typeof o){if(0===Object.keys(o).length)return e;const{top:t,right:i,bottom:r,left:n}=o;if(!(t&&""!==t&&"0"!==t||i&&""!==i&&"0"!==i||r&&""!==r&&"0"!==r||n&&""!==n&&"0"!==n))return e;const l=P(t)||"0",s=P(i)||"0",a=P(r)||"0",u=P(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return e}function f({attributes:e,typographyStyles:t={}}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:c,priorityPlusMenuBoxShadow:h,priorityPlusMenuItemPadding:v,priorityPlusMenuItemHoverBackground:P,priorityPlusMenuItemHoverTextColor:f,priorityPlusMenuSubmenuIndent:_}=e,w=r||l,M=n||s,S=c||a,T=h||u,B=v||p,C=P||y,j=f||d,I=_||g,[k,F]=(0,m.useState)(!0),z=(0,m.useMemo)(()=>{const o=function(o){const e=s,t="--wp--custom--priority-plus-navigation--dropdown--";if(!o)return{[`${t}border-color`]:e.color,[`${t}border-width`]:e.width,[`${t}border-style`]:e.style};if(o.color||o.width||o.style)return{[`${t}border-color`]:o.color||e.color,[`${t}border-width`]:o.width||e.width,[`${t}border-style`]:o.style||e.style};const i=["top","right","bottom","left"];if(i.some(e=>o[e])){const r={};if(i.forEach(i=>{const n=o[i];if(n&&(n.color||n.width||n.style)){const o=n.width||e.width,l=n.style||e.style,s=n.color||e.color;r[`${t}border-${i}`]=`${o} ${l} ${s}`}}),Object.keys(r).length>0)return r}return{[`${t}border-color`]:e.color,[`${t}border-width`]:e.width,[`${t}border-style`]:e.style}}(M),e={"--wp--custom--priority-plus-navigation--dropdown--background-color":w,"--wp--custom--priority-plus-navigation--dropdown--border-radius":b(S),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":T,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":x(B),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":C,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":j,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":I,...o};return t.fontFamily&&(e.fontFamily=t.fontFamily),t.fontSize&&(e.fontSize=t.fontSize),t.fontWeight&&(e.fontWeight=t.fontWeight),t.fontStyle&&(e.fontStyle=t.fontStyle),e},[w,M,S,T,B,C,j,I,t]);return(0,i.jsxs)("ul",{className:"priority-plus-navigation-dropdown is-open",style:z,children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Top level item","priority-plus-navigation")})}),(0,i.jsx)("li",{className:"dropdown-preview-hover-demo",children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Another top level item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!k),"aria-expanded":k,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Top level with a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),k&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Submenu item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!k),"aria-expanded":k,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Submenu in a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),k&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Going deeper into the submenu","priority-plus-navigation")})}),(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,i.jsx)("li",{children:(0,i.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 _(o,e){if(o&&o!==e)return o}function w({attributes:e,setAttributes:t}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemHoverTextColor:s}=e;return(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:_(r,l),onChange:o=>t({priorityPlusMenuBackgroundColor:o||l}),clearable:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:_(n,y),onChange:o=>t({priorityPlusMenuItemHoverBackground:o||y}),clearable:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:_(s,d),onChange:o=>t({priorityPlusMenuItemHoverTextColor:o||d}),clearable:!0}]})}function M({value:e,onChange:t}){const r=(0,c.useSetting)("shadow.presets.theme"),n=(0,c.useSetting)("shadow.presets.default"),l=(0,m.useMemo)(()=>{const e=r||[],t=n||[],i=[{value:"none",label:(0,o.__)("None","priority-plus-navigation")},{value:u,label:(0,o.__)("Default","priority-plus-navigation")}];return e.length>0&&e.forEach(o=>{i.push({value:o.shadow,label:o.name})}),t.length>0&&t.forEach(o=>{i.push({value:o.shadow,label:o.name})}),i},[r,n]),[s,a]=(0,m.useState)(l);return(0,i.jsx)(h.ComboboxControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Menu Shadow","priority-plus-navigation"),value:e,onChange:o=>{t(o)},options:s,onFilterValueChange:o=>{if(!o)return void a(l);const e=o.toLowerCase();a(l.filter(o=>o.label.toLowerCase().includes(e)))}})}function S({attributes:e,setAttributes:t}){const{priorityPlusMenuBorder:r,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=e,p=(0,c.useSetting)("color.palette")||[];return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{t({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=r)&&(!!(o.color||o.width||o.style)||["top","right","bottom","left"].some(e=>{const t=o[e];return t&&(t.color||t.width||t.style)}));var o},label:(0,o.__)("Menu Border","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuBorder:s}),isShownByDefault:!0,children:(0,i.jsx)(h.__experimentalBorderBoxControl,{label:(0,o.__)("Menu Border","priority-plus-navigation"),colors:p,value:r,onChange:o=>t({priorityPlusMenuBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=n)&&("string"==typeof o?""!==o:"object"==typeof o&&Object.values(o).some(o=>o&&""!==o));var o},label:(0,o.__)("Menu Border Radius","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuBorderRadius:a}),isShownByDefault:!0,children:(0,i.jsx)(c.__experimentalBorderRadiusControl,{label:(0,o.__)("Menu Border Radius","priority-plus-navigation"),values:n,onChange:o=>t({priorityPlusMenuBorderRadius:o})})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Menu Shadow","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,i.jsx)(M,{value:l||u,onChange:o=>t({priorityPlusMenuBoxShadow:o})})})]})}function T({attributes:e,setAttributes:t,spacingSizes:r}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l}=e;return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Settings","priority-plus-navigation"),resetAll:()=>{t({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:g})},children:[(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=n)&&("object"==typeof o?Object.values(o).some(o=>o&&""!==o):!!o);var o},label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuItemPadding:p}),isShownByDefault:!0,children:r.length>0?(0,i.jsx)(c.__experimentalSpacingSizesControl,{values:n,onChange:o=>t({priorityPlusMenuItemPadding:o}),label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(h.BoxControl,{label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),values:n,onChange:o=>t({priorityPlusMenuItemPadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Submenu Indent","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuSubmenuIndent:g}),isShownByDefault:!0,children:(0,i.jsx)(h.__experimentalUnitControl,{label:(0,o.__)("Submenu Indent","priority-plus-navigation"),value:l||g,onChange:o=>t({priorityPlusMenuSubmenuIndent:o}),help:(0,o.__)("Indentation for nested submenu items","priority-plus-navigation"),units:[{value:"px",label:"px"},{value:"rem",label:"rem"},{value:"em",label:"em"}]})})]})}function B({attributes:e,setAttributes:t,onClose:r}){const n=(0,c.useSetting)("typography.fontSizes")||[],v=(0,c.useSetting)("typography.fontFamilies")||[],m={};if(e.priorityPlusTypographyFontFamily){let o=[];v&&"object"==typeof v&&!Array.isArray(v)?(v.theme&&Array.isArray(v.theme)&&(o=o.concat(v.theme)),v.custom&&Array.isArray(v.custom)&&(o=o.concat(v.custom))):Array.isArray(v)&&v.forEach(e=>{e.fontFamilies&&Array.isArray(e.fontFamilies)?o=o.concat(e.fontFamilies):e.slug&&e.fontFamily&&o.push(e)});const t=o.find(o=>o.slug===e.priorityPlusTypographyFontFamily);t&&(m.fontFamily=t.fontFamily)}if(e.priorityPlusTypographyFontSize){let o=[];Array.isArray(n)&&n.forEach(e=>{e.sizes&&Array.isArray(e.sizes)?o=o.concat(e.sizes):e.slug&&e.size&&o.push(e)});const t=o.find(o=>o.slug===e.priorityPlusTypographyFontSize);t&&(m.fontSize=t.size)}e.priorityPlusTypographyFontWeight&&(m.fontWeight=e.priorityPlusTypographyFontWeight),e.priorityPlusTypographyFontStyle&&(m.fontStyle=e.priorityPlusTypographyFontStyle);const P=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(h.Modal,{title:(0,o.__)("Customize Priority Plus Menu","priority-plus-navigation"),onRequestClose:r,className:"priority-plus-dropdown-customizer",size:"large",isDismissible:!0,children:[(0,i.jsxs)("div",{className:"dropdown-customizer-layout",children:[(0,i.jsxs)("div",{className:"dropdown-customizer-controls",children:[(0,i.jsx)(w,{attributes:e,setAttributes:t}),(0,i.jsx)(S,{attributes:e,setAttributes:t}),(0,i.jsx)(T,{attributes:e,setAttributes:t,spacingSizes:P})]}),(0,i.jsx)("div",{className:"dropdown-customizer-preview",children:(0,i.jsx)(f,{attributes:e,typographyStyles:m})})]}),(0,i.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,i.jsx)(h.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{t({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:g})},children:(0,o.__)("Reset to Defaults","priority-plus-navigation")}),(0,i.jsx)(h.Button,{variant:"primary",onClick:r,children:(0,o.__)("Done","priority-plus-navigation")})]})]})}const C=(0,v.createHigherOrderComponent)(o=>e=>{const{name:t,attributes:r}=e;if("core/navigation"!==t)return(0,i.jsx)(o,{...e});const n=(r.className||"").includes("is-style-priority-plus-navigation")||!0===r.priorityPlusEnabled;return(0,m.useEffect)(()=>{if(!n)return;const o=document.querySelector(".block-editor-block-inspector");if(!o)return;const e=o.querySelector('.components-toggle-group-control-option-base[data-value="always"]');e&&(e.style.opacity="0.4",e.style.pointerEvents="none",e.style.textDecoration="line-through",e.style.cursor="not-allowed")},[n,r.overlayMenu]),(0,i.jsx)(o,{...e})},"addDisableAlwaysOption"),j=(0,v.createHigherOrderComponent)(e=>t=>{const{name:r,attributes:n,setAttributes:v}=t;if("core/navigation"!==r)return(0,i.jsx)(e,{...t});const P=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!P)return(0,i.jsx)(e,{...t});const{priorityPlusToggleLabel:b,priorityPlusToggleBackgroundColor:x,priorityPlusToggleBackgroundColorHover:f,priorityPlusToggleTextColor:_,priorityPlusToggleTextColorHover:w,priorityPlusTogglePadding:M,overlayMenu:S}=n,[T,C]=(0,m.useState)(!1);(0,m.useEffect)(()=>{P&&"always"===S&&v({overlayMenu:"mobile"})},[P,S,v]),(0,m.useEffect)(()=>{if(!P)return;const o=n.style?.typography?.fontWeight,e=n.style?.typography?.fontStyle;n.fontSize===n.priorityPlusTypographyFontSize&&n.fontFamily===n.priorityPlusTypographyFontFamily&&o===n.priorityPlusTypographyFontWeight&&e===n.priorityPlusTypographyFontStyle||v({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:e})},[P,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,v]);const j=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e,{...t}),(0,i.jsx)(c.InspectorControls,{group:"settings",children:(0,i.jsx)(h.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,i.jsxs)(c.InspectorControls,{group:"styles",children:[(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>v({priorityPlusToggleLabel:"More"}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!b,label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),onDeselect:()=>v({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,i.jsx)(h.TextControl,{label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),value:b,onChange:o=>v({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})})}),(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Toggle Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Text Color","priority-plus-navigation"),value:_,onChange:o=>v({priorityPlusToggleTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Text Hover Color","priority-plus-navigation"),value:w,onChange:o=>v({priorityPlusToggleTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Background Color","priority-plus-navigation"),value:x,onChange:o=>v({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:f,onChange:o=>v({priorityPlusToggleBackgroundColorHover:o||void 0}),clearable:!0}]}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Toggle Button Spacing","priority-plus-navigation"),resetAll:()=>v({priorityPlusTogglePadding:void 0}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!M&&Object.keys(M).length>0,label:(0,o.__)("Padding","priority-plus-navigation"),onDeselect:()=>v({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:j.length>0?(0,i.jsx)(c.__experimentalSpacingSizesControl,{values:M,onChange:o=>v({priorityPlusTogglePadding:o}),label:(0,o.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(h.BoxControl,{label:(0,o.__)("Button Padding","priority-plus-navigation"),values:M,onChange:o=>v({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Menu Styles","priority-plus-navigation"),resetAll:()=>{v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:g})},children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:e,priorityPlusMenuBorderRadius:t,priorityPlusMenuBoxShadow:i,priorityPlusMenuItemPadding:r,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||e||t||i||r||l||s||a)},label:(0,o.__)("Customize Menu","priority-plus-navigation"),onDeselect:()=>v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:g}),isShownByDefault:!0,children:(0,i.jsx)(h.Button,{variant:"secondary",onClick:()=>C(!0),children:(0,o.__)("Customize Menu","priority-plus-navigation")})})})]}),T&&(0,i.jsx)(B,{attributes:n,setAttributes:v,onClose:()=>C(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",C,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",j,10)})(); \ No newline at end of file +(()=>{"use strict";const o=window.wp.i18n,t=window.wp.blocks,e=window.wp.primitives,i=window.ReactJSXRuntime;var r=(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 n=window.wp.hooks,l="#ffffff",s={color:"#dddddd",width:"1px",style:"solid"},a="4px",u="0 4px 12px rgba(0, 0, 0, 0.15)",p={top:"0.75rem",right:"1rem",bottom:"0.75rem",left:"1rem"},y="rgba(0, 0, 0, 0.05)",g="inherit",d="1.25rem";(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:r,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},priorityPlusMenuItemHoverTextColor:{type:"string",default:g},priorityPlusMenuSubmenuIndent:{type:"string",default:d},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const c=window.wp.blockEditor,h=window.wp.components,v=window.wp.compose,m=window.wp.element;function P(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 b(o){if(!o)return a;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:t,topRight:e,bottomRight:i,bottomLeft:r}=o;return t===e&&e===i&&i===r&&t?t:`${t||"0"} ${e||"0"} ${i||"0"} ${r||"0"}`}return a}function f(o){const t=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!o)return t;if("string"==typeof o)return P(o);if("object"==typeof o){if(0===Object.keys(o).length)return t;const{top:e,right:i,bottom:r,left:n}=o;if(!(e&&""!==e&&"0"!==e||i&&""!==i&&"0"!==i||r&&""!==r&&"0"!==r||n&&""!==n&&"0"!==n))return t;const l=P(e)||"0",s=P(i)||"0",a=P(r)||"0",u=P(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return t}function x({attributes:t,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:c,priorityPlusMenuBoxShadow:h,priorityPlusMenuItemPadding:v,priorityPlusMenuItemHoverBackground:x,priorityPlusMenuItemHoverTextColor:_,priorityPlusMenuSubmenuIndent:w}=t,M=r||l,S=n||s,T=c||a,B=h||u,j=v||p,C=x||y,k=_||g,[I,F]=(0,m.useState)(!0),z=(0,m.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 i=["top","right","bottom","left"];if(i.some(t=>o[t])){const r={};if(i.forEach(i=>{const n=o[i];if(n&&(n.color||n.width||n.style)){const o=n.width||t.width,l=n.style||t.style,s=n.color||t.color;r[`${e}border-${i}`]=`${o} ${l} ${s}`}}),Object.keys(r).length>0)return r}return{[`${e}border-color`]:t.color,[`${e}border-width`]:t.width,[`${e}border-style`]:t.style}}(S),t={"--wp--custom--priority-plus-navigation--dropdown--background-color":M,"--wp--custom--priority-plus-navigation--dropdown--border-radius":b(T),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":B,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":f(j),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":C,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":k,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(i=w,i?"object"==typeof i&&i.left?P(i.left):"string"==typeof i?P(i):d:d),...o};var i;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},[M,S,T,B,j,C,k,w,e]);return(0,i.jsxs)("ul",{className:"priority-plus-navigation-dropdown is-open",style:z,children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Top level item","priority-plus-navigation")})}),(0,i.jsx)("li",{className:"dropdown-preview-hover-demo",children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Another top level item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Top level with a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Submenu item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Submenu in a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Going deeper into the submenu","priority-plus-navigation")})}),(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,i.jsx)("li",{children:(0,i.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 _(o,t){if(o&&o!==t)return o}function w({attributes:t,setAttributes:e}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemHoverTextColor:s}=t;return(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:_(r,l),onChange:o=>e({priorityPlusMenuBackgroundColor:o||l}),clearable:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:_(n,y),onChange:o=>e({priorityPlusMenuItemHoverBackground:o||y}),clearable:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:_(s,g),onChange:o=>e({priorityPlusMenuItemHoverTextColor:o||g}),clearable:!0}]})}function M({value:t,onChange:e}){const r=(0,c.useSetting)("shadow.presets.theme"),n=(0,c.useSetting)("shadow.presets.default"),l=(0,m.useMemo)(()=>{const t=r||[],e=n||[],i=[{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=>{i.push({value:o.shadow,label:o.name})}),e.length>0&&e.forEach(o=>{i.push({value:o.shadow,label:o.name})}),i},[r,n]),[s,a]=(0,m.useState)(l);return(0,i.jsx)(h.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 S({attributes:t,setAttributes:e}){const{priorityPlusMenuBorder:r,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=t,p=(0,c.useSetting)("color.palette")||[];return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=r)&&(!!(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,i.jsx)(h.__experimentalBorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:p,value:r,onChange:o=>e({priorityPlusMenuBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,i.jsx)(h.__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,i.jsx)(c.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:n,onChange:o=>e({priorityPlusMenuBorderRadius:o})})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,i.jsx)(M,{value:l||u,onChange:o=>e({priorityPlusMenuBoxShadow:o})})})]})}function T({attributes:t,setAttributes:e,spacingSizes:r}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l}=t;return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Settings","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:d})},children:[(0,i.jsx)(h.__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:r.length>0?(0,i.jsx)(c.__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,i.jsx)(h.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,i.jsx)(h.__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:d}}),isShownByDefault:!0,children:(0,i.jsx)(c.__experimentalSpacingSizesControl,{label:(0,o.__)("Submenu Indent","priority-plus-navigation"),values:(s=l,s?"object"==typeof s&&s.left?s:"string"==typeof s?{left:s}:{left:d}:{left:d}),onChange:o=>e({priorityPlusMenuSubmenuIndent:o}),sides:["left"]})})]});var s}function B({attributes:t,setAttributes:e,onClose:r}){const n=(0,c.useSetting)("typography.fontSizes")||[],v=(0,c.useSetting)("typography.fontFamilies")||[],m={};if(t.priorityPlusTypographyFontFamily){let o=[];v&&"object"==typeof v&&!Array.isArray(v)?(v.theme&&Array.isArray(v.theme)&&(o=o.concat(v.theme)),v.custom&&Array.isArray(v.custom)&&(o=o.concat(v.custom))):Array.isArray(v)&&v.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&&(m.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&&(m.fontSize=e.size)}t.priorityPlusTypographyFontWeight&&(m.fontWeight=t.priorityPlusTypographyFontWeight),t.priorityPlusTypographyFontStyle&&(m.fontStyle=t.priorityPlusTypographyFontStyle);const P=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(h.Modal,{title:(0,o.__)("Customize Priority Plus Menu","priority-plus-navigation"),onRequestClose:r,className:"priority-plus-dropdown-customizer",size:"large",isDismissible:!0,children:[(0,i.jsxs)("div",{className:"dropdown-customizer-layout",children:[(0,i.jsxs)("div",{className:"dropdown-customizer-controls",children:[(0,i.jsx)(w,{attributes:t,setAttributes:e}),(0,i.jsx)(S,{attributes:t,setAttributes:e}),(0,i.jsx)(T,{attributes:t,setAttributes:e,spacingSizes:P})]}),(0,i.jsx)("div",{className:"dropdown-customizer-preview",children:(0,i.jsx)(x,{attributes:t,typographyStyles:m})})]}),(0,i.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,i.jsx)(h.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}})},children:(0,o.__)("Reset to Defaults","priority-plus-navigation")}),(0,i.jsx)(h.Button,{variant:"primary",onClick:r,children:(0,o.__)("Done","priority-plus-navigation")})]})]})}const j=(0,v.createHigherOrderComponent)(o=>t=>{const{name:e,attributes:r}=t;if("core/navigation"!==e)return(0,i.jsx)(o,{...t});const n=(r.className||"").includes("is-style-priority-plus-navigation")||!0===r.priorityPlusEnabled;return(0,m.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,r.overlayMenu]),(0,i.jsx)(o,{...t})},"addDisableAlwaysOption"),C=(0,v.createHigherOrderComponent)(t=>e=>{const{name:r,attributes:n,setAttributes:v}=e;if("core/navigation"!==r)return(0,i.jsx)(t,{...e});const P=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!P)return(0,i.jsx)(t,{...e});const{priorityPlusToggleLabel:b,priorityPlusToggleBackgroundColor:f,priorityPlusToggleBackgroundColorHover:x,priorityPlusToggleTextColor:_,priorityPlusToggleTextColorHover:w,priorityPlusTogglePadding:M,overlayMenu:S}=n,[T,j]=(0,m.useState)(!1);(0,m.useEffect)(()=>{P&&"always"===S&&v({overlayMenu:"mobile"})},[P,S,v]),(0,m.useEffect)(()=>{if(!P)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||v({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:t})},[P,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,v]);const C=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t,{...e}),(0,i.jsx)(c.InspectorControls,{group:"settings",children:(0,i.jsx)(h.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,i.jsxs)(c.InspectorControls,{group:"styles",children:[(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>v({priorityPlusToggleLabel:"More"}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!b,label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),onDeselect:()=>v({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,i.jsx)(h.TextControl,{label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),value:b,onChange:o=>v({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})})}),(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Toggle Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Text Color","priority-plus-navigation"),value:_,onChange:o=>v({priorityPlusToggleTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Text Hover Color","priority-plus-navigation"),value:w,onChange:o=>v({priorityPlusToggleTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Background Color","priority-plus-navigation"),value:f,onChange:o=>v({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:x,onChange:o=>v({priorityPlusToggleBackgroundColorHover:o||void 0}),clearable:!0}]}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Toggle Button Spacing","priority-plus-navigation"),resetAll:()=>v({priorityPlusTogglePadding:void 0}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!M&&Object.keys(M).length>0,label:(0,o.__)("Padding","priority-plus-navigation"),onDeselect:()=>v({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:C.length>0?(0,i.jsx)(c.__experimentalSpacingSizesControl,{values:M,onChange:o=>v({priorityPlusTogglePadding:o}),label:(0,o.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(h.BoxControl,{label:(0,o.__)("Button Padding","priority-plus-navigation"),values:M,onChange:o=>v({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Menu Styles","priority-plus-navigation"),resetAll:()=>{v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}})},children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:t,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:i,priorityPlusMenuItemPadding:r,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||t||e||i||r||l||s||a)},label:(0,o.__)("Customize Menu","priority-plus-navigation"),onDeselect:()=>v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}}),isShownByDefault:!0,children:(0,i.jsx)(h.Button,{variant:"secondary",onClick:()=>j(!0),children:(0,o.__)("Customize Menu","priority-plus-navigation")})})})]}),T&&(0,i.jsx)(B,{attributes:n,setAttributes:v,onClose:()=>j(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",j,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",C,10)})(); \ No newline at end of file diff --git a/classes/class-block-renderer.php b/classes/class-block-renderer.php index f190422..432892f 100644 --- a/classes/class-block-renderer.php +++ b/classes/class-block-renderer.php @@ -335,10 +335,21 @@ private function add_menu_styles( array $attributes, array $style_parts ): array } if ( ! empty( $attributes['menu_submenu_indent'] ) ) { - $style_parts[] = sprintf( - '--wp--custom--priority-plus-navigation--dropdown--multi-level-indent: %s', - esc_attr( $attributes['menu_submenu_indent'] ) - ); + $submenu_indent_css = ''; + // Handle new object format (e.g., { left: '1.25rem' }). + if ( is_array( $attributes['menu_submenu_indent'] ) && ! empty( $attributes['menu_submenu_indent']['left'] ) ) { + $submenu_indent_css = $this->css_converter->convert_preset_value( $attributes['menu_submenu_indent']['left'] ); + } elseif ( is_string( $attributes['menu_submenu_indent'] ) ) { + // Handle legacy string format. + $submenu_indent_css = $this->css_converter->convert_preset_value( $attributes['menu_submenu_indent'] ); + } + + if ( '' !== $submenu_indent_css ) { + $style_parts[] = sprintf( + '--wp--custom--priority-plus-navigation--dropdown--multi-level-indent: %s', + esc_attr( $submenu_indent_css ) + ); + } } // Handle border. diff --git a/src/variation/components/dropdown-customizer-modal.js b/src/variation/components/dropdown-customizer-modal.js index ce6b328..b4da81d 100644 --- a/src/variation/components/dropdown-customizer-modal.js +++ b/src/variation/components/dropdown-customizer-modal.js @@ -120,7 +120,9 @@ export function DropdownCustomizerModal({ DEFAULT_MENU_ITEM_HOVER_BACKGROUND, priorityPlusMenuItemHoverTextColor: DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, - priorityPlusMenuSubmenuIndent: DEFAULT_MENU_SUBMENU_INDENT, + priorityPlusMenuSubmenuIndent: { + left: DEFAULT_MENU_SUBMENU_INDENT, + }, }); }; diff --git a/src/variation/components/dropdown-preview.js b/src/variation/components/dropdown-preview.js index 3d02751..10c9466 100644 --- a/src/variation/components/dropdown-preview.js +++ b/src/variation/components/dropdown-preview.js @@ -164,6 +164,31 @@ function getBorderRadiusCSS(borderRadius) { return DEFAULT_MENU_BORDER_RADIUS; } +/** + * Normalize submenu indent value to CSS string + * Handles both new object format ({ left: '1.25rem' }) and legacy string format ('1.25rem') + * + * @param {Object|string} indent - The submenu indent value + * @return {string} CSS indent value + */ +function getSubmenuIndentCSS(indent) { + if (!indent) { + return DEFAULT_MENU_SUBMENU_INDENT; + } + + // Handle object format from SpacingSizesControl (e.g., { left: '1.25rem' }) + if (typeof indent === 'object' && indent.left) { + return convertPresetValue(indent.left); + } + + // Handle legacy string format (e.g., '1.25rem') + if (typeof indent === 'string') { + return convertPresetValue(indent); + } + + return DEFAULT_MENU_SUBMENU_INDENT; +} + /** * Convert itemPadding to CSS string (handles both object and string formats) * @@ -275,9 +300,6 @@ export function DropdownPreview({ attributes, typographyStyles = {} }) { const itemHoverTextColor = priorityPlusMenuItemHoverTextColor || DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR; - const submenuIndent = - priorityPlusMenuSubmenuIndent || DEFAULT_MENU_SUBMENU_INDENT; - // State for accordion open/closed const [isAccordionOpen, setIsAccordionOpen] = useState(true); @@ -300,7 +322,7 @@ export function DropdownPreview({ attributes, typographyStyles = {} }) { '--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color': itemHoverTextColor, '--wp--custom--priority-plus-navigation--dropdown--multi-level-indent': - submenuIndent, + getSubmenuIndentCSS(priorityPlusMenuSubmenuIndent), // Spread border CSS properties (either unified or per-side) ...borderCSSProperties, }; @@ -328,7 +350,7 @@ export function DropdownPreview({ attributes, typographyStyles = {} }) { itemPadding, itemHoverBackground, itemHoverTextColor, - submenuIndent, + priorityPlusMenuSubmenuIndent, typographyStyles, ]); diff --git a/src/variation/components/panels/menu-spacing-panel.js b/src/variation/components/panels/menu-spacing-panel.js index 61e4fc5..d9db688 100644 --- a/src/variation/components/panels/menu-spacing-panel.js +++ b/src/variation/components/panels/menu-spacing-panel.js @@ -3,7 +3,6 @@ */ import { BoxControl, - __experimentalUnitControl as UnitControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, } from '@wordpress/components'; @@ -37,6 +36,45 @@ function hasItemPaddingValue(itemPadding) { return !!itemPadding; } +/** + * Check if submenu indent has a value + * + * @param {Object|string} indent - The submenu indent value + * @return {boolean} Whether submenu indent has a value + */ +function hasSubmenuIndentValue(indent) { + if (!indent) { + return false; + } + // Handle object format from SpacingSizesControl (e.g., { left: '1.25rem' }) + if (typeof indent === 'object') { + return indent.left && indent.left !== ''; + } + // Handle legacy string format (e.g., '1.25rem') + return !!indent; +} + +/** + * Normalize submenu indent value to object format for SpacingSizesControl + * + * @param {Object|string} indent - The submenu indent value + * @return {Object} Normalized indent object with 'left' property + */ +function normalizeIndentValue(indent) { + if (!indent) { + return { left: DEFAULT_MENU_SUBMENU_INDENT }; + } + // Already in object format + if (typeof indent === 'object' && indent.left) { + return indent; + } + // Convert string to object format + if (typeof indent === 'string') { + return { left: indent }; + } + return { left: DEFAULT_MENU_SUBMENU_INDENT }; +} + /** * MenuSpacingPanel Component * @@ -111,34 +149,28 @@ export function MenuSpacingPanel({ attributes, setAttributes, spacingSizes }) { )} !!priorityPlusMenuSubmenuIndent} + hasValue={() => + hasSubmenuIndentValue(priorityPlusMenuSubmenuIndent) + } label={__('Submenu Indent', 'priority-plus-navigation')} onDeselect={() => setAttributes({ - priorityPlusMenuSubmenuIndent: - DEFAULT_MENU_SUBMENU_INDENT, + priorityPlusMenuSubmenuIndent: { + left: DEFAULT_MENU_SUBMENU_INDENT, + }, }) } isShownByDefault > - - setAttributes({ priorityPlusMenuSubmenuIndent: value }) + setAttributes({ + priorityPlusMenuSubmenuIndent: value, + }) } - help={__( - 'Indentation for nested submenu items', - 'priority-plus-navigation' - )} - units={[ - { value: 'px', label: 'px' }, - { value: 'rem', label: 'rem' }, - { value: 'em', label: 'em' }, - ]} + sides={['left']} /> diff --git a/src/variation/controls.js b/src/variation/controls.js index 4c11749..dbe42e7 100644 --- a/src/variation/controls.js +++ b/src/variation/controls.js @@ -367,8 +367,9 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { DEFAULT_MENU_ITEM_HOVER_BACKGROUND, priorityPlusMenuItemHoverTextColor: DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, - priorityPlusMenuSubmenuIndent: - DEFAULT_MENU_SUBMENU_INDENT, + priorityPlusMenuSubmenuIndent: { + left: DEFAULT_MENU_SUBMENU_INDENT, + }, }); }} > @@ -414,8 +415,9 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { DEFAULT_MENU_ITEM_HOVER_BACKGROUND, priorityPlusMenuItemHoverTextColor: DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, - priorityPlusMenuSubmenuIndent: - DEFAULT_MENU_SUBMENU_INDENT, + priorityPlusMenuSubmenuIndent: { + left: DEFAULT_MENU_SUBMENU_INDENT, + }, }) } isShownByDefault From a4df4183e360f51980e14b1892e03e40718340b5 Mon Sep 17 00:00:00 2001 From: Troy Chaplin Date: Sun, 4 Jan 2026 19:52:56 -0500 Subject: [PATCH 2/3] fix: menu bg defaults --- 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 +- build/style-priority-plus-navigation-rtl.css | 2 +- build/style-priority-plus-navigation.css | 2 +- src/styles/_variables.scss | 2 +- .../components/panels/menu-color-panel.js | 42 +++++-------------- src/variation/constants.js | 2 +- src/variation/controls.js | 1 + 10 files changed, 20 insertions(+), 39 deletions(-) diff --git a/build/priority-plus-nav-editor-rtl.css b/build/priority-plus-nav-editor-rtl.css index 1e9cb77..159826f 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:inherit;--wp--custom--priority-plus-navigation--dropdown--multi-level-indent:1.25rem}.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 .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:inherit;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:inherit;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{background:transparent;display:none;list-style:none;margin:0;padding:0}.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>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{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:inherit;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}.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 .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:inherit;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:inherit;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{background:transparent;display:none;list-style:none;margin:0;padding:0}.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>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{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:inherit;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} diff --git a/build/priority-plus-nav-editor.asset.php b/build/priority-plus-nav-editor.asset.php index f43d934..26c4d4d 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' => 'bcd1ac63a05fbd3bf49c'); + array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => '9c9e2d0713e28d0b17ec'); diff --git a/build/priority-plus-nav-editor.css b/build/priority-plus-nav-editor.css index 14a3a15..776e02c 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:inherit;--wp--custom--priority-plus-navigation--dropdown--multi-level-indent:1.25rem}.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 .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:inherit;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:inherit;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{background:transparent;display:none;list-style:none;margin:0;padding:0}.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>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{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:inherit;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}.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 .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:inherit;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:inherit;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{background:transparent;display:none;list-style:none;margin:0;padding:0}.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>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{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:inherit;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} diff --git a/build/priority-plus-nav-editor.js b/build/priority-plus-nav-editor.js index 0b19e06..a0353fc 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,i=window.ReactJSXRuntime;var r=(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 n=window.wp.hooks,l="#ffffff",s={color:"#dddddd",width:"1px",style:"solid"},a="4px",u="0 4px 12px rgba(0, 0, 0, 0.15)",p={top:"0.75rem",right:"1rem",bottom:"0.75rem",left:"1rem"},y="rgba(0, 0, 0, 0.05)",g="inherit",d="1.25rem";(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:r,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},priorityPlusMenuItemHoverTextColor:{type:"string",default:g},priorityPlusMenuSubmenuIndent:{type:"string",default:d},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const c=window.wp.blockEditor,h=window.wp.components,v=window.wp.compose,m=window.wp.element;function P(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 b(o){if(!o)return a;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:t,topRight:e,bottomRight:i,bottomLeft:r}=o;return t===e&&e===i&&i===r&&t?t:`${t||"0"} ${e||"0"} ${i||"0"} ${r||"0"}`}return a}function f(o){const t=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!o)return t;if("string"==typeof o)return P(o);if("object"==typeof o){if(0===Object.keys(o).length)return t;const{top:e,right:i,bottom:r,left:n}=o;if(!(e&&""!==e&&"0"!==e||i&&""!==i&&"0"!==i||r&&""!==r&&"0"!==r||n&&""!==n&&"0"!==n))return t;const l=P(e)||"0",s=P(i)||"0",a=P(r)||"0",u=P(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return t}function x({attributes:t,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:c,priorityPlusMenuBoxShadow:h,priorityPlusMenuItemPadding:v,priorityPlusMenuItemHoverBackground:x,priorityPlusMenuItemHoverTextColor:_,priorityPlusMenuSubmenuIndent:w}=t,M=r||l,S=n||s,T=c||a,B=h||u,j=v||p,C=x||y,k=_||g,[I,F]=(0,m.useState)(!0),z=(0,m.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 i=["top","right","bottom","left"];if(i.some(t=>o[t])){const r={};if(i.forEach(i=>{const n=o[i];if(n&&(n.color||n.width||n.style)){const o=n.width||t.width,l=n.style||t.style,s=n.color||t.color;r[`${e}border-${i}`]=`${o} ${l} ${s}`}}),Object.keys(r).length>0)return r}return{[`${e}border-color`]:t.color,[`${e}border-width`]:t.width,[`${e}border-style`]:t.style}}(S),t={"--wp--custom--priority-plus-navigation--dropdown--background-color":M,"--wp--custom--priority-plus-navigation--dropdown--border-radius":b(T),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":B,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":f(j),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":C,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":k,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(i=w,i?"object"==typeof i&&i.left?P(i.left):"string"==typeof i?P(i):d:d),...o};var i;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},[M,S,T,B,j,C,k,w,e]);return(0,i.jsxs)("ul",{className:"priority-plus-navigation-dropdown is-open",style:z,children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Top level item","priority-plus-navigation")})}),(0,i.jsx)("li",{className:"dropdown-preview-hover-demo",children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Another top level item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Top level with a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Submenu item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Submenu in a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Going deeper into the submenu","priority-plus-navigation")})}),(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,i.jsx)("li",{children:(0,i.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 _(o,t){if(o&&o!==t)return o}function w({attributes:t,setAttributes:e}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemHoverTextColor:s}=t;return(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:_(r,l),onChange:o=>e({priorityPlusMenuBackgroundColor:o||l}),clearable:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:_(n,y),onChange:o=>e({priorityPlusMenuItemHoverBackground:o||y}),clearable:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:_(s,g),onChange:o=>e({priorityPlusMenuItemHoverTextColor:o||g}),clearable:!0}]})}function M({value:t,onChange:e}){const r=(0,c.useSetting)("shadow.presets.theme"),n=(0,c.useSetting)("shadow.presets.default"),l=(0,m.useMemo)(()=>{const t=r||[],e=n||[],i=[{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=>{i.push({value:o.shadow,label:o.name})}),e.length>0&&e.forEach(o=>{i.push({value:o.shadow,label:o.name})}),i},[r,n]),[s,a]=(0,m.useState)(l);return(0,i.jsx)(h.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 S({attributes:t,setAttributes:e}){const{priorityPlusMenuBorder:r,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=t,p=(0,c.useSetting)("color.palette")||[];return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=r)&&(!!(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,i.jsx)(h.__experimentalBorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:p,value:r,onChange:o=>e({priorityPlusMenuBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,i.jsx)(h.__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,i.jsx)(c.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:n,onChange:o=>e({priorityPlusMenuBorderRadius:o})})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,i.jsx)(M,{value:l||u,onChange:o=>e({priorityPlusMenuBoxShadow:o})})})]})}function T({attributes:t,setAttributes:e,spacingSizes:r}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l}=t;return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Settings","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:d})},children:[(0,i.jsx)(h.__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:r.length>0?(0,i.jsx)(c.__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,i.jsx)(h.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,i.jsx)(h.__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:d}}),isShownByDefault:!0,children:(0,i.jsx)(c.__experimentalSpacingSizesControl,{label:(0,o.__)("Submenu Indent","priority-plus-navigation"),values:(s=l,s?"object"==typeof s&&s.left?s:"string"==typeof s?{left:s}:{left:d}:{left:d}),onChange:o=>e({priorityPlusMenuSubmenuIndent:o}),sides:["left"]})})]});var s}function B({attributes:t,setAttributes:e,onClose:r}){const n=(0,c.useSetting)("typography.fontSizes")||[],v=(0,c.useSetting)("typography.fontFamilies")||[],m={};if(t.priorityPlusTypographyFontFamily){let o=[];v&&"object"==typeof v&&!Array.isArray(v)?(v.theme&&Array.isArray(v.theme)&&(o=o.concat(v.theme)),v.custom&&Array.isArray(v.custom)&&(o=o.concat(v.custom))):Array.isArray(v)&&v.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&&(m.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&&(m.fontSize=e.size)}t.priorityPlusTypographyFontWeight&&(m.fontWeight=t.priorityPlusTypographyFontWeight),t.priorityPlusTypographyFontStyle&&(m.fontStyle=t.priorityPlusTypographyFontStyle);const P=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(h.Modal,{title:(0,o.__)("Customize Priority Plus Menu","priority-plus-navigation"),onRequestClose:r,className:"priority-plus-dropdown-customizer",size:"large",isDismissible:!0,children:[(0,i.jsxs)("div",{className:"dropdown-customizer-layout",children:[(0,i.jsxs)("div",{className:"dropdown-customizer-controls",children:[(0,i.jsx)(w,{attributes:t,setAttributes:e}),(0,i.jsx)(S,{attributes:t,setAttributes:e}),(0,i.jsx)(T,{attributes:t,setAttributes:e,spacingSizes:P})]}),(0,i.jsx)("div",{className:"dropdown-customizer-preview",children:(0,i.jsx)(x,{attributes:t,typographyStyles:m})})]}),(0,i.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,i.jsx)(h.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}})},children:(0,o.__)("Reset to Defaults","priority-plus-navigation")}),(0,i.jsx)(h.Button,{variant:"primary",onClick:r,children:(0,o.__)("Done","priority-plus-navigation")})]})]})}const j=(0,v.createHigherOrderComponent)(o=>t=>{const{name:e,attributes:r}=t;if("core/navigation"!==e)return(0,i.jsx)(o,{...t});const n=(r.className||"").includes("is-style-priority-plus-navigation")||!0===r.priorityPlusEnabled;return(0,m.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,r.overlayMenu]),(0,i.jsx)(o,{...t})},"addDisableAlwaysOption"),C=(0,v.createHigherOrderComponent)(t=>e=>{const{name:r,attributes:n,setAttributes:v}=e;if("core/navigation"!==r)return(0,i.jsx)(t,{...e});const P=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!P)return(0,i.jsx)(t,{...e});const{priorityPlusToggleLabel:b,priorityPlusToggleBackgroundColor:f,priorityPlusToggleBackgroundColorHover:x,priorityPlusToggleTextColor:_,priorityPlusToggleTextColorHover:w,priorityPlusTogglePadding:M,overlayMenu:S}=n,[T,j]=(0,m.useState)(!1);(0,m.useEffect)(()=>{P&&"always"===S&&v({overlayMenu:"mobile"})},[P,S,v]),(0,m.useEffect)(()=>{if(!P)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||v({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:t})},[P,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,v]);const C=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t,{...e}),(0,i.jsx)(c.InspectorControls,{group:"settings",children:(0,i.jsx)(h.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,i.jsxs)(c.InspectorControls,{group:"styles",children:[(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>v({priorityPlusToggleLabel:"More"}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!b,label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),onDeselect:()=>v({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,i.jsx)(h.TextControl,{label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),value:b,onChange:o=>v({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})})}),(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Toggle Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Text Color","priority-plus-navigation"),value:_,onChange:o=>v({priorityPlusToggleTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Text Hover Color","priority-plus-navigation"),value:w,onChange:o=>v({priorityPlusToggleTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Background Color","priority-plus-navigation"),value:f,onChange:o=>v({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:x,onChange:o=>v({priorityPlusToggleBackgroundColorHover:o||void 0}),clearable:!0}]}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Toggle Button Spacing","priority-plus-navigation"),resetAll:()=>v({priorityPlusTogglePadding:void 0}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!M&&Object.keys(M).length>0,label:(0,o.__)("Padding","priority-plus-navigation"),onDeselect:()=>v({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:C.length>0?(0,i.jsx)(c.__experimentalSpacingSizesControl,{values:M,onChange:o=>v({priorityPlusTogglePadding:o}),label:(0,o.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(h.BoxControl,{label:(0,o.__)("Button Padding","priority-plus-navigation"),values:M,onChange:o=>v({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Menu Styles","priority-plus-navigation"),resetAll:()=>{v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}})},children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:t,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:i,priorityPlusMenuItemPadding:r,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||t||e||i||r||l||s||a)},label:(0,o.__)("Customize Menu","priority-plus-navigation"),onDeselect:()=>v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}}),isShownByDefault:!0,children:(0,i.jsx)(h.Button,{variant:"secondary",onClick:()=>j(!0),children:(0,o.__)("Customize Menu","priority-plus-navigation")})})})]}),T&&(0,i.jsx)(B,{attributes:n,setAttributes:v,onClose:()=>j(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",j,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",C,10)})(); \ No newline at end of file +(()=>{"use strict";const o=window.wp.i18n,t=window.wp.blocks,e=window.wp.primitives,i=window.ReactJSXRuntime;var r=(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 n=window.wp.hooks,l="#ffffff",s={color:"#dddddd",width:"1px",style:"solid"},a="4px",u="0 4px 12px rgba(0, 0, 0, 0.15)",p={top:"0.75rem",right:"1rem",bottom:"0.75rem",left:"1rem"},y="rgba(0, 0, 0, 0.05)",g="#191919",d="1.25rem";(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:r,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},priorityPlusMenuItemHoverTextColor:{type:"string",default:g},priorityPlusMenuSubmenuIndent:{type:"string",default:d},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const c=window.wp.blockEditor,h=window.wp.components,v=window.wp.compose,m=window.wp.element;function P(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 b(o){if(!o)return a;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:t,topRight:e,bottomRight:i,bottomLeft:r}=o;return t===e&&e===i&&i===r&&t?t:`${t||"0"} ${e||"0"} ${i||"0"} ${r||"0"}`}return a}function f(o){const t=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!o)return t;if("string"==typeof o)return P(o);if("object"==typeof o){if(0===Object.keys(o).length)return t;const{top:e,right:i,bottom:r,left:n}=o;if(!(e&&""!==e&&"0"!==e||i&&""!==i&&"0"!==i||r&&""!==r&&"0"!==r||n&&""!==n&&"0"!==n))return t;const l=P(e)||"0",s=P(i)||"0",a=P(r)||"0",u=P(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return t}function x({attributes:t,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:c,priorityPlusMenuBoxShadow:h,priorityPlusMenuItemPadding:v,priorityPlusMenuItemHoverBackground:x,priorityPlusMenuItemHoverTextColor:_,priorityPlusMenuSubmenuIndent:w}=t,M=r||l,S=n||s,T=c||a,B=h||u,j=v||p,C=x||y,k=_||g,[I,F]=(0,m.useState)(!0),z=(0,m.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 i=["top","right","bottom","left"];if(i.some(t=>o[t])){const r={};if(i.forEach(i=>{const n=o[i];if(n&&(n.color||n.width||n.style)){const o=n.width||t.width,l=n.style||t.style,s=n.color||t.color;r[`${e}border-${i}`]=`${o} ${l} ${s}`}}),Object.keys(r).length>0)return r}return{[`${e}border-color`]:t.color,[`${e}border-width`]:t.width,[`${e}border-style`]:t.style}}(S),t={"--wp--custom--priority-plus-navigation--dropdown--background-color":M,"--wp--custom--priority-plus-navigation--dropdown--border-radius":b(T),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":B,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":f(j),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":C,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":k,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(i=w,i?"object"==typeof i&&i.left?P(i.left):"string"==typeof i?P(i):d:d),...o};var i;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},[M,S,T,B,j,C,k,w,e]);return(0,i.jsxs)("ul",{className:"priority-plus-navigation-dropdown is-open",style:z,children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Top level item","priority-plus-navigation")})}),(0,i.jsx)("li",{className:"dropdown-preview-hover-demo",children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Another top level item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Top level with a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Submenu item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Submenu in a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Going deeper into the submenu","priority-plus-navigation")})}),(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,i.jsx)("li",{children:(0,i.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 _({attributes:t,setAttributes:e}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemHoverTextColor:s}=t;return(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:r||l,onChange:o=>e({priorityPlusMenuBackgroundColor:o||l})},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||y,onChange:o=>e({priorityPlusMenuItemHoverBackground:o||y}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:s||g,onChange:o=>e({priorityPlusMenuItemHoverTextColor:o||g})}]})}function w({value:t,onChange:e}){const r=(0,c.useSetting)("shadow.presets.theme"),n=(0,c.useSetting)("shadow.presets.default"),l=(0,m.useMemo)(()=>{const t=r||[],e=n||[],i=[{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=>{i.push({value:o.shadow,label:o.name})}),e.length>0&&e.forEach(o=>{i.push({value:o.shadow,label:o.name})}),i},[r,n]),[s,a]=(0,m.useState)(l);return(0,i.jsx)(h.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 M({attributes:t,setAttributes:e}){const{priorityPlusMenuBorder:r,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=t,p=(0,c.useSetting)("color.palette")||[];return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=r)&&(!!(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,i.jsx)(h.__experimentalBorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:p,value:r,onChange:o=>e({priorityPlusMenuBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,i.jsx)(h.__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,i.jsx)(c.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:n,onChange:o=>e({priorityPlusMenuBorderRadius:o})})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,i.jsx)(w,{value:l||u,onChange:o=>e({priorityPlusMenuBoxShadow:o})})})]})}function S({attributes:t,setAttributes:e,spacingSizes:r}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l}=t;return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Settings","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:d})},children:[(0,i.jsx)(h.__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:r.length>0?(0,i.jsx)(c.__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,i.jsx)(h.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,i.jsx)(h.__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:d}}),isShownByDefault:!0,children:(0,i.jsx)(c.__experimentalSpacingSizesControl,{label:(0,o.__)("Submenu Indent","priority-plus-navigation"),values:(s=l,s?"object"==typeof s&&s.left?s:"string"==typeof s?{left:s}:{left:d}:{left:d}),onChange:o=>e({priorityPlusMenuSubmenuIndent:o}),sides:["left"]})})]});var s}function T({attributes:t,setAttributes:e,onClose:r}){const n=(0,c.useSetting)("typography.fontSizes")||[],v=(0,c.useSetting)("typography.fontFamilies")||[],m={};if(t.priorityPlusTypographyFontFamily){let o=[];v&&"object"==typeof v&&!Array.isArray(v)?(v.theme&&Array.isArray(v.theme)&&(o=o.concat(v.theme)),v.custom&&Array.isArray(v.custom)&&(o=o.concat(v.custom))):Array.isArray(v)&&v.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&&(m.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&&(m.fontSize=e.size)}t.priorityPlusTypographyFontWeight&&(m.fontWeight=t.priorityPlusTypographyFontWeight),t.priorityPlusTypographyFontStyle&&(m.fontStyle=t.priorityPlusTypographyFontStyle);const P=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(h.Modal,{title:(0,o.__)("Customize Priority Plus Menu","priority-plus-navigation"),onRequestClose:r,className:"priority-plus-dropdown-customizer",size:"large",isDismissible:!0,children:[(0,i.jsxs)("div",{className:"dropdown-customizer-layout",children:[(0,i.jsxs)("div",{className:"dropdown-customizer-controls",children:[(0,i.jsx)(_,{attributes:t,setAttributes:e}),(0,i.jsx)(M,{attributes:t,setAttributes:e}),(0,i.jsx)(S,{attributes:t,setAttributes:e,spacingSizes:P})]}),(0,i.jsx)("div",{className:"dropdown-customizer-preview",children:(0,i.jsx)(x,{attributes:t,typographyStyles:m})})]}),(0,i.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,i.jsx)(h.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}})},children:(0,o.__)("Reset to Defaults","priority-plus-navigation")}),(0,i.jsx)(h.Button,{variant:"primary",onClick:r,children:(0,o.__)("Done","priority-plus-navigation")})]})]})}const B=(0,v.createHigherOrderComponent)(o=>t=>{const{name:e,attributes:r}=t;if("core/navigation"!==e)return(0,i.jsx)(o,{...t});const n=(r.className||"").includes("is-style-priority-plus-navigation")||!0===r.priorityPlusEnabled;return(0,m.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,r.overlayMenu]),(0,i.jsx)(o,{...t})},"addDisableAlwaysOption"),j=(0,v.createHigherOrderComponent)(t=>e=>{const{name:r,attributes:n,setAttributes:v}=e;if("core/navigation"!==r)return(0,i.jsx)(t,{...e});const P=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!P)return(0,i.jsx)(t,{...e});const{priorityPlusToggleLabel:b,priorityPlusToggleBackgroundColor:f,priorityPlusToggleBackgroundColorHover:x,priorityPlusToggleTextColor:_,priorityPlusToggleTextColorHover:w,priorityPlusTogglePadding:M,overlayMenu:S}=n,[B,j]=(0,m.useState)(!1);(0,m.useEffect)(()=>{P&&"always"===S&&v({overlayMenu:"mobile"})},[P,S,v]),(0,m.useEffect)(()=>{if(!P)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||v({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:t})},[P,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,v]);const C=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t,{...e}),(0,i.jsx)(c.InspectorControls,{group:"settings",children:(0,i.jsx)(h.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,i.jsxs)(c.InspectorControls,{group:"styles",children:[(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>v({priorityPlusToggleLabel:"More"}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!b,label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),onDeselect:()=>v({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,i.jsx)(h.TextControl,{label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),value:b,onChange:o=>v({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})})}),(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Toggle Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Text Color","priority-plus-navigation"),value:_,onChange:o=>v({priorityPlusToggleTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Text Hover Color","priority-plus-navigation"),value:w,onChange:o=>v({priorityPlusToggleTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Background Color","priority-plus-navigation"),value:f,onChange:o=>v({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:x,onChange:o=>v({priorityPlusToggleBackgroundColorHover:o||void 0}),clearable:!0,enableAlpha:!0}]}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Toggle Button Spacing","priority-plus-navigation"),resetAll:()=>v({priorityPlusTogglePadding:void 0}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!M&&Object.keys(M).length>0,label:(0,o.__)("Padding","priority-plus-navigation"),onDeselect:()=>v({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:C.length>0?(0,i.jsx)(c.__experimentalSpacingSizesControl,{values:M,onChange:o=>v({priorityPlusTogglePadding:o}),label:(0,o.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(h.BoxControl,{label:(0,o.__)("Button Padding","priority-plus-navigation"),values:M,onChange:o=>v({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Menu Styles","priority-plus-navigation"),resetAll:()=>{v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}})},children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:t,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:i,priorityPlusMenuItemPadding:r,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||t||e||i||r||l||s||a)},label:(0,o.__)("Customize Menu","priority-plus-navigation"),onDeselect:()=>v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}}),isShownByDefault:!0,children:(0,i.jsx)(h.Button,{variant:"secondary",onClick:()=>j(!0),children:(0,o.__)("Customize Menu","priority-plus-navigation")})})})]}),B&&(0,i.jsx)(T,{attributes:n,setAttributes:v,onClose:()=>j(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",B,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",j,10)})(); \ No newline at end of file diff --git a/build/style-priority-plus-navigation-rtl.css b/build/style-priority-plus-navigation-rtl.css index 58da59e..35ae285 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:inherit;--wp--custom--priority-plus-navigation--dropdown--multi-level-indent:1.25rem}.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 a{color:inherit;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:inherit;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{background:transparent;display:none;list-style:none;margin:0;padding:0}.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>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{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:inherit;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}.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 a{color:inherit;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:inherit;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{background:transparent;display:none;list-style:none;margin:0;padding:0}.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>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{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:inherit;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 0d1be25..d7fe55d 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:inherit;--wp--custom--priority-plus-navigation--dropdown--multi-level-indent:1.25rem}.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 a{color:inherit;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:inherit;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{background:transparent;display:none;list-style:none;margin:0;padding:0}.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>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{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:inherit;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}.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 a{color:inherit;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:inherit;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{background:transparent;display:none;list-style:none;margin:0;padding:0}.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>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{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:inherit;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/_variables.scss b/src/styles/_variables.scss index c3e0c28..27572b8 100755 --- a/src/styles/_variables.scss +++ b/src/styles/_variables.scss @@ -12,7 +12,7 @@ --wp--custom--priority-plus-navigation--dropdown--box-shadow: 0 4px 12px rgba(0, 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, 0.05); - --wp--custom--priority-plus-navigation--dropdown--item-hover-text-color: inherit; + --wp--custom--priority-plus-navigation--dropdown--item-hover-text-color: #191919; --wp--custom--priority-plus-navigation--dropdown--multi-level-indent: 1.25rem; } diff --git a/src/variation/components/panels/menu-color-panel.js b/src/variation/components/panels/menu-color-panel.js index cadc6bd..1c1ca75 100644 --- a/src/variation/components/panels/menu-color-panel.js +++ b/src/variation/components/panels/menu-color-panel.js @@ -13,26 +13,11 @@ import { DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, } from '../../constants'; -/** - * Check if a color value differs from its default. - * Returns the value if it's different, undefined otherwise. - * This allows PanelColorSettings to correctly show reset as available. - * - * @param {string} value - Current color value - * @param {string} defaultValue - Default color value - * @return {string|undefined} Value if different from default, undefined otherwise - */ -function getDisplayValue(value, defaultValue) { - if (!value || value === defaultValue) { - return undefined; - } - return value; -} - /** * ColorPanel Component * * Provides color controls for menu styling. + * Colors always show their value (or default) and reset to defaults when cleared. * * @param {Object} props - Component props * @param {Object} props.attributes - Block attributes @@ -52,48 +37,43 @@ export function ColorPanel({ attributes, setAttributes }) { colorSettings={[ { label: __('Background Color', 'priority-plus-navigation'), - value: getDisplayValue( - priorityPlusMenuBackgroundColor, - DEFAULT_MENU_BACKGROUND_COLOR - ), + value: + priorityPlusMenuBackgroundColor || + DEFAULT_MENU_BACKGROUND_COLOR, onChange: (color) => setAttributes({ priorityPlusMenuBackgroundColor: color || DEFAULT_MENU_BACKGROUND_COLOR, }), - clearable: true, }, { label: __( 'Item Hover Background', 'priority-plus-navigation' ), - value: getDisplayValue( - priorityPlusMenuItemHoverBackground, - DEFAULT_MENU_ITEM_HOVER_BACKGROUND - ), + value: + priorityPlusMenuItemHoverBackground || + DEFAULT_MENU_ITEM_HOVER_BACKGROUND, onChange: (color) => setAttributes({ priorityPlusMenuItemHoverBackground: color || DEFAULT_MENU_ITEM_HOVER_BACKGROUND, }), - clearable: true, + enableAlpha: true, }, { label: __( 'Item Hover Text Color', 'priority-plus-navigation' ), - value: getDisplayValue( - priorityPlusMenuItemHoverTextColor, - DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR - ), + value: + priorityPlusMenuItemHoverTextColor || + DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, onChange: (color) => setAttributes({ priorityPlusMenuItemHoverTextColor: color || DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, }), - clearable: true, }, ]} /> diff --git a/src/variation/constants.js b/src/variation/constants.js index 6959e85..a39e3d9 100644 --- a/src/variation/constants.js +++ b/src/variation/constants.js @@ -30,6 +30,6 @@ export const DEFAULT_MENU_ITEM_PADDING = { export const DEFAULT_MENU_ITEM_HOVER_BACKGROUND = 'rgba(0, 0, 0, 0.05)'; -export const DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR = 'inherit'; +export const DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR = '#191919'; export const DEFAULT_MENU_SUBMENU_INDENT = '1.25rem'; diff --git a/src/variation/controls.js b/src/variation/controls.js index dbe42e7..7b22d08 100644 --- a/src/variation/controls.js +++ b/src/variation/controls.js @@ -292,6 +292,7 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { color || undefined, }), clearable: true, + enableAlpha: true, }, ]} /> From 64a39e0e0156dcf201279ed0656480fa3e225170 Mon Sep 17 00:00:00 2001 From: Troy Chaplin Date: Sun, 4 Jan 2026 20:13:22 -0500 Subject: [PATCH 3/3] finish: testing functionality --- build/priority-plus-nav-editor.asset.php | 2 +- build/priority-plus-nav-editor.js | 2 +- .../components/dropdown-customizer-modal.js | 4 +- ...u-spacing-panel.js => menu-items-panel.js} | 9 +- src/variation/controls.js | 172 +++++++++--------- 5 files changed, 89 insertions(+), 100 deletions(-) rename src/variation/components/panels/{menu-spacing-panel.js => menu-items-panel.js} (95%) diff --git a/build/priority-plus-nav-editor.asset.php b/build/priority-plus-nav-editor.asset.php index 26c4d4d..5c91f16 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' => '9c9e2d0713e28d0b17ec'); + array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => 'b51f86f06015cf55b7c8'); diff --git a/build/priority-plus-nav-editor.js b/build/priority-plus-nav-editor.js index a0353fc..7ee538d 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,i=window.ReactJSXRuntime;var r=(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 n=window.wp.hooks,l="#ffffff",s={color:"#dddddd",width:"1px",style:"solid"},a="4px",u="0 4px 12px rgba(0, 0, 0, 0.15)",p={top:"0.75rem",right:"1rem",bottom:"0.75rem",left:"1rem"},y="rgba(0, 0, 0, 0.05)",g="#191919",d="1.25rem";(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:r,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},priorityPlusMenuItemHoverTextColor:{type:"string",default:g},priorityPlusMenuSubmenuIndent:{type:"string",default:d},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const c=window.wp.blockEditor,h=window.wp.components,v=window.wp.compose,m=window.wp.element;function P(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 b(o){if(!o)return a;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:t,topRight:e,bottomRight:i,bottomLeft:r}=o;return t===e&&e===i&&i===r&&t?t:`${t||"0"} ${e||"0"} ${i||"0"} ${r||"0"}`}return a}function f(o){const t=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!o)return t;if("string"==typeof o)return P(o);if("object"==typeof o){if(0===Object.keys(o).length)return t;const{top:e,right:i,bottom:r,left:n}=o;if(!(e&&""!==e&&"0"!==e||i&&""!==i&&"0"!==i||r&&""!==r&&"0"!==r||n&&""!==n&&"0"!==n))return t;const l=P(e)||"0",s=P(i)||"0",a=P(r)||"0",u=P(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return t}function x({attributes:t,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:c,priorityPlusMenuBoxShadow:h,priorityPlusMenuItemPadding:v,priorityPlusMenuItemHoverBackground:x,priorityPlusMenuItemHoverTextColor:_,priorityPlusMenuSubmenuIndent:w}=t,M=r||l,S=n||s,T=c||a,B=h||u,j=v||p,C=x||y,k=_||g,[I,F]=(0,m.useState)(!0),z=(0,m.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 i=["top","right","bottom","left"];if(i.some(t=>o[t])){const r={};if(i.forEach(i=>{const n=o[i];if(n&&(n.color||n.width||n.style)){const o=n.width||t.width,l=n.style||t.style,s=n.color||t.color;r[`${e}border-${i}`]=`${o} ${l} ${s}`}}),Object.keys(r).length>0)return r}return{[`${e}border-color`]:t.color,[`${e}border-width`]:t.width,[`${e}border-style`]:t.style}}(S),t={"--wp--custom--priority-plus-navigation--dropdown--background-color":M,"--wp--custom--priority-plus-navigation--dropdown--border-radius":b(T),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":B,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":f(j),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":C,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":k,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(i=w,i?"object"==typeof i&&i.left?P(i.left):"string"==typeof i?P(i):d:d),...o};var i;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},[M,S,T,B,j,C,k,w,e]);return(0,i.jsxs)("ul",{className:"priority-plus-navigation-dropdown is-open",style:z,children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Top level item","priority-plus-navigation")})}),(0,i.jsx)("li",{className:"dropdown-preview-hover-demo",children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Another top level item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Top level with a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Submenu item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Submenu in a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Going deeper into the submenu","priority-plus-navigation")})}),(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,i.jsx)("li",{children:(0,i.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 _({attributes:t,setAttributes:e}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemHoverTextColor:s}=t;return(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:r||l,onChange:o=>e({priorityPlusMenuBackgroundColor:o||l})},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||y,onChange:o=>e({priorityPlusMenuItemHoverBackground:o||y}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:s||g,onChange:o=>e({priorityPlusMenuItemHoverTextColor:o||g})}]})}function w({value:t,onChange:e}){const r=(0,c.useSetting)("shadow.presets.theme"),n=(0,c.useSetting)("shadow.presets.default"),l=(0,m.useMemo)(()=>{const t=r||[],e=n||[],i=[{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=>{i.push({value:o.shadow,label:o.name})}),e.length>0&&e.forEach(o=>{i.push({value:o.shadow,label:o.name})}),i},[r,n]),[s,a]=(0,m.useState)(l);return(0,i.jsx)(h.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 M({attributes:t,setAttributes:e}){const{priorityPlusMenuBorder:r,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=t,p=(0,c.useSetting)("color.palette")||[];return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=r)&&(!!(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,i.jsx)(h.__experimentalBorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:p,value:r,onChange:o=>e({priorityPlusMenuBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,i.jsx)(h.__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,i.jsx)(c.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:n,onChange:o=>e({priorityPlusMenuBorderRadius:o})})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,i.jsx)(w,{value:l||u,onChange:o=>e({priorityPlusMenuBoxShadow:o})})})]})}function S({attributes:t,setAttributes:e,spacingSizes:r}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l}=t;return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Settings","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:d})},children:[(0,i.jsx)(h.__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:r.length>0?(0,i.jsx)(c.__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,i.jsx)(h.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,i.jsx)(h.__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:d}}),isShownByDefault:!0,children:(0,i.jsx)(c.__experimentalSpacingSizesControl,{label:(0,o.__)("Submenu Indent","priority-plus-navigation"),values:(s=l,s?"object"==typeof s&&s.left?s:"string"==typeof s?{left:s}:{left:d}:{left:d}),onChange:o=>e({priorityPlusMenuSubmenuIndent:o}),sides:["left"]})})]});var s}function T({attributes:t,setAttributes:e,onClose:r}){const n=(0,c.useSetting)("typography.fontSizes")||[],v=(0,c.useSetting)("typography.fontFamilies")||[],m={};if(t.priorityPlusTypographyFontFamily){let o=[];v&&"object"==typeof v&&!Array.isArray(v)?(v.theme&&Array.isArray(v.theme)&&(o=o.concat(v.theme)),v.custom&&Array.isArray(v.custom)&&(o=o.concat(v.custom))):Array.isArray(v)&&v.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&&(m.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&&(m.fontSize=e.size)}t.priorityPlusTypographyFontWeight&&(m.fontWeight=t.priorityPlusTypographyFontWeight),t.priorityPlusTypographyFontStyle&&(m.fontStyle=t.priorityPlusTypographyFontStyle);const P=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(h.Modal,{title:(0,o.__)("Customize Priority Plus Menu","priority-plus-navigation"),onRequestClose:r,className:"priority-plus-dropdown-customizer",size:"large",isDismissible:!0,children:[(0,i.jsxs)("div",{className:"dropdown-customizer-layout",children:[(0,i.jsxs)("div",{className:"dropdown-customizer-controls",children:[(0,i.jsx)(_,{attributes:t,setAttributes:e}),(0,i.jsx)(M,{attributes:t,setAttributes:e}),(0,i.jsx)(S,{attributes:t,setAttributes:e,spacingSizes:P})]}),(0,i.jsx)("div",{className:"dropdown-customizer-preview",children:(0,i.jsx)(x,{attributes:t,typographyStyles:m})})]}),(0,i.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,i.jsx)(h.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}})},children:(0,o.__)("Reset to Defaults","priority-plus-navigation")}),(0,i.jsx)(h.Button,{variant:"primary",onClick:r,children:(0,o.__)("Done","priority-plus-navigation")})]})]})}const B=(0,v.createHigherOrderComponent)(o=>t=>{const{name:e,attributes:r}=t;if("core/navigation"!==e)return(0,i.jsx)(o,{...t});const n=(r.className||"").includes("is-style-priority-plus-navigation")||!0===r.priorityPlusEnabled;return(0,m.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,r.overlayMenu]),(0,i.jsx)(o,{...t})},"addDisableAlwaysOption"),j=(0,v.createHigherOrderComponent)(t=>e=>{const{name:r,attributes:n,setAttributes:v}=e;if("core/navigation"!==r)return(0,i.jsx)(t,{...e});const P=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!P)return(0,i.jsx)(t,{...e});const{priorityPlusToggleLabel:b,priorityPlusToggleBackgroundColor:f,priorityPlusToggleBackgroundColorHover:x,priorityPlusToggleTextColor:_,priorityPlusToggleTextColorHover:w,priorityPlusTogglePadding:M,overlayMenu:S}=n,[B,j]=(0,m.useState)(!1);(0,m.useEffect)(()=>{P&&"always"===S&&v({overlayMenu:"mobile"})},[P,S,v]),(0,m.useEffect)(()=>{if(!P)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||v({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:t})},[P,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,v]);const C=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t,{...e}),(0,i.jsx)(c.InspectorControls,{group:"settings",children:(0,i.jsx)(h.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,i.jsxs)(c.InspectorControls,{group:"styles",children:[(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>v({priorityPlusToggleLabel:"More"}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!b,label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),onDeselect:()=>v({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,i.jsx)(h.TextControl,{label:(0,o.__)("Toggle Button Label","priority-plus-navigation"),value:b,onChange:o=>v({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})})}),(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Toggle Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Text Color","priority-plus-navigation"),value:_,onChange:o=>v({priorityPlusToggleTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Text Hover Color","priority-plus-navigation"),value:w,onChange:o=>v({priorityPlusToggleTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Background Color","priority-plus-navigation"),value:f,onChange:o=>v({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:x,onChange:o=>v({priorityPlusToggleBackgroundColorHover:o||void 0}),clearable:!0,enableAlpha:!0}]}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Toggle Button Spacing","priority-plus-navigation"),resetAll:()=>v({priorityPlusTogglePadding:void 0}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!M&&Object.keys(M).length>0,label:(0,o.__)("Padding","priority-plus-navigation"),onDeselect:()=>v({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:C.length>0?(0,i.jsx)(c.__experimentalSpacingSizesControl,{values:M,onChange:o=>v({priorityPlusTogglePadding:o}),label:(0,o.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(h.BoxControl,{label:(0,o.__)("Button Padding","priority-plus-navigation"),values:M,onChange:o=>v({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Menu Styles","priority-plus-navigation"),resetAll:()=>{v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}})},children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:t,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:i,priorityPlusMenuItemPadding:r,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||t||e||i||r||l||s||a)},label:(0,o.__)("Customize Menu","priority-plus-navigation"),onDeselect:()=>v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:d}}),isShownByDefault:!0,children:(0,i.jsx)(h.Button,{variant:"secondary",onClick:()=>j(!0),children:(0,o.__)("Customize Menu","priority-plus-navigation")})})})]}),B&&(0,i.jsx)(T,{attributes:n,setAttributes:v,onClose:()=>j(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",B,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",j,10)})(); \ No newline at end of file +(()=>{"use strict";const o=window.wp.i18n,t=window.wp.blocks,e=window.wp.primitives,i=window.ReactJSXRuntime;var r=(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 n=window.wp.hooks,l="#ffffff",s={color:"#dddddd",width:"1px",style:"solid"},a="4px",u="0 4px 12px rgba(0, 0, 0, 0.15)",p={top:"0.75rem",right:"1rem",bottom:"0.75rem",left:"1rem"},y="rgba(0, 0, 0, 0.05)",d="#191919",g="1.25rem";(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:r,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},priorityPlusMenuItemHoverTextColor:{type:"string",default:d},priorityPlusMenuSubmenuIndent:{type:"string",default:g},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const c=window.wp.blockEditor,h=window.wp.components,v=window.wp.compose,m=window.wp.element;function P(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 b(o){if(!o)return a;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:t,topRight:e,bottomRight:i,bottomLeft:r}=o;return t===e&&e===i&&i===r&&t?t:`${t||"0"} ${e||"0"} ${i||"0"} ${r||"0"}`}return a}function f(o){const t=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!o)return t;if("string"==typeof o)return P(o);if("object"==typeof o){if(0===Object.keys(o).length)return t;const{top:e,right:i,bottom:r,left:n}=o;if(!(e&&""!==e&&"0"!==e||i&&""!==i&&"0"!==i||r&&""!==r&&"0"!==r||n&&""!==n&&"0"!==n))return t;const l=P(e)||"0",s=P(i)||"0",a=P(r)||"0",u=P(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return t}function x({attributes:t,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:c,priorityPlusMenuBoxShadow:h,priorityPlusMenuItemPadding:v,priorityPlusMenuItemHoverBackground:x,priorityPlusMenuItemHoverTextColor:_,priorityPlusMenuSubmenuIndent:w}=t,M=r||l,S=n||s,B=c||a,T=h||u,C=v||p,j=x||y,k=_||d,[I,F]=(0,m.useState)(!0),z=(0,m.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 i=["top","right","bottom","left"];if(i.some(t=>o[t])){const r={};if(i.forEach(i=>{const n=o[i];if(n&&(n.color||n.width||n.style)){const o=n.width||t.width,l=n.style||t.style,s=n.color||t.color;r[`${e}border-${i}`]=`${o} ${l} ${s}`}}),Object.keys(r).length>0)return r}return{[`${e}border-color`]:t.color,[`${e}border-width`]:t.width,[`${e}border-style`]:t.style}}(S),t={"--wp--custom--priority-plus-navigation--dropdown--background-color":M,"--wp--custom--priority-plus-navigation--dropdown--border-radius":b(B),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":T,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":f(C),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":j,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":k,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(i=w,i?"object"==typeof i&&i.left?P(i.left):"string"==typeof i?P(i):g:g),...o};var i;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},[M,S,B,T,C,j,k,w,e]);return(0,i.jsxs)("ul",{className:"priority-plus-navigation-dropdown is-open",style:z,children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Top level item","priority-plus-navigation")})}),(0,i.jsx)("li",{className:"dropdown-preview-hover-demo",children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Another top level item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Top level with a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Submenu item","priority-plus-navigation")})}),(0,i.jsxs)("li",{children:[(0,i.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>F(!I),"aria-expanded":I,children:[(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Submenu in a submenu","priority-plus-navigation")}),(0,i.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),I&&(0,i.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Going deeper into the submenu","priority-plus-navigation")})}),(0,i.jsx)("li",{children:(0,i.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,i.jsx)("li",{children:(0,i.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 _({attributes:t,setAttributes:e}){const{priorityPlusMenuBackgroundColor:r,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemHoverTextColor:s}=t;return(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:r||l,onChange:o=>e({priorityPlusMenuBackgroundColor:o||l})},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||y,onChange:o=>e({priorityPlusMenuItemHoverBackground:o||y}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:s||d,onChange:o=>e({priorityPlusMenuItemHoverTextColor:o||d})}]})}function w({value:t,onChange:e}){const r=(0,c.useSetting)("shadow.presets.theme"),n=(0,c.useSetting)("shadow.presets.default"),l=(0,m.useMemo)(()=>{const t=r||[],e=n||[],i=[{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=>{i.push({value:o.shadow,label:o.name})}),e.length>0&&e.forEach(o=>{i.push({value:o.shadow,label:o.name})}),i},[r,n]),[s,a]=(0,m.useState)(l);return(0,i.jsx)(h.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 M({attributes:t,setAttributes:e}){const{priorityPlusMenuBorder:r,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=t,p=(0,c.useSetting)("color.palette")||[];return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=r)&&(!!(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,i.jsx)(h.__experimentalBorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:p,value:r,onChange:o=>e({priorityPlusMenuBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,i.jsx)(h.__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,i.jsx)(c.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:n,onChange:o=>e({priorityPlusMenuBorderRadius:o})})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,i.jsx)(w,{value:l||u,onChange:o=>e({priorityPlusMenuBoxShadow:o})})})]})}function S({attributes:t,setAttributes:e,spacingSizes:r}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l}=t;return(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:g})},children:[(0,i.jsx)(h.__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:r.length>0?(0,i.jsx)(c.__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,i.jsx)(h.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,i.jsx)(h.__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:g}}),isShownByDefault:!0,children:(0,i.jsx)(c.__experimentalSpacingSizesControl,{label:(0,o.__)("Submenu Indent","priority-plus-navigation"),values:(s=l,s?"object"==typeof s&&s.left?s:"string"==typeof s?{left:s}:{left:g}:{left:g}),onChange:o=>e({priorityPlusMenuSubmenuIndent:o}),sides:["left"]})})]});var s}function B({attributes:t,setAttributes:e,onClose:r}){const n=(0,c.useSetting)("typography.fontSizes")||[],v=(0,c.useSetting)("typography.fontFamilies")||[],m={};if(t.priorityPlusTypographyFontFamily){let o=[];v&&"object"==typeof v&&!Array.isArray(v)?(v.theme&&Array.isArray(v.theme)&&(o=o.concat(v.theme)),v.custom&&Array.isArray(v.custom)&&(o=o.concat(v.custom))):Array.isArray(v)&&v.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&&(m.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&&(m.fontSize=e.size)}t.priorityPlusTypographyFontWeight&&(m.fontWeight=t.priorityPlusTypographyFontWeight),t.priorityPlusTypographyFontStyle&&(m.fontStyle=t.priorityPlusTypographyFontStyle);const P=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(h.Modal,{title:(0,o.__)("Customize Priority Plus Menu","priority-plus-navigation"),onRequestClose:r,className:"priority-plus-dropdown-customizer",size:"large",isDismissible:!0,children:[(0,i.jsxs)("div",{className:"dropdown-customizer-layout",children:[(0,i.jsxs)("div",{className:"dropdown-customizer-controls",children:[(0,i.jsx)(_,{attributes:t,setAttributes:e}),(0,i.jsx)(M,{attributes:t,setAttributes:e}),(0,i.jsx)(S,{attributes:t,setAttributes:e,spacingSizes:P})]}),(0,i.jsx)("div",{className:"dropdown-customizer-preview",children:(0,i.jsx)(x,{attributes:t,typographyStyles:m})})]}),(0,i.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,i.jsx)(h.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:{left:g}})},children:(0,o.__)("Reset to Defaults","priority-plus-navigation")}),(0,i.jsx)(h.Button,{variant:"primary",onClick:r,children:(0,o.__)("Done","priority-plus-navigation")})]})]})}const T=(0,v.createHigherOrderComponent)(o=>t=>{const{name:e,attributes:r}=t;if("core/navigation"!==e)return(0,i.jsx)(o,{...t});const n=(r.className||"").includes("is-style-priority-plus-navigation")||!0===r.priorityPlusEnabled;return(0,m.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,r.overlayMenu]),(0,i.jsx)(o,{...t})},"addDisableAlwaysOption"),C=(0,v.createHigherOrderComponent)(t=>e=>{const{name:r,attributes:n,setAttributes:v}=e;if("core/navigation"!==r)return(0,i.jsx)(t,{...e});const P=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!P)return(0,i.jsx)(t,{...e});const{priorityPlusToggleLabel:b,priorityPlusToggleBackgroundColor:f,priorityPlusToggleBackgroundColorHover:x,priorityPlusToggleTextColor:_,priorityPlusToggleTextColorHover:w,priorityPlusTogglePadding:M,overlayMenu:S}=n,[T,C]=(0,m.useState)(!1);(0,m.useEffect)(()=>{P&&"always"===S&&v({overlayMenu:"mobile"})},[P,S,v]),(0,m.useEffect)(()=>{if(!P)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||v({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:t})},[P,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,v]);const j=(0,c.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t,{...e}),(0,i.jsx)(c.InspectorControls,{group:"settings",children:(0,i.jsx)(h.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,i.jsxs)(c.InspectorControls,{group:"styles",children:[(0,i.jsxs)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>v({priorityPlusToggleLabel:"More",priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:{left:g}}),children:[(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!b,label:(0,o.__)("Button Label","priority-plus-navigation"),onDeselect:()=>v({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,i.jsx)(h.TextControl,{label:(0,o.__)("Button Label","priority-plus-navigation"),value:b,onChange:o=>v({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})}),(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:t,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:i,priorityPlusMenuItemPadding:r,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||t||e||i||r||l||s||a)},label:(0,o.__)("Customize DropdownMenu","priority-plus-navigation"),onDeselect:()=>v({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:{left:g}}),isShownByDefault:!0,children:(0,i.jsx)(h.Button,{variant:"primary",onClick:()=>C(!0),children:(0,o.__)("Customize Dropdown Menu","priority-plus-navigation")})})]}),(0,i.jsx)(c.PanelColorSettings,{title:(0,o.__)("Priority Plus Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Text Color","priority-plus-navigation"),value:_,onChange:o=>v({priorityPlusToggleTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Text Hover Color","priority-plus-navigation"),value:w,onChange:o=>v({priorityPlusToggleTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Background Color","priority-plus-navigation"),value:f,onChange:o=>v({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:x,onChange:o=>v({priorityPlusToggleBackgroundColorHover:o||void 0}),clearable:!0,enableAlpha:!0}]}),(0,i.jsx)(h.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button Spacing","priority-plus-navigation"),resetAll:()=>v({priorityPlusTogglePadding:void 0}),children:(0,i.jsx)(h.__experimentalToolsPanelItem,{hasValue:()=>!!M&&Object.keys(M).length>0,label:(0,o.__)("Button Padding","priority-plus-navigation"),onDeselect:()=>v({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:j.length>0?(0,i.jsx)(c.__experimentalSpacingSizesControl,{values:M,onChange:o=>v({priorityPlusTogglePadding:o}),label:(0,o.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(h.BoxControl,{label:(0,o.__)("Button Padding","priority-plus-navigation"),values:M,onChange:o=>v({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]}),T&&(0,i.jsx)(B,{attributes:n,setAttributes:v,onClose:()=>C(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",T,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",C,10)})(); \ No newline at end of file diff --git a/src/variation/components/dropdown-customizer-modal.js b/src/variation/components/dropdown-customizer-modal.js index b4da81d..5ec5cd7 100644 --- a/src/variation/components/dropdown-customizer-modal.js +++ b/src/variation/components/dropdown-customizer-modal.js @@ -12,7 +12,7 @@ import './modal.scss'; import { DropdownPreview } from './dropdown-preview'; import { ColorPanel } from './panels/menu-color-panel'; import { MenuStylesPanel } from './panels/menu-styles-panel'; -import { MenuSpacingPanel } from './panels/menu-spacing-panel'; +import { MenuItemsPanel } from './panels/menu-items-panel'; import { DEFAULT_MENU_BACKGROUND_COLOR, DEFAULT_MENU_BORDER, @@ -147,7 +147,7 @@ export function DropdownCustomizerModal({ attributes={attributes} setAttributes={setAttributes} /> - { setAttributes({ priorityPlusMenuItemPadding: DEFAULT_MENU_ITEM_PADDING, diff --git a/src/variation/controls.js b/src/variation/controls.js index 7b22d08..b84d0d9 100644 --- a/src/variation/controls.js +++ b/src/variation/controls.js @@ -201,13 +201,29 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { resetAll={() => setAttributes({ priorityPlusToggleLabel: 'More', + priorityPlusMenuBackgroundColor: + DEFAULT_MENU_BACKGROUND_COLOR, + priorityPlusMenuBorder: DEFAULT_MENU_BORDER, + priorityPlusMenuBorderRadius: + DEFAULT_MENU_BORDER_RADIUS, + priorityPlusMenuBoxShadow: + DEFAULT_MENU_BOX_SHADOW, + priorityPlusMenuItemPadding: + DEFAULT_MENU_ITEM_PADDING, + priorityPlusMenuItemHoverBackground: + DEFAULT_MENU_ITEM_HOVER_BACKGROUND, + priorityPlusMenuItemHoverTextColor: + DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, + priorityPlusMenuSubmenuIndent: { + left: DEFAULT_MENU_SUBMENU_INDENT, + }, }) } > !!priorityPlusToggleLabel} label={__( - 'Toggle Button Label', + 'Button Label', 'priority-plus-navigation' )} onDeselect={() => @@ -219,7 +235,7 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { > { )} /> + { + const { + priorityPlusMenuBackgroundColor, + priorityPlusMenuBorder, + priorityPlusMenuBorderRadius, + priorityPlusMenuBoxShadow, + priorityPlusMenuItemPadding, + priorityPlusMenuItemHoverBackground, + priorityPlusMenuItemHoverTextColor, + priorityPlusMenuSubmenuIndent, + } = attributes; + return ( + !!priorityPlusMenuBackgroundColor || + !!priorityPlusMenuBorder || + !!priorityPlusMenuBorderRadius || + !!priorityPlusMenuBoxShadow || + !!priorityPlusMenuItemPadding || + !!priorityPlusMenuItemHoverBackground || + !!priorityPlusMenuItemHoverTextColor || + !!priorityPlusMenuSubmenuIndent + ); + }} + label={__( + 'Customize DropdownMenu', + 'priority-plus-navigation' + )} + onDeselect={() => + setAttributes({ + priorityPlusMenuBackgroundColor: + DEFAULT_MENU_BACKGROUND_COLOR, + priorityPlusMenuBorder: DEFAULT_MENU_BORDER, + priorityPlusMenuBorderRadius: + DEFAULT_MENU_BORDER_RADIUS, + priorityPlusMenuBoxShadow: + DEFAULT_MENU_BOX_SHADOW, + priorityPlusMenuItemPadding: + DEFAULT_MENU_ITEM_PADDING, + priorityPlusMenuItemHoverBackground: + DEFAULT_MENU_ITEM_HOVER_BACKGROUND, + priorityPlusMenuItemHoverTextColor: + DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, + priorityPlusMenuSubmenuIndent: { + left: DEFAULT_MENU_SUBMENU_INDENT, + }, + }) + } + isShownByDefault + > + + { /> @@ -309,7 +386,7 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { > setAttributes({ priorityPlusTogglePadding: undefined, @@ -351,91 +428,6 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { )} - { - setAttributes({ - priorityPlusMenuBackgroundColor: - DEFAULT_MENU_BACKGROUND_COLOR, - priorityPlusMenuBorder: DEFAULT_MENU_BORDER, - priorityPlusMenuBorderRadius: - DEFAULT_MENU_BORDER_RADIUS, - priorityPlusMenuBoxShadow: - DEFAULT_MENU_BOX_SHADOW, - priorityPlusMenuItemPadding: - DEFAULT_MENU_ITEM_PADDING, - priorityPlusMenuItemHoverBackground: - DEFAULT_MENU_ITEM_HOVER_BACKGROUND, - priorityPlusMenuItemHoverTextColor: - DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, - priorityPlusMenuSubmenuIndent: { - left: DEFAULT_MENU_SUBMENU_INDENT, - }, - }); - }} - > - { - const { - priorityPlusMenuBackgroundColor, - priorityPlusMenuBorder, - priorityPlusMenuBorderRadius, - priorityPlusMenuBoxShadow, - priorityPlusMenuItemPadding, - priorityPlusMenuItemHoverBackground, - priorityPlusMenuItemHoverTextColor, - priorityPlusMenuSubmenuIndent, - } = attributes; - return ( - !!priorityPlusMenuBackgroundColor || - !!priorityPlusMenuBorder || - !!priorityPlusMenuBorderRadius || - !!priorityPlusMenuBoxShadow || - !!priorityPlusMenuItemPadding || - !!priorityPlusMenuItemHoverBackground || - !!priorityPlusMenuItemHoverTextColor || - !!priorityPlusMenuSubmenuIndent - ); - }} - label={__( - 'Customize Menu', - 'priority-plus-navigation' - )} - onDeselect={() => - setAttributes({ - priorityPlusMenuBackgroundColor: - DEFAULT_MENU_BACKGROUND_COLOR, - priorityPlusMenuBorder: DEFAULT_MENU_BORDER, - priorityPlusMenuBorderRadius: - DEFAULT_MENU_BORDER_RADIUS, - priorityPlusMenuBoxShadow: - DEFAULT_MENU_BOX_SHADOW, - priorityPlusMenuItemPadding: - DEFAULT_MENU_ITEM_PADDING, - priorityPlusMenuItemHoverBackground: - DEFAULT_MENU_ITEM_HOVER_BACKGROUND, - priorityPlusMenuItemHoverTextColor: - DEFAULT_MENU_ITEM_HOVER_TEXT_COLOR, - priorityPlusMenuSubmenuIndent: { - left: DEFAULT_MENU_SUBMENU_INDENT, - }, - }) - } - isShownByDefault - > - - - {/* Render modal conditionally */}