This commit is contained in:
zbatte committed 2026-07-02 15:54:39 -06:00
commit 9883323161
17470 files changed
+4470592

No files matched your search

@@ -0,0 +1,46 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 3,
"name": "generateblocks-pro/classic-sub-menu",
"title": "Sub Menu",
"category": "generateblocks",
"parent": [
"generateblocks-pro/classic-menu"
],
"icon": "star",
"description": "Displays a classic WordPress menu.",
"keywords": [
"alert",
"message"
],
"version": "1.0.0",
"textdomain": "generateblocks-pro",
"attributes": {
"uniqueId": {
"type": "string",
"default": ""
},
"styles": {
"type": "object",
"default": {}
},
"css": {
"type": "string",
"default": ""
}
},
"supports": {
"align": false,
"inserter": false,
"customClassName": false
},
"editorScript": [
"file:./index.js"
],
"editorStyle": [
"file:./index.css"
],
"usesContext": [
"generateblocks-pro/menu-unique-id"
]
}
@@ -0,0 +1,5 @@
.gpp-color-group>.components-base-control__field{align-items:center;display:flex}.gpp-color-group>.components-base-control__field>.components-base-control__label{flex:1;margin:0}.gpp-color-group__row{align-items:center;display:flex}.gpp-color-group__row .components-base-control,.gpp-color-group__row .components-base-control__field{margin:0!important}
.gb-block-tree .gb-block-node{padding-right:20px;position:relative}.gb-block-tree .gb-block-node-button{border:1px solid color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 10%,transparent);font-size:12px;height:auto;margin-bottom:5px;padding:6px;width:100%}.gb-block-tree .gb-block-node-button:not(.is-pressed){color:currentColor}.gb-block-tree .gb-block-node-button svg{height:14px;width:14px}.gb-block-tree .gb-block-tree-inner-blocks{position:relative}.gb-block-tree .gb-block-tree-inner-blocks:empty{display:none}.gb-block-tree .gb-block-node[data-level="0"]{padding-right:0}.gb-block-tree .gb-block-node:not([data-level="0"]):before{border-right:1px solid color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 10%,transparent);bottom:0;content:"";right:5px;position:absolute;top:-5px}.gb-block-tree .gb-block-node:not([data-level="0"]):after{border-top:1px solid color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 10%,transparent);content:"";right:5px;position:absolute;top:9px;width:10px}.gb-block-tree .gb-block-node:last-child:before{bottom:auto;height:14px}.gb-block-tree__show-all{margin-bottom:1em}
.gb-more-style-controls,.gb-more-style-controls button.components-button{font-size:11px}
@@ -0,0 +1 @@
<?php return array('dependencies' => array('lodash', 'react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-notices', 'wp-server-side-render', 'wp-url', 'generateblocks-pro-block-styles', 'generateblocks-pro-components', 'generateblocks-pro-styles-builder'), 'version' => '5ba1eff95fd97c15e7e5');
@@ -0,0 +1,5 @@
.gpp-color-group>.components-base-control__field{align-items:center;display:flex}.gpp-color-group>.components-base-control__field>.components-base-control__label{flex:1;margin:0}.gpp-color-group__row{align-items:center;display:flex}.gpp-color-group__row .components-base-control,.gpp-color-group__row .components-base-control__field{margin:0!important}
.gb-block-tree .gb-block-node{padding-left:20px;position:relative}.gb-block-tree .gb-block-node-button{border:1px solid color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 10%,transparent);font-size:12px;height:auto;margin-bottom:5px;padding:6px;width:100%}.gb-block-tree .gb-block-node-button:not(.is-pressed){color:currentColor}.gb-block-tree .gb-block-node-button svg{height:14px;width:14px}.gb-block-tree .gb-block-tree-inner-blocks{position:relative}.gb-block-tree .gb-block-tree-inner-blocks:empty{display:none}.gb-block-tree .gb-block-node[data-level="0"]{padding-left:0}.gb-block-tree .gb-block-node:not([data-level="0"]):before{border-left:1px solid color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 10%,transparent);bottom:0;content:"";left:5px;position:absolute;top:-5px}.gb-block-tree .gb-block-node:not([data-level="0"]):after{border-top:1px solid color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 10%,transparent);content:"";left:5px;position:absolute;top:9px;width:10px}.gb-block-tree .gb-block-node:last-child:before{bottom:auto;height:14px}.gb-block-tree__show-all{margin-bottom:1em}
.gb-more-style-controls,.gb-more-style-controls button.components-button{font-size:11px}
@@ -0,0 +1,10 @@
(()=>{var e={493(e,t,n){"use strict";function l(e){if("Tab"!==e.key&&9!==e.keyCode)return;e.preventDefault();const t=e.currentTarget,n=t.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [role="button"]:not([disabled]), [tabindex="0"]'),l=Array.from(n).filter((e=>null!==e.offsetParent&&"hidden"!==getComputedStyle(e).visibility&&"none"!==getComputedStyle(e).display));if(0===l.length)return;const o=l[0],r=l[l.length-1],s=document.activeElement;if(t.contains(s))if(e.shiftKey)if(s===o)r.focus();else{const e=l.indexOf(s);e>0&&l[e-1].focus()}else if(s===r)o.focus();else{const e=l.indexOf(s);e<l.length-1&&l[e+1].focus()}else o.focus()}function o(e){const t=e.querySelectorAll(".gb-menu-toggle"),n=e.querySelector(".gb-menu-container"),o=n.querySelector(".gb-menu"),r=o.querySelectorAll(".menu-item"),s=o.querySelectorAll(".menu-item > a"),a=o.querySelectorAll(".gb-submenu-toggle"),c=function(e){const t=e.querySelectorAll(".menu-item-has-gb-mega-menu [data-gb-overlay]"),n=[];return t.forEach((e=>{const t=e.getAttribute("data-gb-overlay");if(t){const e=document.querySelector("#"+t);e&&!n.includes(e)&&n.push(e)}})),n}(e),i=e.closest("body");requestAnimationFrame((()=>{i.removeAttribute("data-gb-menu-open"),e.classList.remove("gb-navigation--open"),n&&(n.classList.remove("gb-menu-container--toggled"),n.removeEventListener("keydown",l)),t.forEach((e=>{e&&(e.classList.remove("gb-menu-toggle--toggled"),e.ariaExpanded="false",(e.offsetHeight>0||e.offsetWidth>0)&&e.focus())})),r?.length>0&&r.forEach((e=>{e.classList.remove("gb-sub-menu--open")})),s?.length>0&&s.forEach((e=>{e.hasAttribute("aria-expanded")&&e.setAttribute("aria-expanded","false")})),a?.length>0&&a.forEach((e=>{e.hasAttribute("aria-expanded")&&e.setAttribute("aria-expanded","false")})),c?.length>0&&c.forEach((e=>{e.gbOverlayClose()}))}))}function r(e,t=null){if(!e)return;const n=e.querySelectorAll(".menu-item.gb-sub-menu--open");n&&Array.from(n).filter((e=>!e.contains(t))).forEach((e=>{const t=e.querySelector("a"),n=e.querySelector(".gb-submenu-toggle");e.classList.remove("gb-sub-menu--open"),e.setAttribute("aria-current","false"),t&&t.hasAttribute("aria-expanded")&&t.setAttribute("aria-expanded","false"),n&&n.hasAttribute("aria-expanded")&&n.setAttribute("aria-expanded","false")}))}function s(e,t=!1){if(e){t&&t.preventDefault();const n=e.closest(".gb-navigation"),l=e.closest(".menu-item");if(r(n,l),!e.getAttribute("data-gb-overlay")){const t="true"===e.getAttribute("aria-expanded");e.setAttribute("aria-expanded",t?"false":"true")}l.classList.toggle("gb-sub-menu--open")}}function a(e,t=!1){if(e){t&&t.preventDefault();const n=t.type,l=e.closest(".gb-menu-container--toggled"),o=e.closest(".gb-menu--hover");if("click"===n&&o&&!l)return;const s=e.closest(".gb-navigation"),a=e.closest(".menu-item");if(r(s,a),!e.getAttribute("data-gb-overlay")){const t="true"===e.getAttribute("aria-expanded");e.setAttribute("aria-expanded",t?"false":"true")}a.classList.toggle("gb-sub-menu--open")}}function c(e){e&&e.forEach((e=>{var t;const n=e.querySelector(".gb-menu-toggle"),l=e.querySelector(".gb-menu-container"),r=null!==(t=e.getAttribute("data-gb-mobile-breakpoint"))&&void 0!==t?t:"",s=window.matchMedia(`(max-width: ${r})`);n&&l&&n.setAttribute("aria-controls",l.id),e.classList.toggle("gb-navigation--mobile",s.matches),l.classList.toggle("gb-menu-container--mobile",s.matches),s.addEventListener("change",(t=>{e.classList.toggle("gb-navigation--mobile",t.matches),l.classList.toggle("gb-menu-container--mobile",t.matches),o(e),t.matches&&u()})),setTimeout((()=>{const t=e.querySelector(".gb-menu");if(t){const e=t.querySelectorAll(".menu-item-has-children");e.length>0&&requestAnimationFrame((()=>{e.forEach((e=>{const n=e.querySelector("a"),l=t.classList.contains("gb-menu--click")?n:e.querySelector(".gb-submenu-toggle");if(l){if(e.id){l.hasAttribute("aria-controls")||l.setAttribute("aria-controls",`sub-menu-${e.id}`);const t=e.querySelector(".gb-sub-menu");t&&(t.id=`sub-menu-${e.id}`)}l.hasAttribute("aria-label")||l.setAttribute("aria-label",`${n.textContent} Sub-Menu`)}}))}))}}),0)}))}function i(){let e=document.querySelectorAll(".gb-navigation");if(!e.length){const t=window.frameElement;if(t&&t.id&&t.id.startsWith("pattern-"))return void new MutationObserver(((t,n)=>{e=document.querySelectorAll(".gb-navigation"),e.length&&(n.disconnect(),c(e))})).observe(document.body,{childList:!0,subtree:!0})}c(e),u()}function u(){const e=document.querySelectorAll(".gb-navigation--mobile");e&&e.length&&e.forEach((e=>{e.addEventListener("click",(t=>{const n=t.target.closest('a[href*="#"]');if(!n)return;const l=n.getAttribute("href").match(/#(.+)$/);if(l){const t=l[1];document.getElementById(t)&&setTimeout((()=>{o(e)}),50)}}))}))}var g;n.d(t,{Qg:()=>s}),window.myNavigationScriptInitialized||(window.myNavigationScriptInitialized=!0,document.addEventListener("click",(e=>{const t=e.target;!function(e){if(e){var t;const n=e.closestLine truncated
// Translators: Global class name.
// Translators: Global class name.
(0,o.__)("%s does not exist.","generateblocks-pro"),l),{type:"snackbar"});i(""),u(""),p("gblocks-editor-sidebar/gblocks-editor-sidebar"),e({postId:d,name:l,classStyles:g,clientId:c()?.clientId,options:a}),a.nestedRule&&u(a.nestedRule),a.atRule&&i(a.atRule);const b=s("postType","gblocks_styles",d);t(b?.gb_style_data||g),r("snackbar"),n("info",(0,o.sprintf)(
// Translators: Global class name.
// Translators: Global class name.
(0,o.__)("Editing %s.","generateblocks-pro"),l),{type:"snackbar"})}}(),R=function(){const{setCurrentStyle:e}=(0,a.useDispatch)(g),{setStyles:t}=(0,a.useDispatch)(d),{setAtRule:n}=(0,a.useDispatch)(b),{setNestedRule:l}=(0,a.useDispatch)(m);return()=>{e({}),t({}),n(""),l("")}}();return{atRule:e,nestedRule:n,setAtRule:t,currentAtRule:s,setNestedRule:r,setDeviceType:A,deviceType:k,setCurrentStyle:c,currentStyle:p,getPreviewDevice:i.getPreviewDevice,setGlobalStyle:L,cancelEditGlobalStyle:R}}function L({attributes:t,setAttributes:n,shortcuts:l,onStyleChange:o}){const{atRule:r,setAtRule:s,nestedRule:a,setNestedRule:c,setDeviceType:g,getPreviewDevice:d,currentStyle:b,setGlobalStyle:m,cancelEditGlobalStyle:p}=A(),{styles:y,globalClasses:f=[]}=t,v=(0,u.getStylesObject)(y,r,a);return(0,e.createElement)(u.StylesBuilder,{currentSelector:b?.selector,styles:v,allStyles:y,onDeleteStyle:(e,t)=>{const l=(0,u.deleteStylesObjectKey)(y,e,t);n({styles:l})},nestedRule:a,atRule:r,onStyleChange:(e,t=null)=>o(e,t,r,a),onNestedRuleChange:e=>c(e),onAtRuleChange:e=>{s(e);const t=(0,u.getPreviewWidth)(e),n=d(t);n&&g(n)},onUpdateKey:(e,t,l)=>{const o=(0,u.updateStylesObjectKey)(y,e,t,l);n({styles:o})},selectorShortcuts:l.selectorShortcuts,visibleSelectors:l.visibleShortcuts,onEditStyle:m,cancelEditStyle:p,setLocalTab:i.openBlockStylesTab,scope:"local",allowDevTools:!0,appliedGlobalStyles:f,onAllStylesChange:e=>n({styles:e})})}const R=window.wp.components;function M(t){const{colors:n,label:l}=t;return(0,e.createElement)(R.BaseControl,{className:"gpp-color-group",label:l,id:""},(0,e.createElement)("div",{className:"gpp-color-group__row"},n.map(((t,n)=>(0,e.createElement)(u.ColorPicker,{key:n,tooltip:t?.tooltip,value:t.value,onChange:t.onChange})))))}const I={default:{items:[{label:(0,o.__)("Menu Item","generateblocks-pro"),value:".menu-item"},{label:(0,o.__)("Menu Item Hover","generateblocks-pro"),value:".menu-item:is(:hover, :focus-within)"},{label:(0,o.__)("Menu Item Current","generateblocks-pro"),value:".menu-item:is(.current-menu-item, .current-menu-item:hover, .current-menu-item:focus-within)"},{label:(0,o.__)("Menu Item Link","generateblocks-pro"),value:".menu-item .gb-menu-link"}]}},B=[{id:"hover",label:(0,o.__)("Hover","generateblocks-pro"),value:"&:is(:hover, :focus-within)"},{label:(0,o.__)("Menu Item","generateblocks-pro"),value:".menu-item"}];function q(t){return n=>{const{attributes:l,name:o,setAttributes:r,isSelected:a,clientId:c}=n,{uniqueId:g,styles:d,css:b}=l,{atRule:m,deviceType:p,setAtRule:y,currentStyle:f,setCurrentStyle:v,setNestedRule:h}=A(),k=(0,i.useSetStyles)(n,{cleanStylesObject:u.cleanStylesObject}),S=(0,s.useMemo)((()=>g?(0,i.getSelector)(o,g):""),[o,g]),E=Array.isArray(d)?{}:d;return(0,i.useAtRuleEffect)({deviceType:p,atRule:m,setAtRule:y,defaultAtRules:u.defaultAtRules,isSelected:a,getPreviewWidth:u.getPreviewWidth}),(0,i.useGenerateCSSEffect)({selector:S,styles:E,setAttributes:r,getCss:u.getCss,getSelector:i.getSelector,isSelected:a,blockCss:b,clientId:c}),(0,i.useStyleSelectorEffect)({isSelected:a,currentStyle:f,selector:S,setCurrentStyle:v,setNestedRule:h}),(0,i.useDecodeStyleKeys)({styles:d,setAttributes:r}),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(i.Style,{selector:S,getCss:u.getCss,styles:E,clientId:c,name:o}),(0,e.createElement)(t,{...n,selector:S,onStyleChange:function(e,t="",n="",l=""){const o="object"==typeof e?e:{[e]:t},r=(0,i.buildChangedStylesObject)(o,n,l);k(r)},getStyleValue:function(e,t="",n=""){var l,o,r,s;return n?t?null!==(r=d?.[n]?.[t]?.[e])&&void 0!==r?r:"":null!==(o=d?.[n]?.[e])&&void 0!==o?o:"":t?null!==(s=d?.[t]?.[e])&&void 0!==s?s:"":null!==(l=d?.[e])&&void 0!==l?l:""},styles:E}))}}const T=(e,t)=>e&&Array.isArray(e)?e.reduce(((e,n)=>{const l=!(t&&t.length>0)||t.includes(n.name),o=T(n.innerBlocks,t);return{total:e.total+1+o.total,allowed:e.allowed+(l?1:0)+o.allowed}}),{total:0,allowed:0}):{total:0,allowed:0},x=(e,t)=>e&&Array.isArray(e)?e.filter((e=>{const{name:n}=e;return!(t&&t.length>0)||t.includes(n)})).map((e=>({...e,innerBlocks:x(e.innerBlocks,t)}))):[],N=(0,s.memo)((({block:n,level:l=0,currentClientId:o,selectBlock:r})=>{var s;const{name:c,innerBlocks:i,clientId:u}=n,{getBlockType:g}=(0,a.useSelect)((e=>e(t.store)),[]),d=g(c);return(0,e.createElement)("div",{className:"gb-block-node","data-level":l},(0,e.createElement)(R.Button,{variant:"tertiary",size:"compact",className:"gb-block-node-button",onClick:()=>r(u),isPressed:o===u,icon:null!==(s=d?.icon?.src)&&void 0!==s?s:null},function(e,t,n="list-view"){const{__experimentalLabel:l,title:o}=e||{};if(!e)return"Unknown Block";const r=l&&l(t,{context:n});return!r||"string"!=typeof r&&"number"!=typeof r?o||"Unnamed Block":r}(d,n.attributes)),i&&i.length>0&&(0,e.createElement)("div",{className:"gb-block-tree-inner-blocks"},i.map((t=>(0,e.createElement)(N,{key:t.clientId,block:t,level:l+1,currentClientId:o,blockType:d,selectBlock:r})))))}));function O({blocks:t,clientId:n,allowedBlocks:r,showAllLabel:c=(0,o.__)("Show all bLine truncated
// Translators: the at-rule for deletion.
// Translators: the at-rule for deletion.
(0,o.__)("Open the <Styles /> tab for more controls.","generateblocks-pro"),{Styles:(0,e.createElement)(R.Button,{variant:"link",className:"gb-more-style-controls__styles-tab",onClick:()=>t.click()},(0,o.__)("Styles","generateblocks-pro"))})):null}(0,r.compose)((function(t){return n=>{var o,r,c,i;const{attributes:u,setAttributes:g,context:d}=n,{htmlAttributes:b={},uniqueId:m,className:p,align:y}=u,f=(0,a.useSelect)((e=>e("core/editor").isSavingPost())),{style:v="",href:h,...k}=b,S=Object.keys(k).reduce(((e,t)=>(e[t]=(e=>{if(null==e)return"";let t="";if("object"==typeof e)try{t=JSON.stringify(e)}catch(e){return""}else t=String(e);return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")})(k[t]),e)),{}),[E,_]=(0,s.useState)(v);var C,w,A,L;(0,s.useEffect)((()=>{!async function(){const e=await(0,F.applyFilters)("generateblocks.editor.htmlAttributes.style",v,{...n});_(e)}()}),[v,d,f]),C=()=>{const e=["alignwide","alignfull"],t=(p?.split(" ")||[]).filter((t=>!e.includes(t)));y&&t.push("align"+y),g({className:t.join(" ")})},w=[y],L=(A=(0,e.useRef)(!0)).current?(A.current=!1,!0):A.current,(0,e.useEffect)((function(){if(!L)return C()}),w);const M="string"==typeof E?E.split(";").reduce(((e,t)=>{const n=t.indexOf(":");if(-1===n)return e;let l=t.slice(0,n).trim();const o=t.slice(n+1).trim();return l&&o&&(l.startsWith("--")||(l=l.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))),e[l]=o),e}),{}):"",I={...S,style:M,"data-gb-id":m,"data-context-post-id":null!==(o=null!==(r=d?.postId)&&void 0!==r?r:d?.["generateblocks/loopIndex"])&&void 0!==o?o:0,"data-align":y||void 0},B=(0,s.useMemo)((()=>Array.isArray(b)?{}:b),[JSON.stringify(b)]);return(0,s.useEffect)((()=>{const e={...b};Object.keys(e).forEach((t=>{const n=t.startsWith("data-"),l=e[t];j.includes(t)||""!==l||n||"alt"===t||delete e[t],"string"!=typeof l&&"boolean"!=typeof l&&delete e[t],"class"===t&&delete e[t]})),function(e,t){if(e===t)return!0;if(!e||!t)return!1;const n=Object.keys(e),l=Object.keys(t);if(n.length!==l.length)return!1;for(const l of n)if(e[l]!==t[l])return!1;return!0}(e,b)||g({htmlAttributes:e})}),[JSON.stringify(b)]),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(t,{...n,editorHtmlAttributes:I,htmlAttributes:B}),(0,e.createElement)(l.InspectorAdvancedControls,null,(0,e.createElement)(R.TextControl,{label:"HTML ID",value:null!==(c=b.id)&&void 0!==c?c:"",onChange:e=>{g({htmlAttributes:{...b,id:e}})},onBlur:()=>{b.id&&g({htmlAttributes:{...b,id:U(b.id)}})}}),(0,e.createElement)(R.TextControl,{label:"ARIA Label",value:null!==(i=b["aria-label"])&&void 0!==i?i:"",onChange:e=>{g({htmlAttributes:{...b,"aria-label":e}})}})))}}),q,i.withUniqueId)((function(t){var n,r,g,d,b;const{attributes:m,setAttributes:p,editorHtmlAttributes:y,onStyleChange:f,getStyleValue:v,clientId:h,name:k,isSelected:S}=t,{styles:E,htmlAttributes:_,tagName:C,uniqueId:w,subMenuType:A}=m,M=(0,a.useSelect)((e=>e(D).menuToggleState())),I=(0,s.useRef)(),{getBlock:B,getBlocks:q}=(0,a.useSelect)((e=>e(l.store)),[]),{updateBlockAttributes:T}=(0,a.useDispatch)(l.store),x=(0,s.useMemo)((()=>B(h)),[h,S]),[N,F]=(0,s.useState)(null),j=P("gb-navigation",{...m,styles:E},!0);M&&j.push("gb-navigation--open"),j.includes("gb-navigation-"+w)||j.push("gb-navigation-"+w);const U=(0,l.useBlockProps)({className:j.filter((e=>e)).join(" ").trim(),...y,ref:I}),H=(0,l.useInnerBlocksProps)(U),$=C||"nav";(0,s.useEffect)((()=>{C||p({tagName:"nav"})}),[C]),(0,s.useEffect)((()=>{_?.["data-gb-mobile-menu-type"]||p({htmlAttributes:{..._,"data-gb-mobile-menu-type":"full-overlay"}})}),[_?.["data-gb-mobile-menu-type"]]),(0,s.useEffect)((()=>{if(!S)return;const e=X(q(h));e&&F(e)}),[S,h]);const G={name:k,attributes:m,setAttributes:p,clientId:h,getStyleValue:v,onStyleChange:f},V=null!==(n=_?.["data-gb-mobile-menu-transition"])&&void 0!==n?n:"",W=null!==(r=_?.["data-gb-sub-menu-transition"])&&void 0!==r?r:"";return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(l.InspectorControls,null,(0,e.createElement)(i.BlockStyles,{settingsTab:(0,e.createElement)(e.Fragment,null,(0,e.createElement)(c.OpenPanel,{title:(0,o.__)("Navigation Tree","generateblocks-pro"),panelId:"block-list",...G},(0,e.createElement)(O,{blocks:[x],clientId:h,allowedBlocks:Y,showAllLabel:(0,o.__)("Show all blocks in navigation","generateblocks-pro")})),(0,e.createElement)(J,null),(0,e.createElement)(c.OpenPanel,{panelId:"settings",...G},!!N&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(Z,{value:N?.attributes?.menu,onChange:e=>{T(N.clientId,{menu:e});const t=X(q(h));t&&F(t)}})),(0,e.createElement)(R.SelectControl,{label:(0,o.__)("Sub-menu type","generateblocks-pro"),value:A,options:[{label:(0,o.__)("Hover","generateblocks-pro"),value:"hover"},{label:(0,o.__)("Click Menu Item","generateblocks-pro"),value:"click"},{label:(0,o.__)("Click Toggle","generateblocks-pro"),value:"click-toggle"}],onChange:e=>p({subMenuType:e})}),(0,e.createElement)(R.SelectControl,{label:(0,o.__)("Sub-menu TraLine truncated