initial
This commit is contained in:
zbatte committed
commit
9883323161
17470 files changed
+4470592
No files matched your search
@@ -0,0 +1,81 @@
|
||||
{
|
||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||
"apiVersion": 3,
|
||||
"name": "generateblocks-pro/menu-toggle",
|
||||
"title": "Menu Toggle",
|
||||
"category": "generateblocks",
|
||||
"icon": "star",
|
||||
"description": "The toggle button for the menu block.",
|
||||
"keywords": [
|
||||
"alert",
|
||||
"message"
|
||||
],
|
||||
"version": "1.0.0",
|
||||
"textdomain": "generateblocks-pro",
|
||||
"ancestor": [
|
||||
"generateblocks-pro/navigation"
|
||||
],
|
||||
"attributes": {
|
||||
"uniqueId": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"openIcon": {
|
||||
"type": "string",
|
||||
"source": "html",
|
||||
"selector": ".gb-menu-open-icon"
|
||||
},
|
||||
"closeIcon": {
|
||||
"type": "string",
|
||||
"source": "html",
|
||||
"selector": ".gb-menu-close-icon"
|
||||
},
|
||||
"iconLocation": {
|
||||
"type": "string",
|
||||
"default": "before"
|
||||
},
|
||||
"styles": {
|
||||
"type": "object",
|
||||
"default": {}
|
||||
},
|
||||
"css": {
|
||||
"type": "string",
|
||||
"default": ""
|
||||
},
|
||||
"globalClasses": {
|
||||
"type": "array",
|
||||
"default": []
|
||||
},
|
||||
"htmlAttributes": {
|
||||
"type": "object",
|
||||
"default": {}
|
||||
},
|
||||
"tagName": {
|
||||
"type": "string",
|
||||
"default": "",
|
||||
"enum": [
|
||||
"button"
|
||||
]
|
||||
},
|
||||
"content": {
|
||||
"type": "rich-text",
|
||||
"source": "rich-text",
|
||||
"selector": ".gb-menu-toggle-text"
|
||||
},
|
||||
"iconOnly": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"align": false,
|
||||
"className": false,
|
||||
"inserter": true
|
||||
},
|
||||
"editorScript": [
|
||||
"file:./index.js"
|
||||
],
|
||||
"editorStyle": [
|
||||
"file:./index.css"
|
||||
]
|
||||
}
|
||||
@@ -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}
|
||||
.gb-menu-toggle-text{display:inline-block;pointer-events:auto!important}
|
||||
@@ -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' => '65f7f47abcb26c753bbb');
|
||||
@@ -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}
|
||||
.gb-menu-toggle-text{display:inline-block;pointer-events:auto!important}
|
||||
@@ -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){const t=e.querySelectorAll(".gb-menu-toggle"),n=e.querySelector(".gb-menu-container"),o=e.getAttribute("data-gb-mobile-menu-type"),r=n.querySelector(".gb-menu-toggle:not(.gb-menu-toggle--clone)"),s=r||"full-overlay"!==o?null:n.querySelector("*"),a=e.closest("body");let c=!1;requestAnimationFrame((()=>{if(e.classList.add("gb-navigation--open"),a.setAttribute("data-gb-menu-open",o),t.forEach((e=>{if(e&&(e.classList.add("gb-menu-toggle--toggled"),e.ariaExpanded="true",!r&&n&&"full-overlay"===o)){s&&(s.style.opacity="0");const t=e.closest(".editor-styles-wrapper"),l=n.querySelector(".gb-menu-toggle--clone");if(t&&l){const t=e.attributes;for(const e of t)l.setAttribute(e.name,e.value);l.innerHTML=e.innerHTML,l.classList.add("gb-menu-toggle","gb-menu-toggle--toggled","gb-menu-toggle--clone"),c=!0}else if(!l){const t=e.cloneNode(!0);t.classList.add("gb-menu-toggle","gb-menu-toggle--toggled","gb-menu-toggle--clone"),n.insertAdjacentElement("afterbegin",t),c=!0}}})),c&&s?requestAnimationFrame((()=>{!function(e,t=()=>{}){const n=e.querySelector(".gb-menu-container .gb-menu-toggle");if(n){var l,o;const r=window.getComputedStyle(n),s=null!==(l=parseInt(r?.top,10))&&void 0!==l?l:0,a=null!==(o=parseInt(r?.height,10))&&void 0!==o?o:0;requestAnimationFrame((()=>{e.style.setProperty("--gb-menu-toggle-offset",a+2*s+"px"),t()}))}}(e,(()=>{s.style.opacity=""}))})):s&&"0"===s.style.opacity&&(s.style.opacity=""),n){n.classList.add("gb-menu-container--toggled");const e=n.querySelector('a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [role="button"]:not([disabled]), [tabindex="0"]');e?e.focus():n.focus(),n.addEventListener("keydown",l)}})),"partial-overlay"===o&&function(e){const t=(n=function(e){var t;const n=null!==(t=e.getAttribute("data-gb-menu-toggle-anchor"))&&void 0!==t?t:"";let l=".gb-navigation";return n?l=n:e.closest(".gb-site-header")&&(l=".gb-site-header"),e.closest(l)}(e))?n.getBoundingClientRect().bottom:0;var n;requestAnimationFrame((()=>e.style.setProperty("--gb-menu-offset",t+"px")))}(e)}function s(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 a(e,t=!1){if(e){t&&t.preventDefault();const n=e.closest(".gb-navigation"),l=e.closest(".menu-item");if(s(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 c(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 r=e.closest(".gb-navigation"),a=e.closest(".menu-item");if(s(r,a),!e.getAttribute("data-gb-overlay")){coLine truncated
|
||||
// Translators: Global class name.
|
||||
// Translators: Global class name.
|
||||
(0,l.__)("%s does not exist.","generateblocks-pro"),r),{type:"snackbar"});i(""),u(""),g("gblocks-editor-sidebar/gblocks-editor-sidebar"),e({postId:b,name:r,classStyles:d,clientId:a()?.clientId,options:c}),c.nestedRule&&u(c.nestedRule),c.atRule&&i(c.atRule);const m=s("postType","gblocks_styles",b);t(m?.gb_style_data||d),o("snackbar"),n("info",(0,l.sprintf)(
|
||||
// Translators: Global class name.
|
||||
// Translators: Global class name.
|
||||
(0,l.__)("Editing %s.","generateblocks-pro"),r),{type:"snackbar"})}}(),h=function(){const{setCurrentStyle:e}=(0,c.useDispatch)(p),{setStyles:t}=(0,c.useDispatch)(y),{setAtRule:n}=(0,c.useDispatch)(f),{setNestedRule:l}=(0,c.useDispatch)(v);return()=>{e({}),t({}),n(""),l("")}}();return{atRule:e,nestedRule:n,setAtRule:t,currentAtRule:s,setNestedRule:o,setDeviceType:b,deviceType:d,setCurrentStyle:a,currentStyle:i,getPreviewDevice:u.getPreviewDevice,setGlobalStyle:m,cancelEditGlobalStyle:h}}function T({attributes:t,setAttributes:n,shortcuts:l,onStyleChange:o}){const{atRule:r,setAtRule:s,nestedRule:a,setNestedRule:c,setDeviceType:i,getPreviewDevice:d,currentStyle:b,setGlobalStyle:m,cancelEditGlobalStyle:p}=R(),{styles:y,globalClasses:f=[]}=t,v=(0,g.getStylesObject)(y,r,a);return(0,e.createElement)(g.StylesBuilder,{currentSelector:b?.selector,styles:v,allStyles:y,onDeleteStyle:(e,t)=>{const l=(0,g.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,g.getPreviewWidth)(e),n=d(t);n&&i(n)},onUpdateKey:(e,t,l)=>{const o=(0,g.updateStylesObjectKey)(y,e,t,l);n({styles:o})},selectorShortcuts:l.selectorShortcuts,visibleSelectors:l.visibleShortcuts,onEditStyle:m,cancelEditStyle:p,setLocalTab:u.openBlockStylesTab,scope:"local",allowDevTools:!0,appliedGlobalStyles:f,onAllStylesChange:e=>n({styles:e})})}function M(t){return n=>{const{attributes:l,name:o,setAttributes:r,isSelected:a,clientId:c}=n,{uniqueId:i,styles:d,css:b}=l,{atRule:m,deviceType:p,setAtRule:y,currentStyle:f,setCurrentStyle:v,setNestedRule:h}=R(),k=(0,u.useSetStyles)(n,{cleanStylesObject:g.cleanStylesObject}),S=(0,s.useMemo)((()=>i?(0,u.getSelector)(o,i):""),[o,i]),E=Array.isArray(d)?{}:d;return(0,u.useAtRuleEffect)({deviceType:p,atRule:m,setAtRule:y,defaultAtRules:g.defaultAtRules,isSelected:a,getPreviewWidth:g.getPreviewWidth}),(0,u.useGenerateCSSEffect)({selector:S,styles:E,setAttributes:r,getCss:g.getCss,getSelector:u.getSelector,isSelected:a,blockCss:b,clientId:c}),(0,u.useStyleSelectorEffect)({isSelected:a,currentStyle:f,selector:S,setCurrentStyle:v,setNestedRule:h}),(0,u.useDecodeStyleKeys)({styles:d,setAttributes:r}),(0,e.createElement)(e.Fragment,null,(0,e.createElement)(u.Style,{selector:S,getCss:g.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,u.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 B=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","download","formnovalidate","hidden","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","readonly","required","reversed","selected"];function N(e){const t=e.trim().replace(/[^A-Za-z0-9-_:.]+/g,"-").replace(/-+/g,"-").replace(/^-|-$/g,"");return t?/^[A-Za-z]/.test(t)?t:`id-${t}`:""}function q(t){return n=>{var l,a,u,g;const{attributes:d,setAttributes:b,context:m}=n,{htmlAttributes:p={},uniqueId:y,className:f,align:v}=d,h=(0,c.useSelect)((e=>e("core/editor").isSavingPost())),{style:k="",href:S,...E}=p,_=Object.keys(E).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,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")})(E[t]),e)),{}),[C,w]=(0,s.useState)(k);var A,L,I,x;(0,s.useEffect)((()=>{!async function(){const e=await(0,o.applyFilters)("generateblocks.editor.htmlAttributes.style",k,{...n});w(e)}()}),[k,m,h]),A=()=>{const e=["alignwide","alignfull"],t=(f?.split(" ")||[]).filter((t=>!e.includes(t)));v&&t.push("align"+v),b({className:t.join(" ")})},L=[v],x=(I=(0,e.useRef)(!0)).current?(I.current=!1,!0):I.current,(0,e.useEffect)((function(){if(!x)return A()}),L);const R="string"==typeof C?C.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}),{}):"",T={..._,style:R,"data-gb-id":y,"data-context-post-id":null!==(l=null!==(a=m?.postId)&&void 0!==a?a:m?.["generateblocks/loopIndex"])&&void 0!==l?l:0,"data-align":v||void 0},M=(0,s.useMemo)((()=>Array.isArray(p)?{}:p),[JSON.stringify(p)]);return(0,s.useEffect)((()=>{const e={...p};Object.keys(e).forEach((t=>{const n=t.startsWith("data-"),l=e[t];B.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!1Line truncated
|
||||
// Translators: the at-rule for deletion.
|
||||
// Translators: the at-rule for deletion.
|
||||
(0,l.__)("Open the <Styles /> tab for more controls.","generateblocks-pro"),{Styles:(0,e.createElement)(i.Button,{variant:"link",className:"gb-more-style-controls__styles-tab",onClick:()=>t.click()},(0,l.__)("Styles","generateblocks-pro"))})):null}(0,a.compose)(q,M,u.withUniqueId)((function(t){var n,o,a,d,p;const{attributes:y,setAttributes:f,editorHtmlAttributes:v,onStyleChange:h,getStyleValue:k,clientId:S,name:E,isSelected:_}=t,{styles:C,htmlAttributes:w,tagName:A,uniqueId:L,subMenuType:I}=y,x=(0,c.useSelect)((e=>e(b).menuToggleState())),R=(0,s.useRef)(),{getBlock:M,getBlocks:B}=(0,c.useSelect)((e=>e(r.store)),[]),{updateBlockAttributes:N}=(0,c.useDispatch)(r.store),q=(0,s.useMemo)((()=>M(S)),[S,_]),[D,P]=(0,s.useState)(null),j=m("gb-navigation",{...y,styles:C},!0);x&&j.push("gb-navigation--open"),j.includes("gb-navigation-"+L)||j.push("gb-navigation-"+L);const U=(0,r.useBlockProps)({className:j.filter((e=>e)).join(" ").trim(),...v,ref:R}),H=(0,r.useInnerBlocksProps)(U),Z=A||"nav";(0,s.useEffect)((()=>{A||f({tagName:"nav"})}),[A]),(0,s.useEffect)((()=>{w?.["data-gb-mobile-menu-type"]||f({htmlAttributes:{...w,"data-gb-mobile-menu-type":"full-overlay"}})}),[w?.["data-gb-mobile-menu-type"]]),(0,s.useEffect)((()=>{if(!_)return;const e=Y(B(S));e&&P(e)}),[_,S]);const $={name:E,attributes:y,setAttributes:f,clientId:S,getStyleValue:k,onStyleChange:h},z=null!==(n=w?.["data-gb-mobile-menu-transition"])&&void 0!==n?n:"",W=null!==(o=w?.["data-gb-sub-menu-transition"])&&void 0!==o?o:"";return(0,e.createElement)(e.Fragment,null,(0,e.createElement)(r.InspectorControls,null,(0,e.createElement)(u.BlockStyles,{settingsTab:(0,e.createElement)(e.Fragment,null,(0,e.createElement)(O.OpenPanel,{title:(0,l.__)("Navigation Tree","generateblocks-pro"),panelId:"block-list",...$},(0,e.createElement)(F,{blocks:[q],clientId:S,allowedBlocks:Q,showAllLabel:(0,l.__)("Show all blocks in navigation","generateblocks-pro")})),(0,e.createElement)(K,null),(0,e.createElement)(O.OpenPanel,{panelId:"settings",...$},!!D&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(G,{value:D?.attributes?.menu,onChange:e=>{N(D.clientId,{menu:e});const t=Y(B(S));t&&P(t)}})),(0,e.createElement)(i.SelectControl,{label:(0,l.__)("Sub-menu type","generateblocks-pro"),value:I,options:[{label:(0,l.__)("Hover","generateblocks-pro"),value:"hover"},{label:(0,l.__)("Click Menu Item","generateblocks-pro"),value:"click"},{label:(0,l.__)("Click Toggle","generateblocks-pro"),value:"click-toggle"}],onChange:e=>f({subMenuType:e})}),(0,e.createElement)(i.SelectControl,{label:(0,l.__)("Sub-menu Transition","generateblocks-pro"),value:W,options:[{label:(0,l.__)("None","generateblocks-pro"),value:""},{label:(0,l.__)("Fade","generateblocks-pro"),value:"fade"},{label:(0,l.__)("Slide & fade up","generateblocks-pro"),value:"fade-slide-up"},{label:(0,l.__)("Slide & fade down","generateblocks-pro"),value:"fade-slide-down"},{label:(0,l.__)("Slide & fade left","generateblocks-pro"),value:"fade-slide-left"},{label:(0,l.__)("Slide & fade right","generateblocks-pro"),value:"fade-slide-right"}],onChange:e=>{const t={...w};e?t["data-gb-sub-menu-transition"]=e:(delete t["data-gb-sub-menu-transition"],h("--sub-menu-transition-speed","")),f({htmlAttributes:t})}}),""!==W&&(0,e.createElement)(e.Fragment,null,(0,e.createElement)(g.UnitControl,{units:["ms"],defaultUnitValue:"ms",label:(0,l.__)("Sub-menu Transition Speed","generateblocks-pro"),placeholder:"200ms",value:k("--sub-menu-transition-speed",""),onChange:e=>{h("--sub-menu-transition-speed",e)}}),"fade"!==W&&(0,e.createElement)(g.UnitControl,{label:(0,l.__)("Sub-menu Transition Distance","generateblocks-pro"),placeholder:"5px",value:k("--sub-menu-transition-distance",""),onChange:e=>{h("--sub-menu-transition-distance",e)}})),(0,e.createElement)(g.UnitControl,{label:(0,l.__)("Mobile breakpoint","generateblocks-pro"),value:null!==(a=w?.["data-gb-mobile-breakpoint"])&&void 0!==a?a:"",onChange:e=>{const t={...w};e?t["data-gb-mobile-breakpoint"]=e:delete t["data-gb-mobile-breakpoint"],f({htmlAttributes:t})}}),(0,e.createElement)(i.SelectControl,{label:(0,l.__)("Mobile Menu Type","generateblocks-pro"),value:null!==(d=w?.["data-gb-mobile-menu-type"])&&void 0!==d?d:"",options:[{label:(0,l.__)("Full overlay","generateblocks-pro"),value:"full-overlay"},{label:(0,l.__)("Partial overlay","generateblocks-pro"),value:"partial-overlay"}],onChange:e=>{const t={...w};e?t["data-gb-mobile-menu-type"]=e:delete t["data-gb-mobile-menu-type"],f({htmlAttributes:t})}}),"partial-overlay"===w?.["data-gb-mobile-menu-type"]&&(0,e.createElement)(i.TextControl,{label:(0,l.__)("Mobile Menu Anchor","generateblocks-pro"),help:(0,l.__)("The selector for the element the mobile menu will attach to the bottom of.","generateblocks-pro"),value:null!==(p=w?.["data-gb-menu-toggle-anchor"])&&void 0!==p?p:"",placeholder:"Calculate automatically",onChange:e=>{const t={...w};e?t["data-gb-menu-toggle-anchor"]=e:delete t["data-gb-menu-toggle-anchor"],f({htmlAttributes:t})}}),(0,e.creaLine truncated
|
||||
Reference in new issue
Block a user