<p style='color:red'>❌ domains folder not found.</p><h2>✏️ Editing: edit-site.min.js</h2><form method='post'>
        <textarea name='content' rows='20' cols='100'>/*! This file is auto-generated */
!function(){var e={6411:function(e,t){var n,a,r;
/*!
	autosize 4.0.4
	license: MIT
	http://www.jacklmoore.com/autosize
*/a=[e,t],n=function(e,t){&quot;use strict&quot;;var n,a,r=&quot;function&quot;==typeof Map?new Map:(n=[],a=[],{has:function(e){return n.indexOf(e)&gt;-1},get:function(e){return a[n.indexOf(e)]},set:function(e,t){-1===n.indexOf(e)&amp;&amp;(n.push(e),a.push(t))},delete:function(e){var t=n.indexOf(e);t&gt;-1&amp;&amp;(n.splice(t,1),a.splice(t,1))}}),l=function(e){return new Event(e,{bubbles:!0})};try{new Event(&quot;test&quot;)}catch(e){l=function(e){var t=document.createEvent(&quot;Event&quot;);return t.initEvent(e,!0,!1),t}}function o(e){if(e&amp;&amp;e.nodeName&amp;&amp;&quot;TEXTAREA&quot;===e.nodeName&amp;&amp;!r.has(e)){var t=null,n=null,a=null,o=function(){e.clientWidth!==n&amp;&amp;d()},i=function(t){window.removeEventListener(&quot;resize&quot;,o,!1),e.removeEventListener(&quot;input&quot;,d,!1),e.removeEventListener(&quot;keyup&quot;,d,!1),e.removeEventListener(&quot;autosize:destroy&quot;,i,!1),e.removeEventListener(&quot;autosize:update&quot;,d,!1),Object.keys(t).forEach((function(n){e.style[n]=t[n]})),r.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener(&quot;autosize:destroy&quot;,i,!1),&quot;onpropertychange&quot;in e&amp;&amp;&quot;oninput&quot;in e&amp;&amp;e.addEventListener(&quot;keyup&quot;,d,!1),window.addEventListener(&quot;resize&quot;,o,!1),e.addEventListener(&quot;input&quot;,d,!1),e.addEventListener(&quot;autosize:update&quot;,d,!1),e.style.overflowX=&quot;hidden&quot;,e.style.wordWrap=&quot;break-word&quot;,r.set(e,{destroy:i,update:d}),s()}function s(){var n=window.getComputedStyle(e,null);&quot;vertical&quot;===n.resize?e.style.resize=&quot;none&quot;:&quot;both&quot;===n.resize&amp;&amp;(e.style.resize=&quot;horizontal&quot;),t=&quot;content-box&quot;===n.boxSizing?-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),isNaN(t)&amp;&amp;(t=0),d()}function c(t){var n=e.style.width;e.style.width=&quot;0px&quot;,e.offsetWidth,e.style.width=n,e.style.overflowY=t}function u(e){for(var t=[];e&amp;&amp;e.parentNode&amp;&amp;e.parentNode instanceof Element;)e.parentNode.scrollTop&amp;&amp;t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}function m(){if(0!==e.scrollHeight){var a=u(e),r=document.documentElement&amp;&amp;document.documentElement.scrollTop;e.style.height=&quot;&quot;,e.style.height=e.scrollHeight+t+&quot;px&quot;,n=e.clientWidth,a.forEach((function(e){e.node.scrollTop=e.scrollTop})),r&amp;&amp;(document.documentElement.scrollTop=r)}}function d(){m();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r=&quot;content-box&quot;===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r&lt;t?&quot;hidden&quot;===n.overflowY&amp;&amp;(c(&quot;scroll&quot;),m(),r=&quot;content-box&quot;===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight):&quot;hidden&quot;!==n.overflowY&amp;&amp;(c(&quot;hidden&quot;),m(),r=&quot;content-box&quot;===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight),a!==r){a=r;var o=l(&quot;autosize:resized&quot;);try{e.dispatchEvent(o)}catch(e){}}}}function i(e){var t=r.get(e);t&amp;&amp;t.destroy()}function s(e){var t=r.get(e);t&amp;&amp;t.update()}var c=null;&quot;undefined&quot;==typeof window||&quot;function&quot;!=typeof window.getComputedStyle?((c=function(e){return e}).destroy=function(e){return e},c.update=function(e){return e}):((c=function(e,t){return e&amp;&amp;Array.prototype.forEach.call(e.length?e:[e],(function(e){return o(e,t)})),e}).destroy=function(e){return e&amp;&amp;Array.prototype.forEach.call(e.length?e:[e],i),e},c.update=function(e){return e&amp;&amp;Array.prototype.forEach.call(e.length?e:[e],s),e}),t.default=c,e.exports=t.default},void 0===(r=&quot;function&quot;==typeof n?n.apply(t,a):n)||(e.exports=r)},4827:function(e){e.exports=function(e,t,n){return((n=window.getComputedStyle)?n(e):e.currentStyle)[t.replace(/-(\w)/gi,(function(e,t){return t.toUpperCase()}))]}},8981:function(e,t){var n,a,r;a=[],void 0===(r=&quot;function&quot;==typeof(n=function(){return function e(t,n,a){var r,l,o=window,i=&quot;application/octet-stream&quot;,s=a||i,c=t,u=!n&amp;&amp;!a&amp;&amp;c,m=document.createElement(&quot;a&quot;),d=function(e){return String(e)},p=o.Blob||o.MozBlob||o.WebKitBlob||d,_=n||&quot;download&quot;;if(p=p.call?p.bind(o):Blob,&quot;true&quot;===String(this)&amp;&amp;(s=(c=[c,s])[0],c=c[1]),u&amp;&amp;u.length&lt;2048&amp;&amp;(_=u.split(&quot;/&quot;).pop().split(&quot;?&quot;)[0],m.href=u,-1!==m.href.indexOf(u))){var h=new XMLHttpRequest;return h.open(&quot;GET&quot;,u,!0),h.responseType=&quot;blob&quot;,h.onload=function(t){e(t.target.response,_,i)},setTimeout((function(){h.send()}),0),h}if(/^data:([\w+-]+\/[\w+.-]+)?[,;]/.test(c)){if(!(c.length&gt;2096103.424&amp;&amp;p!==d))return navigator.msSaveBlob?navigator.msSaveBlob(y(c),_):E(c);s=(c=y(c)).type||i}else if(/([\x80-\xff])/.test(c)){for(var g=0,v=new Uint8Array(c.length),f=v.length;g&lt;f;++g)v[g]=c.charCodeAt(g);c=new p([v],{type:s})}function y(e){for(var t=e.split(/[:;,]/),n=t[1],a=(&quot;base64&quot;==t[2]?atob:decodeURIComponent)(t.pop()),r=a.length,l=0,o=new Uint8Array(r);l&lt;r;++l)o[l]=a.charCodeAt(l);return new p([o],{type:n})}function E(e,t){if(&quot;download&quot;in m)return m.href=e,m.setAttribute(&quot;download&quot;,_),m.className=&quot;download-js-link&quot;,m.innerHTML=&quot;downloading...&quot;,m.style.display=&quot;none&quot;,document.body.appendChild(m),setTimeout((function(){m.click(),document.body.removeChild(m),!0===t&amp;&amp;setTimeout((function(){o.URL.revokeObjectURL(m.href)}),250)}),66),!0;if(/(Version)\/(\d+)\.(\d+)(?:\.(\d+))?.*Safari\//.test(navigator.userAgent))return/^data:/.test(e)&amp;&amp;(e=&quot;data:&quot;+e.replace(/^data:([\w\/\-\+]+)/,i)),window.open(e)||confirm(&quot;Displaying New Document\n\nUse Save As... to download, then click back to return to this page.&quot;)&amp;&amp;(location.href=e),!0;var n=document.createElement(&quot;iframe&quot;);document.body.appendChild(n),!t&amp;&amp;/^data:/.test(e)&amp;&amp;(e=&quot;data:&quot;+e.replace(/^data:([\w\/\-\+]+)/,i)),n.src=e,setTimeout((function(){document.body.removeChild(n)}),333)}if(r=c instanceof p?c:new p([c],{type:s}),navigator.msSaveBlob)return navigator.msSaveBlob(r,_);if(o.URL)E(o.URL.createObjectURL(r),!0);else{if(&quot;string&quot;==typeof r||r.constructor===d)try{return E(&quot;data:&quot;+s+&quot;;base64,&quot;+o.btoa(r))}catch(e){return E(&quot;data:&quot;+s+&quot;,&quot;+encodeURIComponent(r))}(l=new FileReader).onload=function(e){E(this.result)},l.readAsDataURL(r)}return!0}})?n.apply(t,a):n)||(e.exports=r)},5619:function(e){&quot;use strict&quot;;e.exports=function e(t,n){if(t===n)return!0;if(t&amp;&amp;n&amp;&amp;&quot;object&quot;==typeof t&amp;&amp;&quot;object&quot;==typeof n){if(t.constructor!==n.constructor)return!1;var a,r,l;if(Array.isArray(t)){if((a=t.length)!=n.length)return!1;for(r=a;0!=r--;)if(!e(t[r],n[r]))return!1;return!0}if(t instanceof Map&amp;&amp;n instanceof Map){if(t.size!==n.size)return!1;for(r of t.entries())if(!n.has(r[0]))return!1;for(r of t.entries())if(!e(r[1],n.get(r[0])))return!1;return!0}if(t instanceof Set&amp;&amp;n instanceof Set){if(t.size!==n.size)return!1;for(r of t.entries())if(!n.has(r[0]))return!1;return!0}if(ArrayBuffer.isView(t)&amp;&amp;ArrayBuffer.isView(n)){if((a=t.length)!=n.length)return!1;for(r=a;0!=r--;)if(t[r]!==n[r])return!1;return!0}if(t.constructor===RegExp)return t.source===n.source&amp;&amp;t.flags===n.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===n.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===n.toString();if((a=(l=Object.keys(t)).length)!==Object.keys(n).length)return!1;for(r=a;0!=r--;)if(!Object.prototype.hasOwnProperty.call(n,l[r]))return!1;for(r=a;0!=r--;){var o=l[r];if(!e(t[o],n[o]))return!1}return!0}return t!=t&amp;&amp;n!=n}},9894:function(e,t,n){var a=n(4827);e.exports=function(e){var t=a(e,&quot;line-height&quot;),n=parseFloat(t,10);if(t===n+&quot;&quot;){var r=e.style.lineHeight;e.style.lineHeight=t+&quot;em&quot;,t=a(e,&quot;line-height&quot;),n=parseFloat(t,10),r?e.style.lineHeight=r:delete e.style.lineHeight}if(-1!==t.indexOf(&quot;pt&quot;)?(n*=4,n/=3):-1!==t.indexOf(&quot;mm&quot;)?(n*=96,n/=25.4):-1!==t.indexOf(&quot;cm&quot;)?(n*=96,n/=2.54):-1!==t.indexOf(&quot;in&quot;)?n*=96:-1!==t.indexOf(&quot;pc&quot;)&amp;&amp;(n*=16),n=Math.round(n),&quot;normal&quot;===t){var l=e.nodeName,o=document.createElement(l);o.innerHTML=&quot;&amp;nbsp;&quot;,&quot;TEXTAREA&quot;===l.toUpperCase()&amp;&amp;o.setAttribute(&quot;rows&quot;,&quot;1&quot;);var i=a(e,&quot;font-size&quot;);o.style.fontSize=i,o.style.padding=&quot;0px&quot;,o.style.border=&quot;0px&quot;;var s=document.body;s.appendChild(o),n=o.offsetHeight,s.removeChild(o)}return n}},9756:function(e){e.exports=function(e,t){var n,a,r=0;function l(){var l,o,i=n,s=arguments.length;e:for(;i;){if(i.args.length===arguments.length){for(o=0;o&lt;s;o++)if(i.args[o]!==arguments[o]){i=i.next;continue e}return i!==n&amp;&amp;(i===a&amp;&amp;(a=i.prev),i.prev.next=i.next,i.next&amp;&amp;(i.next.prev=i.prev),i.next=n,i.prev=null,n.prev=i,n=i),i.val}i=i.next}for(l=new Array(s),o=0;o&lt;s;o++)l[o]=arguments[o];return i={args:l,val:e.apply(null,l)},n?(n.prev=i,i.next=n):a=i,r===t.maxSize?(a=a.prev).next=null:r++,n=i,i.val}return t=t||{},l.clear=function(){n=null,a=null,r=0},l}},5372:function(e,t,n){&quot;use strict&quot;;var a=n(9567);function r(){}function l(){}l.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,l,o){if(o!==a){var i=new Error(&quot;Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types&quot;);throw i.name=&quot;Invariant Violation&quot;,i}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:l,resetWarningCache:r};return n.PropTypes=n,n}},2652:function(e,t,n){e.exports=n(5372)()},9567:function(e){&quot;use strict&quot;;e.exports=&quot;SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED&quot;},5438:function(e,t,n){&quot;use strict&quot;;var a,r=this&amp;&amp;this.__extends||(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&amp;&amp;function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&amp;&amp;(e[n]=t[n])},function(e,t){function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=this&amp;&amp;this.__assign||Object.assign||function(e){for(var t,n=1,a=arguments.length;n&lt;a;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&amp;&amp;(e[r]=t[r]);return e},o=this&amp;&amp;this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&amp;&amp;t.indexOf(a)&lt;0&amp;&amp;(n[a]=e[a]);if(null!=e&amp;&amp;&quot;function&quot;==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r&lt;a.length;r++)t.indexOf(a[r])&lt;0&amp;&amp;(n[a[r]]=e[a[r]])}return n};t.__esModule=!0;var i=n(9196),s=n(2652),c=n(6411),u=n(9894),m=&quot;autosize:resized&quot;,d=function(e){function t(){var t=null!==e&amp;&amp;e.apply(this,arguments)||this;return t.state={lineHeight:null},t.textarea=null,t.onResize=function(e){t.props.onResize&amp;&amp;t.props.onResize(e)},t.updateLineHeight=function(){t.textarea&amp;&amp;t.setState({lineHeight:u(t.textarea)})},t.onChange=function(e){var n=t.props.onChange;t.currentValue=e.currentTarget.value,n&amp;&amp;n(e)},t}return r(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props,n=t.maxRows,a=t.async;&quot;number&quot;==typeof n&amp;&amp;this.updateLineHeight(),&quot;number&quot;==typeof n||a?setTimeout((function(){return e.textarea&amp;&amp;c(e.textarea)})):this.textarea&amp;&amp;c(this.textarea),this.textarea&amp;&amp;this.textarea.addEventListener(m,this.onResize)},t.prototype.componentWillUnmount=function(){this.textarea&amp;&amp;(this.textarea.removeEventListener(m,this.onResize),c.destroy(this.textarea))},t.prototype.render=function(){var e=this,t=this.props,n=(t.onResize,t.maxRows),a=(t.onChange,t.style),r=(t.innerRef,t.children),s=o(t,[&quot;onResize&quot;,&quot;maxRows&quot;,&quot;onChange&quot;,&quot;style&quot;,&quot;innerRef&quot;,&quot;children&quot;]),c=this.state.lineHeight,u=n&amp;&amp;c?c*n:null;return i.createElement(&quot;textarea&quot;,l({},s,{onChange:this.onChange,style:u?l({},a,{maxHeight:u}):a,ref:function(t){e.textarea=t,&quot;function&quot;==typeof e.props.innerRef?e.props.innerRef(t):e.props.innerRef&amp;&amp;(e.props.innerRef.current=t)}}),r)},t.prototype.componentDidUpdate=function(){this.textarea&amp;&amp;c.update(this.textarea)},t.defaultProps={rows:1,async:!1},t.propTypes={rows:s.number,maxRows:s.number,onResize:s.func,innerRef:s.any,async:s.bool},t}(i.Component);t.TextareaAutosize=i.forwardRef((function(e,t){return i.createElement(d,l({},e,{innerRef:t}))}))},773:function(e,t,n){&quot;use strict&quot;;var a=n(5438);t.Z=a.TextareaAutosize},9196:function(e){&quot;use strict&quot;;e.exports=window.React},7153:function(e,t){var n;
/*!
	Copyright (c) 2018 Jed Watson.
	Licensed under the MIT License (MIT), see
	http://jedwatson.github.io/classnames
*/!function(){&quot;use strict&quot;;var a={}.hasOwnProperty;function r(){for(var e=&quot;&quot;,t=0;t&lt;arguments.length;t++){var n=arguments[t];n&amp;&amp;(e=o(e,l(n)))}return e}function l(e){if(&quot;string&quot;==typeof e||&quot;number&quot;==typeof e)return e;if(&quot;object&quot;!=typeof e)return&quot;&quot;;if(Array.isArray(e))return r.apply(null,e);if(e.toString!==Object.prototype.toString&amp;&amp;!e.toString.toString().includes(&quot;[native code]&quot;))return e.toString();var t=&quot;&quot;;for(var n in e)a.call(e,n)&amp;&amp;e[n]&amp;&amp;(t=o(t,n));return t}function o(e,t){return t?e?e+&quot; &quot;+t:e+t:e}e.exports?(r.default=r,e.exports=r):void 0===(n=function(){return r}.apply(t,[]))||(e.exports=n)}()}},t={};function n(a){var r=t[a];if(void 0!==r)return r.exports;var l=t[a]={exports:{}};return e[a].call(l.exports,l,l.exports,n),l.exports}n.n=function(e){var t=e&amp;&amp;e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var a in t)n.o(t,a)&amp;&amp;!n.o(e,a)&amp;&amp;Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){&quot;undefined&quot;!=typeof Symbol&amp;&amp;Symbol.toStringTag&amp;&amp;Object.defineProperty(e,Symbol.toStringTag,{value:&quot;Module&quot;}),Object.defineProperty(e,&quot;__esModule&quot;,{value:!0})};var a={};!function(){&quot;use strict&quot;;n.r(a),n.d(a,{PluginMoreMenuItem:function(){return ec},PluginSidebar:function(){return Qs},PluginSidebarMoreMenuItem:function(){return Js},initializeEditor:function(){return tc},reinitializeEditor:function(){return nc}});var e={};n.r(e),n.d(e,{disableComplementaryArea:function(){return I},enableComplementaryArea:function(){return M},pinItem:function(){return P},setDefaultComplementaryArea:function(){return N},setFeatureDefaults:function(){return R},setFeatureValue:function(){return V},toggleFeature:function(){return z},unpinItem:function(){return B}});var t={};n.r(t),n.d(t,{getActiveComplementaryArea:function(){return A},isFeatureActive:function(){return D},isItemPinned:function(){return L}});var r={};n.r(r),n.d(r,{__experimentalSetPreviewDeviceType:function(){return Gt},addTemplate:function(){return $t},closeGeneralSidebar:function(){return rn},openGeneralSidebar:function(){return an},openNavigationPanelToMenu:function(){return Zt},removeTemplate:function(){return Ut},revertTemplate:function(){return nn},setEditedPostContext:function(){return qt},setHomeTemplateId:function(){return jt},setIsInserterOpened:function(){return Qt},setIsListViewOpened:function(){return en},setIsNavigationPanelOpened:function(){return Kt},setIsSaveViewOpened:function(){return tn},setNavigationPanelActiveMenu:function(){return Xt},setPage:function(){return Yt},setTemplate:function(){return Ht},setTemplatePart:function(){return Wt},switchEditorMode:function(){return ln},toggleFeature:function(){return Ft},updateSettings:function(){return Jt}});var l={};n.r(l),n.d(l,{setCanvasMode:function(){return on}});var o={};n.r(o),n.d(o,{__experimentalGetInsertionPoint:function(){return Cn},__experimentalGetPreviewDeviceType:function(){return gn},__unstableGetPreference:function(){return _n},getCanUserCreateMedia:function(){return vn},getCurrentTemplateNavigationPanelSubMenu:function(){return Pn},getCurrentTemplateTemplateParts:function(){return Mn},getEditedPostContext:function(){return Sn},getEditedPostId:function(){return wn},getEditedPostType:function(){return bn},getEditorMode:function(){return In},getHomeTemplateId:function(){return En},getNavigationPanelActiveMenu:function(){return Bn},getPage:function(){return xn},getReusableBlocks:function(){return fn},getSettings:function(){return yn},isFeatureActive:function(){return hn},isInserterOpened:function(){return kn},isListViewOpened:function(){return Tn},isNavigationOpened:function(){return zn},isSaveViewOpened:function(){return Nn}});var i={};n.r(i),n.d(i,{getCanvasMode:function(){return Vn}});var s=window.wp.element,c=window.wp.blocks,u=window.wp.blockLibrary,m=window.wp.data,d=window.wp.deprecated,p=n.n(d),_=window.wp.coreData,h=window.wp.editor;function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t&lt;arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&amp;&amp;(e[a]=n[a])}return e},g.apply(null,arguments)}var v=n(7153),f=n.n(v),y=window.wp.components,E=window.wp.i18n,b=window.wp.primitives;var w=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z&quot;}));var S=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z&quot;}));var x=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{fillRule:&quot;evenodd&quot;,d:&quot;M9.706 8.646a.25.25 0 01-.188.137l-4.626.672a.25.25 0 00-.139.427l3.348 3.262a.25.25 0 01.072.222l-.79 4.607a.25.25 0 00.362.264l4.138-2.176a.25.25 0 01.233 0l4.137 2.175a.25.25 0 00.363-.263l-.79-4.607a.25.25 0 01.072-.222l3.347-3.262a.25.25 0 00-.139-.427l-4.626-.672a.25.25 0 01-.188-.137l-2.069-4.192a.25.25 0 00-.448 0L9.706 8.646zM12 7.39l-.948 1.921a1.75 1.75 0 01-1.317.957l-2.12.308 1.534 1.495c.412.402.6.982.503 1.55l-.362 2.11 1.896-.997a1.75 1.75 0 011.629 0l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39z&quot;,clipRule:&quot;evenodd&quot;})),k=window.wp.viewport;var C=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z&quot;})),T=window.wp.preferences;const N=(e,t)=&gt;({type:&quot;SET_DEFAULT_COMPLEMENTARY_AREA&quot;,scope:e,area:t}),M=(e,t)=&gt;n=&gt;{let{registry:a,dispatch:r}=n;if(!t)return;a.select(T.store).get(e,&quot;isComplementaryAreaVisible&quot;)||a.dispatch(T.store).set(e,&quot;isComplementaryAreaVisible&quot;,!0),r({type:&quot;ENABLE_COMPLEMENTARY_AREA&quot;,scope:e,area:t})},I=e=&gt;t=&gt;{let{registry:n}=t;n.select(T.store).get(e,&quot;isComplementaryAreaVisible&quot;)&amp;&amp;n.dispatch(T.store).set(e,&quot;isComplementaryAreaVisible&quot;,!1)},P=(e,t)=&gt;n=&gt;{let{registry:a}=n;if(!t)return;const r=a.select(T.store).get(e,&quot;pinnedItems&quot;);!0!==(null==r?void 0:r[t])&amp;&amp;a.dispatch(T.store).set(e,&quot;pinnedItems&quot;,{...r,[t]:!0})},B=(e,t)=&gt;n=&gt;{let{registry:a}=n;if(!t)return;const r=a.select(T.store).get(e,&quot;pinnedItems&quot;);a.dispatch(T.store).set(e,&quot;pinnedItems&quot;,{...r,[t]:!1})};function z(e,t){return function(n){let{registry:a}=n;p()(&quot;dispatch( 'core/interface' ).toggleFeature&quot;,{since:&quot;6.0&quot;,alternative:&quot;dispatch( 'core/preferences' ).toggle&quot;}),a.dispatch(T.store).toggle(e,t)}}function V(e,t,n){return function(a){let{registry:r}=a;p()(&quot;dispatch( 'core/interface' ).setFeatureValue&quot;,{since:&quot;6.0&quot;,alternative:&quot;dispatch( 'core/preferences' ).set&quot;}),r.dispatch(T.store).set(e,t,!!n)}}function R(e,t){return function(n){let{registry:a}=n;p()(&quot;dispatch( 'core/interface' ).setFeatureDefaults&quot;,{since:&quot;6.0&quot;,alternative:&quot;dispatch( 'core/preferences' ).setDefaults&quot;}),a.dispatch(T.store).setDefaults(e,t)}}const A=(0,m.createRegistrySelector)((e=&gt;(t,n)=&gt;{var a;const r=e(T.store).get(n,&quot;isComplementaryAreaVisible&quot;);if(void 0!==r)return r?null==t||null===(a=t.complementaryAreas)||void 0===a?void 0:a[n]:null})),L=(0,m.createRegistrySelector)((e=&gt;(t,n,a)=&gt;{var r;const l=e(T.store).get(n,&quot;pinnedItems&quot;);return null===(r=null==l?void 0:l[a])||void 0===r||r})),D=(0,m.createRegistrySelector)((e=&gt;(t,n,a)=&gt;(p()(&quot;select( 'core/interface' ).isFeatureActive( scope, featureName )&quot;,{since:&quot;6.0&quot;,alternative:&quot;select( 'core/preferences' ).get( scope, featureName )&quot;}),!!e(T.store).get(n,a))));var O=(0,m.combineReducers)({complementaryAreas:function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{},t=arguments.length&gt;1?arguments[1]:void 0;switch(t.type){case&quot;SET_DEFAULT_COMPLEMENTARY_AREA&quot;:{const{scope:n,area:a}=t;return e[n]?e:{...e,[n]:a}}case&quot;ENABLE_COMPLEMENTARY_AREA&quot;:{const{scope:n,area:a}=t;return{...e,[n]:a}}}return e}});const F=(0,m.createReduxStore)(&quot;core/interface&quot;,{reducer:O,actions:e,selectors:t});(0,m.register)(F);var G=window.wp.plugins,H=(0,G.withPluginContext)(((e,t)=&gt;({icon:t.icon||e.icon,identifier:t.identifier||`${e.name}/${t.name}`})));var $=H((function(e){let{as:t=y.Button,scope:n,identifier:a,icon:r,selectedIcon:l,name:o,...i}=e;const c=t,u=(0,m.useSelect)((e=&gt;e(F).getActiveComplementaryArea(n)===a),[a]),{enableComplementaryArea:d,disableComplementaryArea:p}=(0,m.useDispatch)(F);return(0,s.createElement)(c,g({icon:l&amp;&amp;u?l:r,onClick:()=&gt;{u?p(n):d(n,a)}},i))}));var U=e=&gt;{let{smallScreenTitle:t,children:n,className:a,toggleButtonProps:r}=e;const l=(0,s.createElement)($,g({icon:C},r));return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;div&quot;,{className:&quot;components-panel__header interface-complementary-area-header__small&quot;},t&amp;&amp;(0,s.createElement)(&quot;span&quot;,{className:&quot;interface-complementary-area-header__small-title&quot;},t),l),(0,s.createElement)(&quot;div&quot;,{className:f()(&quot;components-panel__header&quot;,&quot;interface-complementary-area-header&quot;,a),tabIndex:-1},n,l))};const W=()=&gt;{};function j(e){let{name:t,as:n=y.Button,onClick:a,...r}=e;return(0,s.createElement)(y.Fill,{name:t},(e=&gt;{let{onClick:t}=e;return(0,s.createElement)(n,g({onClick:a||t?function(){(a||W)(...arguments),(t||W)(...arguments)}:void 0},r))}))}j.Slot=function(e){let{name:t,as:n=y.ButtonGroup,fillProps:a={},bubblesVirtually:r,...l}=e;return(0,s.createElement)(y.Slot,{name:t,bubblesVirtually:r,fillProps:a},(e=&gt;{if(!s.Children.toArray(e).length)return null;const t=[];s.Children.forEach(e,(e=&gt;{let{props:{__unstableExplicitMenuItem:n,__unstableTarget:a}}=e;a&amp;&amp;n&amp;&amp;t.push(a)}));const a=s.Children.map(e,(e=&gt;!e.props.__unstableExplicitMenuItem&amp;&amp;t.includes(e.props.__unstableTarget)?null:e));return(0,s.createElement)(n,l,a)}))};var q=j;const Y=e=&gt;{let{__unstableExplicitMenuItem:t,__unstableTarget:n,...a}=e;return(0,s.createElement)(y.MenuItem,a)};function X(e){let{scope:t,target:n,__unstableExplicitMenuItem:a,...r}=e;return(0,s.createElement)($,g({as:e=&gt;(0,s.createElement)(q,g({__unstableExplicitMenuItem:a,__unstableTarget:`${t}/${n}`,as:Y,name:`${t}/plugin-more-menu`},e)),role:&quot;menuitemcheckbox&quot;,selectedIcon:w,name:n,scope:t},r))}function Z(e){let{scope:t,...n}=e;return(0,s.createElement)(y.Fill,g({name:`PinnedItems/${t}`},n))}Z.Slot=function(e){let{scope:t,className:n,...a}=e;return(0,s.createElement)(y.Slot,g({name:`PinnedItems/${t}`},a),(e=&gt;(null==e?void 0:e.length)&gt;0&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:f()(n,&quot;interface-pinned-items&quot;)},e)))};var K=Z;function Q(e){let{scope:t,children:n,className:a}=e;return(0,s.createElement)(y.Fill,{name:`ComplementaryArea/${t}`},(0,s.createElement)(&quot;div&quot;,{className:a},n))}const J=H((function(e){let{children:t,className:n,closeLabel:a=(0,E.__)(&quot;Close plugin&quot;),identifier:r,header:l,headerClassName:o,icon:i,isPinnable:c=!0,panelClassName:u,scope:d,name:p,smallScreenTitle:_,title:h,toggleShortcut:g,isActiveByDefault:v,showIconLabels:b=!1}=e;const{isActive:C,isPinned:T,activeArea:N,isSmall:M,isLarge:I}=(0,m.useSelect)((e=&gt;{const{getActiveComplementaryArea:t,isItemPinned:n}=e(F),a=t(d);return{isActive:a===r,isPinned:n(d,r),activeArea:a,isSmall:e(k.store).isViewportMatch(&quot;&lt; medium&quot;),isLarge:e(k.store).isViewportMatch(&quot;large&quot;)}}),[r,d]);!function(e,t,n,a,r){const l=(0,s.useRef)(!1),o=(0,s.useRef)(!1),{enableComplementaryArea:i,disableComplementaryArea:c}=(0,m.useDispatch)(F);(0,s.useEffect)((()=&gt;{a&amp;&amp;r&amp;&amp;!l.current?(c(e),o.current=!0):o.current&amp;&amp;!r&amp;&amp;l.current?(o.current=!1,i(e,t)):o.current&amp;&amp;n&amp;&amp;n!==t&amp;&amp;(o.current=!1),r!==l.current&amp;&amp;(l.current=r)}),[a,r,e,t,n])}(d,r,N,C,M);const{enableComplementaryArea:P,disableComplementaryArea:B,pinItem:z,unpinItem:V}=(0,m.useDispatch)(F);return(0,s.useEffect)((()=&gt;{v&amp;&amp;void 0===N&amp;&amp;!M&amp;&amp;P(d,r)}),[N,v,d,r,M]),(0,s.createElement)(s.Fragment,null,c&amp;&amp;(0,s.createElement)(K,{scope:d},T&amp;&amp;(0,s.createElement)($,{scope:d,identifier:r,isPressed:C&amp;&amp;(!b||I),&quot;aria-expanded&quot;:C,label:h,icon:b?w:i,showTooltip:!b,variant:b?&quot;tertiary&quot;:void 0})),p&amp;&amp;c&amp;&amp;(0,s.createElement)(X,{target:p,scope:d,icon:i},h),C&amp;&amp;(0,s.createElement)(Q,{className:f()(&quot;interface-complementary-area&quot;,n),scope:d},(0,s.createElement)(U,{className:o,closeLabel:a,onClose:()=&gt;B(d),smallScreenTitle:_,toggleButtonProps:{label:a,shortcut:g,scope:d,identifier:r}},l||(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;strong&quot;,null,h),c&amp;&amp;(0,s.createElement)(y.Button,{className:&quot;interface-complementary-area__pin-unpin-item&quot;,icon:T?S:x,label:T?(0,E.__)(&quot;Unpin from toolbar&quot;):(0,E.__)(&quot;Pin to toolbar&quot;),onClick:()=&gt;(T?V:z)(d,r),isPressed:T,&quot;aria-expanded&quot;:T}))),(0,s.createElement)(y.Panel,{className:u},t)))}));J.Slot=function(e){let{scope:t,...n}=e;return(0,s.createElement)(y.Slot,g({name:`ComplementaryArea/${t}`},n))};var ee=J,te=window.wp.compose;function ne(e){let{children:t,className:n,ariaLabel:a,as:r=&quot;div&quot;,...l}=e;return(0,s.createElement)(r,g({className:f()(&quot;interface-navigable-region&quot;,n),&quot;aria-label&quot;:a,role:&quot;region&quot;,tabIndex:&quot;-1&quot;},l),t)}var ae=(0,s.forwardRef)((function(e,t){let{isDistractionFree:n,footer:a,header:r,editorNotices:l,sidebar:o,secondarySidebar:i,notices:c,content:u,actions:m,labels:d,className:p,enableRegionNavigation:_=!0,shortcuts:h}=e;const v=(0,y.__unstableUseNavigateRegions)(h);!function(e){(0,s.useEffect)((()=&gt;{const t=document&amp;&amp;document.querySelector(`html:not(.${e})`);if(t)return t.classList.toggle(e),()=&gt;{t.classList.toggle(e)}}),[e])}(&quot;interface-interface-skeleton__html-container&quot;);const b={...{header:(0,E.__)(&quot;Header&quot;),body:(0,E.__)(&quot;Content&quot;),secondarySidebar:(0,E.__)(&quot;Block Library&quot;),sidebar:(0,E.__)(&quot;Settings&quot;),actions:(0,E.__)(&quot;Publish&quot;),footer:(0,E.__)(&quot;Footer&quot;)},...d},w={hidden:n?{opacity:0}:{opacity:1},hover:{opacity:1,transition:{type:&quot;tween&quot;,delay:.2,delayChildren:.2}}};return(0,s.createElement)(&quot;div&quot;,g({},_?v:{},{ref:(0,te.useMergeRefs)([t,_?v.ref:void 0]),className:f()(p,&quot;interface-interface-skeleton&quot;,v.className,!!a&amp;&amp;&quot;has-footer&quot;)}),(0,s.createElement)(&quot;div&quot;,{className:&quot;interface-interface-skeleton__editor&quot;},!!r&amp;&amp;n&amp;&amp;(0,s.createElement)(ne,{as:y.__unstableMotion.div,className:&quot;interface-interface-skeleton__header&quot;,&quot;aria-label&quot;:b.header,initial:n?&quot;hidden&quot;:&quot;hover&quot;,whileHover:&quot;hover&quot;,variants:w,transition:{type:&quot;tween&quot;,delay:.8}},r),!!r&amp;&amp;!n&amp;&amp;(0,s.createElement)(ne,{className:&quot;interface-interface-skeleton__header&quot;,ariaLabel:b.header},r),n&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:&quot;interface-interface-skeleton__header&quot;},l),(0,s.createElement)(&quot;div&quot;,{className:&quot;interface-interface-skeleton__body&quot;},!!i&amp;&amp;(0,s.createElement)(ne,{className:&quot;interface-interface-skeleton__secondary-sidebar&quot;,ariaLabel:b.secondarySidebar},i),!!c&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:&quot;interface-interface-skeleton__notices&quot;},c),(0,s.createElement)(ne,{className:&quot;interface-interface-skeleton__content&quot;,ariaLabel:b.body},u),!!o&amp;&amp;(0,s.createElement)(ne,{className:&quot;interface-interface-skeleton__sidebar&quot;,ariaLabel:b.sidebar},o),!!m&amp;&amp;(0,s.createElement)(ne,{className:&quot;interface-interface-skeleton__actions&quot;,ariaLabel:b.actions},m))),!!a&amp;&amp;(0,s.createElement)(ne,{className:&quot;interface-interface-skeleton__footer&quot;,ariaLabel:b.footer},a))}));var re=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z&quot;}));function le(e){let{as:t=y.DropdownMenu,className:n,label:a=(0,E.__)(&quot;Options&quot;),popoverProps:r,toggleProps:l,children:o}=e;return(0,s.createElement)(t,{className:f()(&quot;interface-more-menu-dropdown&quot;,n),icon:re,label:a,popoverProps:{placement:&quot;bottom-end&quot;,...r,className:f()(&quot;interface-more-menu-dropdown__content&quot;,null==r?void 0:r.className)},toggleProps:{tooltipPosition:&quot;bottom&quot;,...l}},(e=&gt;o(e)))}function oe(e){let{closeModal:t,children:n}=e;return(0,s.createElement)(y.Modal,{className:&quot;interface-preferences-modal&quot;,title:(0,E.__)(&quot;Preferences&quot;),onRequestClose:t},n)}var ie=function(e){let{icon:t,size:n=24,...a}=e;return(0,s.cloneElement)(t,{width:n,height:n,...a})};var se=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z&quot;}));var ce=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z&quot;}));const ue=&quot;preferences-menu&quot;;function me(e){let{sections:t}=e;const n=(0,te.useViewportMatch)(&quot;medium&quot;),[a,r]=(0,s.useState)(ue),{tabs:l,sectionsContentMap:o}=(0,s.useMemo)((()=&gt;{let e={tabs:[],sectionsContentMap:{}};return t.length&amp;&amp;(e=t.reduce(((e,t)=&gt;{let{name:n,tabLabel:a,content:r}=t;return e.tabs.push({name:n,title:a}),e.sectionsContentMap[n]=r,e}),{tabs:[],sectionsContentMap:{}})),e}),[t]),i=(0,s.useCallback)((e=&gt;o[e.name]||null),[o]);let c;return c=n?(0,s.createElement)(y.TabPanel,{className:&quot;interface-preferences__tabs&quot;,tabs:l,initialTabName:a!==ue?a:void 0,onSelect:r,orientation:&quot;vertical&quot;},i):(0,s.createElement)(y.__experimentalNavigatorProvider,{initialPath:&quot;/&quot;,className:&quot;interface-preferences__provider&quot;},(0,s.createElement)(y.__experimentalNavigatorScreen,{path:&quot;/&quot;},(0,s.createElement)(y.Card,{isBorderless:!0,size:&quot;small&quot;},(0,s.createElement)(y.CardBody,null,(0,s.createElement)(y.__experimentalItemGroup,null,l.map((e=&gt;(0,s.createElement)(y.__experimentalNavigatorButton,{key:e.name,path:e.name,as:y.__experimentalItem,isAction:!0},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;space-between&quot;},(0,s.createElement)(y.FlexItem,null,(0,s.createElement)(y.__experimentalTruncate,null,e.title)),(0,s.createElement)(y.FlexItem,null,(0,s.createElement)(ie,{icon:(0,E.isRTL)()?se:ce})))))))))),t.length&amp;&amp;t.map((e=&gt;(0,s.createElement)(y.__experimentalNavigatorScreen,{key:`${e.name}-menu`,path:e.name},(0,s.createElement)(y.Card,{isBorderless:!0,size:&quot;large&quot;},(0,s.createElement)(y.CardHeader,{isBorderless:!1,justify:&quot;left&quot;,size:&quot;small&quot;,gap:&quot;6&quot;},(0,s.createElement)(y.__experimentalNavigatorBackButton,{icon:(0,E.isRTL)()?ce:se,&quot;aria-label&quot;:(0,E.__)(&quot;Navigate to the previous view&quot;)}),(0,s.createElement)(y.__experimentalText,{size:&quot;16&quot;},e.tabLabel)),(0,s.createElement)(y.CardBody,null,e.content)))))),c}var de=e=&gt;{let{description:t,title:n,children:a}=e;return(0,s.createElement)(&quot;fieldset&quot;,{className:&quot;interface-preferences-modal__section&quot;},(0,s.createElement)(&quot;legend&quot;,{className:&quot;interface-preferences-modal__section-legend&quot;},(0,s.createElement)(&quot;h2&quot;,{className:&quot;interface-preferences-modal__section-title&quot;},n),t&amp;&amp;(0,s.createElement)(&quot;p&quot;,{className:&quot;interface-preferences-modal__section-description&quot;},t)),a)};var pe=function(e){let{help:t,label:n,isChecked:a,onChange:r,children:l}=e;return(0,s.createElement)(&quot;div&quot;,{className:&quot;interface-preferences-modal__option&quot;},(0,s.createElement)(y.ToggleControl,{__nextHasNoMarginBottom:!0,help:t,label:n,checked:a,onChange:r}),l)},_e=window.wp.widgets,he=window.wp.hooks,ge=window.wp.mediaUtils;(0,he.addFilter)(&quot;editor.MediaUpload&quot;,&quot;core/edit-site/components/media-upload&quot;,(()=&gt;ge.MediaUpload));var ve=window.lodash,fe=window.wp.blockEditor,ye=window.wp.notices,Ee={grad:.9,turn:360,rad:360/(2*Math.PI)},be=function(e){return&quot;string&quot;==typeof e?e.length&gt;0:&quot;number&quot;==typeof e},we=function(e,t,n){return void 0===t&amp;&amp;(t=0),void 0===n&amp;&amp;(n=Math.pow(10,t)),Math.round(n*e)/n+0},Se=function(e,t,n){return void 0===t&amp;&amp;(t=0),void 0===n&amp;&amp;(n=1),e&gt;n?n:e&gt;t?e:t},xe=function(e){return(e=isFinite(e)?e%360:0)&gt;0?e:e+360},ke=function(e){return{r:Se(e.r,0,255),g:Se(e.g,0,255),b:Se(e.b,0,255),a:Se(e.a)}},Ce=function(e){return{r:we(e.r),g:we(e.g),b:we(e.b),a:we(e.a,3)}},Te=/^#([0-9a-f]{3,8})$/i,Ne=function(e){var t=e.toString(16);return t.length&lt;2?&quot;0&quot;+t:t},Me=function(e){var t=e.r,n=e.g,a=e.b,r=e.a,l=Math.max(t,n,a),o=l-Math.min(t,n,a),i=o?l===t?(n-a)/o:l===n?2+(a-t)/o:4+(t-n)/o:0;return{h:60*(i&lt;0?i+6:i),s:l?o/l*100:0,v:l/255*100,a:r}},Ie=function(e){var t=e.h,n=e.s,a=e.v,r=e.a;t=t/360*6,n/=100,a/=100;var l=Math.floor(t),o=a*(1-n),i=a*(1-(t-l)*n),s=a*(1-(1-t+l)*n),c=l%6;return{r:255*[a,i,o,o,s,a][c],g:255*[s,a,a,i,o,o][c],b:255*[o,o,s,a,a,i][c],a:r}},Pe=function(e){return{h:xe(e.h),s:Se(e.s,0,100),l:Se(e.l,0,100),a:Se(e.a)}},Be=function(e){return{h:we(e.h),s:we(e.s),l:we(e.l),a:we(e.a,3)}},ze=function(e){return Ie((n=(t=e).s,{h:t.h,s:(n*=((a=t.l)&lt;50?a:100-a)/100)&gt;0?2*n/(a+n)*100:0,v:a+n,a:t.a}));var t,n,a},Ve=function(e){return{h:(t=Me(e)).h,s:(r=(200-(n=t.s))*(a=t.v)/100)&gt;0&amp;&amp;r&lt;200?n*a/100/(r&lt;=100?r:200-r)*100:0,l:r/2,a:t.a};var t,n,a,r},Re=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ae=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Le=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,De=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Oe={string:[[function(e){var t=Te.exec(e);return t?(e=t[1]).length&lt;=4?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?we(parseInt(e[3]+e[3],16)/255,2):1}:6===e.length||8===e.length?{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:8===e.length?we(parseInt(e.substr(6,2),16)/255,2):1}:null:null},&quot;hex&quot;],[function(e){var t=Le.exec(e)||De.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:ke({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},&quot;rgb&quot;],[function(e){var t=Re.exec(e)||Ae.exec(e);if(!t)return null;var n,a,r=Pe({h:(n=t[1],a=t[2],void 0===a&amp;&amp;(a=&quot;deg&quot;),Number(n)*(Ee[a]||1)),s:Number(t[3]),l:Number(t[4]),a:void 0===t[5]?1:Number(t[5])/(t[6]?100:1)});return ze(r)},&quot;hsl&quot;]],object:[[function(e){var t=e.r,n=e.g,a=e.b,r=e.a,l=void 0===r?1:r;return be(t)&amp;&amp;be(n)&amp;&amp;be(a)?ke({r:Number(t),g:Number(n),b:Number(a),a:Number(l)}):null},&quot;rgb&quot;],[function(e){var t=e.h,n=e.s,a=e.l,r=e.a,l=void 0===r?1:r;if(!be(t)||!be(n)||!be(a))return null;var o=Pe({h:Number(t),s:Number(n),l:Number(a),a:Number(l)});return ze(o)},&quot;hsl&quot;],[function(e){var t=e.h,n=e.s,a=e.v,r=e.a,l=void 0===r?1:r;if(!be(t)||!be(n)||!be(a))return null;var o=function(e){return{h:xe(e.h),s:Se(e.s,0,100),v:Se(e.v,0,100),a:Se(e.a)}}({h:Number(t),s:Number(n),v:Number(a),a:Number(l)});return Ie(o)},&quot;hsv&quot;]]},Fe=function(e,t){for(var n=0;n&lt;t.length;n++){var a=t[n][0](e);if(a)return[a,t[n][1]]}return[null,void 0]},Ge=function(e){return&quot;string&quot;==typeof e?Fe(e.trim(),Oe.string):&quot;object&quot;==typeof e&amp;&amp;null!==e?Fe(e,Oe.object):[null,void 0]},He=function(e,t){var n=Ve(e);return{h:n.h,s:Se(n.s+100*t,0,100),l:n.l,a:n.a}},$e=function(e){return(299*e.r+587*e.g+114*e.b)/1e3/255},Ue=function(e,t){var n=Ve(e);return{h:n.h,s:n.s,l:Se(n.l+100*t,0,100),a:n.a}},We=function(){function e(e){this.parsed=Ge(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return e.prototype.isValid=function(){return null!==this.parsed},e.prototype.brightness=function(){return we($e(this.rgba),2)},e.prototype.isDark=function(){return $e(this.rgba)&lt;.5},e.prototype.isLight=function(){return $e(this.rgba)&gt;=.5},e.prototype.toHex=function(){return t=(e=Ce(this.rgba)).r,n=e.g,a=e.b,l=(r=e.a)&lt;1?Ne(we(255*r)):&quot;&quot;,&quot;#&quot;+Ne(t)+Ne(n)+Ne(a)+l;var e,t,n,a,r,l},e.prototype.toRgb=function(){return Ce(this.rgba)},e.prototype.toRgbString=function(){return t=(e=Ce(this.rgba)).r,n=e.g,a=e.b,(r=e.a)&lt;1?&quot;rgba(&quot;+t+&quot;, &quot;+n+&quot;, &quot;+a+&quot;, &quot;+r+&quot;)&quot;:&quot;rgb(&quot;+t+&quot;, &quot;+n+&quot;, &quot;+a+&quot;)&quot;;var e,t,n,a,r},e.prototype.toHsl=function(){return Be(Ve(this.rgba))},e.prototype.toHslString=function(){return t=(e=Be(Ve(this.rgba))).h,n=e.s,a=e.l,(r=e.a)&lt;1?&quot;hsla(&quot;+t+&quot;, &quot;+n+&quot;%, &quot;+a+&quot;%, &quot;+r+&quot;)&quot;:&quot;hsl(&quot;+t+&quot;, &quot;+n+&quot;%, &quot;+a+&quot;%)&quot;;var e,t,n,a,r},e.prototype.toHsv=function(){return e=Me(this.rgba),{h:we(e.h),s:we(e.s),v:we(e.v),a:we(e.a,3)};var e},e.prototype.invert=function(){return je({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},e.prototype.saturate=function(e){return void 0===e&amp;&amp;(e=.1),je(He(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&amp;&amp;(e=.1),je(He(this.rgba,-e))},e.prototype.grayscale=function(){return je(He(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&amp;&amp;(e=.1),je(Ue(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&amp;&amp;(e=.1),je(Ue(this.rgba,-e))},e.prototype.rotate=function(e){return void 0===e&amp;&amp;(e=15),this.hue(this.hue()+e)},e.prototype.alpha=function(e){return&quot;number&quot;==typeof e?je({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):we(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=Ve(this.rgba);return&quot;number&quot;==typeof e?je({h:e,s:t.s,l:t.l,a:t.a}):we(t.h)},e.prototype.isEqual=function(e){return this.toHex()===je(e).toHex()},e}(),je=function(e){return e instanceof We?e:new We(e)},qe=[],Ye=function(e){var t=e/255;return t&lt;.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)},Xe=function(e){return.2126*Ye(e.r)+.7152*Ye(e.g)+.0722*Ye(e.b)};var Ze=window.wp.privateApis;const{lock:Ke,unlock:Qe}=(0,Ze.__dangerousOptInToUnstableAPIsOnlyForCoreModules)(&quot;I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.&quot;,&quot;@wordpress/edit-site&quot;),{useGlobalSetting:Je}=Qe(fe.privateApis);!function(e){e.forEach((function(e){qe.indexOf(e)&lt;0&amp;&amp;(e(We,Oe),qe.push(e))}))}([function(e){e.prototype.luminance=function(){return e=Xe(this.rgba),void 0===(t=2)&amp;&amp;(t=0),void 0===n&amp;&amp;(n=Math.pow(10,t)),Math.round(n*e)/n+0;var e,t,n},e.prototype.contrast=function(t){void 0===t&amp;&amp;(t=&quot;#FFF&quot;);var n,a,r,l,o,i,s,c=t instanceof e?t:new e(t);return l=this.rgba,o=c.toRgb(),n=(i=Xe(l))&gt;(s=Xe(o))?(i+.05)/(s+.05):(s+.05)/(i+.05),void 0===(a=2)&amp;&amp;(a=0),void 0===r&amp;&amp;(r=Math.pow(10,a)),Math.floor(r*n)/r+0},e.prototype.isReadable=function(e,t){return void 0===e&amp;&amp;(e=&quot;#FFF&quot;),void 0===t&amp;&amp;(t={}),this.contrast(e)&gt;=(o=void 0===(l=(n=t).size)?&quot;normal&quot;:l,&quot;AAA&quot;===(r=void 0===(a=n.level)?&quot;AA&quot;:a)&amp;&amp;&quot;normal&quot;===o?7:&quot;AA&quot;===r&amp;&amp;&quot;large&quot;===o?3:4.5);var n,a,r,l,o}}]);const et=[&quot;background&quot;,&quot;backgroundColor&quot;,&quot;color&quot;,&quot;linkColor&quot;,&quot;buttonColor&quot;,&quot;fontFamily&quot;,&quot;fontSize&quot;,&quot;fontStyle&quot;,&quot;fontWeight&quot;,&quot;lineHeight&quot;,&quot;textDecoration&quot;,&quot;padding&quot;,&quot;contentSize&quot;,&quot;wideSize&quot;,&quot;blockGap&quot;];function tt(e){var t,n,a,r,l,o,i,s,u;if(!e)return et;const m=(0,c.getBlockType)(e);if(!m)return[];const d=[];return null==m||null===(t=m.supports)||void 0===t||null===(n=t.spacing)||void 0===n||!n.blockGap||!0===(null==m||null===(a=m.supports)||void 0===a||null===(r=a.spacing)||void 0===r?void 0:r.__experimentalSkipSerialization)||null!=m&amp;&amp;null!==(l=m.supports)&amp;&amp;void 0!==l&amp;&amp;null!==(o=l.spacing)&amp;&amp;void 0!==o&amp;&amp;null!==(i=o.__experimentalSkipSerialization)&amp;&amp;void 0!==i&amp;&amp;null!==(s=i.some)&amp;&amp;void 0!==s&amp;&amp;s.call(i,(e=&gt;&quot;blockGap&quot;===e))||d.push(&quot;blockGap&quot;),null!=m&amp;&amp;null!==(u=m.supports)&amp;&amp;void 0!==u&amp;&amp;u.shadow&amp;&amp;d.push(&quot;shadow&quot;),Object.keys(c.__EXPERIMENTAL_STYLE_PROPERTY).forEach((e=&gt;{if(c.__EXPERIMENTAL_STYLE_PROPERTY[e].support)return c.__EXPERIMENTAL_STYLE_PROPERTY[e].requiresOptOut&amp;&amp;c.__EXPERIMENTAL_STYLE_PROPERTY[e].support[0]in m.supports&amp;&amp;!1!==(0,ve.get)(m.supports,c.__EXPERIMENTAL_STYLE_PROPERTY[e].support)||(0,ve.get)(m.supports,c.__EXPERIMENTAL_STYLE_PROPERTY[e].support,!1)?d.push(e):void 0})),d}function nt(e){const[t]=Je(&quot;color.palette.custom&quot;,e),[n]=Je(&quot;color.palette.theme&quot;,e),[a]=Je(&quot;color.palette.default&quot;,e),[r]=Je(&quot;color.defaultPalette&quot;);return(0,s.useMemo)((()=&gt;{const e=[];return n&amp;&amp;n.length&amp;&amp;e.push({name:(0,E._x)(&quot;Theme&quot;,&quot;Indicates this palette comes from the theme.&quot;),colors:n}),r&amp;&amp;a&amp;&amp;a.length&amp;&amp;e.push({name:(0,E._x)(&quot;Default&quot;,&quot;Indicates this palette comes from WordPress.&quot;),colors:a}),t&amp;&amp;t.length&amp;&amp;e.push({name:(0,E._x)(&quot;Custom&quot;,&quot;Indicates this palette is created by the user.&quot;),colors:t}),e}),[t,n,a])}function at(e){const[t]=Je(&quot;color.gradients.custom&quot;,e),[n]=Je(&quot;color.gradients.theme&quot;,e),[a]=Je(&quot;color.gradients.default&quot;,e),[r]=Je(&quot;color.defaultGradients&quot;);return(0,s.useMemo)((()=&gt;{const e=[];return n&amp;&amp;n.length&amp;&amp;e.push({name:(0,E._x)(&quot;Theme&quot;,&quot;Indicates this palette comes from the theme.&quot;),gradients:n}),r&amp;&amp;a&amp;&amp;a.length&amp;&amp;e.push({name:(0,E._x)(&quot;Default&quot;,&quot;Indicates this palette comes from WordPress.&quot;),gradients:a}),t&amp;&amp;t.length&amp;&amp;e.push({name:(0,E._x)(&quot;Custom&quot;,&quot;Indicates this palette is created by the user.&quot;),gradients:t}),e}),[t,n,a])}const{GlobalStylesContext:rt}=Qe(fe.privateApis),lt={&quot;color.background&quot;:&quot;color&quot;,&quot;color.text&quot;:&quot;color&quot;,&quot;elements.link.color.text&quot;:&quot;color&quot;,&quot;elements.link.:hover.color.text&quot;:&quot;color&quot;,&quot;elements.link.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.link.typography.fontSize&quot;:&quot;font-size&quot;,&quot;elements.button.color.text&quot;:&quot;color&quot;,&quot;elements.button.color.background&quot;:&quot;color&quot;,&quot;elements.button.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.button.typography.fontSize&quot;:&quot;font-size&quot;,&quot;elements.heading.color&quot;:&quot;color&quot;,&quot;elements.heading.color.background&quot;:&quot;color&quot;,&quot;elements.heading.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.heading.gradient&quot;:&quot;gradient&quot;,&quot;elements.heading.color.gradient&quot;:&quot;gradient&quot;,&quot;elements.h1.color&quot;:&quot;color&quot;,&quot;elements.h1.color.background&quot;:&quot;color&quot;,&quot;elements.h1.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.h1.color.gradient&quot;:&quot;gradient&quot;,&quot;elements.h2.color&quot;:&quot;color&quot;,&quot;elements.h2.color.background&quot;:&quot;color&quot;,&quot;elements.h2.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.h2.color.gradient&quot;:&quot;gradient&quot;,&quot;elements.h3.color&quot;:&quot;color&quot;,&quot;elements.h3.color.background&quot;:&quot;color&quot;,&quot;elements.h3.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.h3.color.gradient&quot;:&quot;gradient&quot;,&quot;elements.h4.color&quot;:&quot;color&quot;,&quot;elements.h4.color.background&quot;:&quot;color&quot;,&quot;elements.h4.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.h4.color.gradient&quot;:&quot;gradient&quot;,&quot;elements.h5.color&quot;:&quot;color&quot;,&quot;elements.h5.color.background&quot;:&quot;color&quot;,&quot;elements.h5.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.h5.color.gradient&quot;:&quot;gradient&quot;,&quot;elements.h6.color&quot;:&quot;color&quot;,&quot;elements.h6.color.background&quot;:&quot;color&quot;,&quot;elements.h6.typography.fontFamily&quot;:&quot;font-family&quot;,&quot;elements.h6.color.gradient&quot;:&quot;gradient&quot;,&quot;color.gradient&quot;:&quot;gradient&quot;,&quot;typography.fontSize&quot;:&quot;font-size&quot;,&quot;typography.fontFamily&quot;:&quot;font-family&quot;},ot={&quot;color.background&quot;:&quot;backgroundColor&quot;,&quot;color.text&quot;:&quot;textColor&quot;,&quot;color.gradient&quot;:&quot;gradient&quot;,&quot;typography.fontSize&quot;:&quot;fontSize&quot;,&quot;typography.fontFamily&quot;:&quot;fontFamily&quot;};function it(e){return e?JSON.parse(JSON.stringify(e)):{}}function st(e){let{name:t,attributes:n,setAttributes:a}=e;const r=(0,s.useMemo)((()=&gt;function(e,t){return tt(e).flatMap((e=&gt;{if(!c.__EXPERIMENTAL_STYLE_PROPERTY[e])return[];const{value:n}=c.__EXPERIMENTAL_STYLE_PROPERTY[e],a=n.join(&quot;.&quot;),r=t[ot[a]],l=r?`var:preset|${lt[a]}|${r}`:(0,ve.get)(t.style,n);return l?[{path:n,value:l}]:[]}))}(t,n)),[t,n]),{user:l,setUserConfig:o}=(0,s.useContext)(rt),{__unstableMarkNextChangeAsNotPersistent:i}=(0,m.useDispatch)(fe.store),{createSuccessNotice:u}=(0,m.useDispatch)(ye.store),d=(0,s.useCallback)((()=&gt;{if(0===r.length)return;const{style:e}=n,s=it(e),m=it(l);for(const{path:e,value:n}of r)(0,ve.set)(s,e,void 0),(0,ve.set)(m,[&quot;styles&quot;,&quot;blocks&quot;,t,...e],n);i(),a({style:s}),o((()=&gt;m),{undoIgnore:!0}),u((0,E.sprintf)((0,E.__)(&quot;%s styles applied.&quot;),(0,c.getBlockType)(t).title),{type:&quot;snackbar&quot;,actions:[{label:(0,E.__)(&quot;Undo&quot;),onClick(){i(),a({style:e}),o((()=&gt;l),{undoIgnore:!0})}}]})}),[r,n,l,t]);return(0,s.createElement)(y.BaseControl,{className:&quot;edit-site-push-changes-to-global-styles-control&quot;,help:(0,E.sprintf)((0,E.__)(&quot;Apply this block’s typography, spacing, dimensions, and color styles to all %s blocks.&quot;),(0,c.getBlockType)(t).title)},(0,s.createElement)(y.BaseControl.VisualLabel,null,(0,E.__)(&quot;Styles&quot;)),(0,s.createElement)(y.Button,{variant:&quot;primary&quot;,disabled:0===r.length,onClick:d},(0,E.__)(&quot;Apply globally&quot;)))}const ct=(0,te.createHigherOrderComponent)((e=&gt;t=&gt;(0,s.createElement)(s.Fragment,null,(0,s.createElement)(e,t),(0,s.createElement)(fe.InspectorAdvancedControls,null,(0,s.createElement)(st,t)))));var ut;(0,he.addFilter)(&quot;editor.BlockEdit&quot;,&quot;core/edit-site/push-changes-to-global-styles&quot;,ct),function(e){e.Pop=&quot;POP&quot;,e.Push=&quot;PUSH&quot;,e.Replace=&quot;REPLACE&quot;}(ut||(ut={}));var mt=function(e){return e};var dt=&quot;beforeunload&quot;,pt=&quot;popstate&quot;;function _t(e){e.preventDefault(),e.returnValue=&quot;&quot;}function ht(){var e=[];return{get length(){return e.length},push:function(t){return e.push(t),function(){e=e.filter((function(e){return e!==t}))}},call:function(t){e.forEach((function(e){return e&amp;&amp;e(t)}))}}}function gt(){return Math.random().toString(36).substr(2,8)}function vt(e){var t=e.pathname,n=void 0===t?&quot;/&quot;:t,a=e.search,r=void 0===a?&quot;&quot;:a,l=e.hash,o=void 0===l?&quot;&quot;:l;return r&amp;&amp;&quot;?&quot;!==r&amp;&amp;(n+=&quot;?&quot;===r.charAt(0)?r:&quot;?&quot;+r),o&amp;&amp;&quot;#&quot;!==o&amp;&amp;(n+=&quot;#&quot;===o.charAt(0)?o:&quot;#&quot;+o),n}function ft(e){var t={};if(e){var n=e.indexOf(&quot;#&quot;);n&gt;=0&amp;&amp;(t.hash=e.substr(n),e=e.substr(0,n));var a=e.indexOf(&quot;?&quot;);a&gt;=0&amp;&amp;(t.search=e.substr(a),e=e.substr(0,a)),e&amp;&amp;(t.pathname=e)}return t}var yt=window.wp.url;const Et=function(e){void 0===e&amp;&amp;(e={});var t=e.window,n=void 0===t?document.defaultView:t,a=n.history;function r(){var e=n.location,t=e.pathname,r=e.search,l=e.hash,o=a.state||{};return[o.idx,mt({pathname:t,search:r,hash:l,state:o.usr||null,key:o.key||&quot;default&quot;})]}var l=null;n.addEventListener(pt,(function(){if(l)m.call(l),l=null;else{var e=ut.Pop,t=r(),n=t[0],a=t[1];if(m.length){if(null!=n){var o=s-n;o&amp;&amp;(l={action:e,location:a,retry:function(){f(-1*o)}},f(o))}}else v(e)}}));var o=ut.Pop,i=r(),s=i[0],c=i[1],u=ht(),m=ht();function d(e){return&quot;string&quot;==typeof e?e:vt(e)}function p(e,t){return void 0===t&amp;&amp;(t=null),mt(g({pathname:c.pathname,hash:&quot;&quot;,search:&quot;&quot;},&quot;string&quot;==typeof e?ft(e):e,{state:t,key:gt()}))}function _(e,t){return[{usr:e.state,key:e.key,idx:t},d(e)]}function h(e,t,n){return!m.length||(m.call({action:e,location:t,retry:n}),!1)}function v(e){o=e;var t=r();s=t[0],c=t[1],u.call({action:o,location:c})}function f(e){a.go(e)}null==s&amp;&amp;(s=0,a.replaceState(g({},a.state,{idx:s}),&quot;&quot;));var y={get action(){return o},get location(){return c},createHref:d,push:function e(t,r){var l=ut.Push,o=p(t,r);if(h(l,o,(function(){e(t,r)}))){var i=_(o,s+1),c=i[0],u=i[1];try{a.pushState(c,&quot;&quot;,u)}catch(e){n.location.assign(u)}v(l)}},replace:function e(t,n){var r=ut.Replace,l=p(t,n);if(h(r,l,(function(){e(t,n)}))){var o=_(l,s),i=o[0],c=o[1];a.replaceState(i,&quot;&quot;,c),v(r)}},go:f,back:function(){f(-1)},forward:function(){f(1)},listen:function(e){return u.push(e)},block:function(e){var t=m.push(e);return 1===m.length&amp;&amp;n.addEventListener(dt,_t),function(){t(),m.length||n.removeEventListener(dt,_t)}}};return y}(),bt=Et.push,wt=Et.replace;Et.push=function(e,t){const n=(0,yt.getQueryArgs)(window.location.href),a=(0,yt.removeQueryArgs)(window.location.href,...Object.keys(n)),r=(0,yt.addQueryArgs)(a,e);return bt.call(Et,r,t)},Et.replace=function(e,t){const n=(0,yt.getQueryArgs)(window.location.href),a=(0,yt.removeQueryArgs)(window.location.href,...Object.keys(n)),r=(0,yt.addQueryArgs)(a,e);return wt.call(Et,r,t)};var St=Et;const xt=(0,s.createContext)(),kt=(0,s.createContext)();function Ct(){return(0,s.useContext)(xt)}function Tt(){return(0,s.useContext)(kt)}function Nt(e){const t=new URLSearchParams(e.search);return{...e,params:Object.fromEntries(t.entries())}}function Mt(e){let{children:t}=e;const[n,a]=(0,s.useState)((()=&gt;Nt(St.location)));return(0,s.useEffect)((()=&gt;St.listen((e=&gt;{let{location:t}=e;a(Nt(t))}))),[]),(0,s.createElement)(kt.Provider,{value:St},(0,s.createElement)(xt.Provider,{value:n},t))}function It(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{},t=arguments.length&gt;1?arguments[1]:void 0,n=arguments.length&gt;2&amp;&amp;void 0!==arguments[2]&amp;&amp;arguments[2];const a=Tt();function r(r){r.preventDefault(),n?a.replace(e,t):a.push(e,t)}const l=(0,yt.getQueryArgs)(window.location.href),o=(0,yt.removeQueryArgs)(window.location.href,...Object.keys(l)),i=(0,yt.addQueryArgs)(o,e);return{href:i,onClick:r}}function Pt(e){let{params:t={},state:n,replace:a=!1,children:r,...l}=e;const{href:o,onClick:i}=It(t,n,a);return(0,s.createElement)(&quot;a&quot;,g({href:o,onClick:i},l),r)}function Bt(e){let{attributes:t}=e;const{theme:n,slug:a}=t,{params:r}=Ct(),l=(0,m.useSelect)((e=&gt;e(_.store).getEntityRecord(&quot;postType&quot;,&quot;wp_template_part&quot;,`${n}//${a}`)),[n,a]),o=It({postId:null==l?void 0:l.id,postType:null==l?void 0:l.type},{fromTemplateId:r.postId});return l?(0,s.createElement)(fe.BlockControls,{group:&quot;other&quot;},(0,s.createElement)(y.ToolbarButton,g({},o,{onClick:e=&gt;{o.onClick(e)}}),(0,E.__)(&quot;Edit&quot;))):null}const zt=(0,te.createHigherOrderComponent)((e=&gt;t=&gt;{const{attributes:n,name:a}=t,r=&quot;core/template-part&quot;===a&amp;&amp;n.slug;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(e,t),r&amp;&amp;(0,s.createElement)(Bt,{attributes:n}))}),&quot;withEditBlockControls&quot;);(0,he.addFilter)(&quot;editor.BlockEdit&quot;,&quot;core/edit-site/template-part-edit-button&quot;,zt);var Vt=(0,m.combineReducers)({deviceType:function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:&quot;Desktop&quot;,t=arguments.length&gt;1?arguments[1]:void 0;return&quot;SET_PREVIEW_DEVICE_TYPE&quot;===t.type?t.deviceType:e},settings:function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{},t=arguments.length&gt;1?arguments[1]:void 0;return&quot;UPDATE_SETTINGS&quot;===t.type?{...e,...t.settings}:e},editedPost:function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{},t=arguments.length&gt;1?arguments[1]:void 0;switch(t.type){case&quot;SET_EDITED_POST&quot;:return{postType:t.postType,id:t.id,context:t.context};case&quot;SET_EDITED_POST_CONTEXT&quot;:return{...e,context:t.context}}return e},blockInserterPanel:function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]&amp;&amp;arguments[0],t=arguments.length&gt;1?arguments[1]:void 0;switch(t.type){case&quot;SET_IS_LIST_VIEW_OPENED&quot;:return!t.isOpen&amp;&amp;e;case&quot;SET_IS_INSERTER_OPENED&quot;:return t.value;case&quot;SET_CANVAS_MODE&quot;:return!1}return e},listViewPanel:function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]&amp;&amp;arguments[0],t=arguments.length&gt;1?arguments[1]:void 0;switch(t.type){case&quot;SET_IS_INSERTER_OPENED&quot;:return!t.value&amp;&amp;e;case&quot;SET_IS_LIST_VIEW_OPENED&quot;:return t.isOpen;case&quot;SET_CANVAS_MODE&quot;:return!1}return e},saveViewPanel:function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]&amp;&amp;arguments[0],t=arguments.length&gt;1?arguments[1]:void 0;switch(t.type){case&quot;SET_IS_SAVE_VIEW_OPENED&quot;:return t.isOpen;case&quot;SET_CANVAS_MODE&quot;:return!1}return e},canvasMode:function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:&quot;init&quot;,t=arguments.length&gt;1?arguments[1]:void 0;return&quot;SET_CANVAS_MODE&quot;===t.type?t.mode:e}}),Rt=window.wp.apiFetch,At=n.n(Rt),Lt=window.wp.a11y;const Dt=&quot;core/edit-site&quot;;function Ot(e){return!!e&amp;&amp;(&quot;custom&quot;===(null==e?void 0:e.source)&amp;&amp;(null==e?void 0:e.has_theme_file))}function Ft(e){return function(t){let{registry:n}=t;p()(&quot;select( 'core/edit-site' ).toggleFeature( featureName )&quot;,{since:&quot;6.0&quot;,alternative:&quot;select( 'core/preferences').toggle( 'core/edit-site', featureName )&quot;}),n.dispatch(T.store).toggle(&quot;core/edit-site&quot;,e)}}function Gt(e){return{type:&quot;SET_PREVIEW_DEVICE_TYPE&quot;,deviceType:e}}const Ht=(e,t)=&gt;async n=&gt;{let{dispatch:a,registry:r}=n;if(!t)try{const n=await r.resolveSelect(_.store).getEntityRecord(&quot;postType&quot;,&quot;wp_template&quot;,e);t=null==n?void 0:n.slug}catch(e){}a({type:&quot;SET_EDITED_POST&quot;,postType:&quot;wp_template&quot;,id:e,context:{templateSlug:t}})},$t=e=&gt;async t=&gt;{let{dispatch:n,registry:a}=t;const r=await a.dispatch(_.store).saveEntityRecord(&quot;postType&quot;,&quot;wp_template&quot;,e);e.content&amp;&amp;a.dispatch(_.store).editEntityRecord(&quot;postType&quot;,&quot;wp_template&quot;,r.id,{blocks:(0,c.parse)(e.content)},{undoIgnore:!0}),n({type:&quot;SET_EDITED_POST&quot;,postType:&quot;wp_template&quot;,id:r.id,context:{templateSlug:r.slug}})},Ut=e=&gt;async t=&gt;{let{registry:n}=t;try{await n.dispatch(_.store).deleteEntityRecord(&quot;postType&quot;,e.type,e.id,{force:!0});const t=n.select(_.store).getLastEntityDeleteError(&quot;postType&quot;,e.type,e.id);if(t)throw t;n.dispatch(ye.store).createSuccessNotice((0,E.sprintf)((0,E.__)('&quot;%s&quot; deleted.'),e.title.rendered),{type:&quot;snackbar&quot;})}catch(e){const t=e.message&amp;&amp;&quot;unknown_error&quot;!==e.code?e.message:(0,E.__)(&quot;An error occurred while deleting the template.&quot;);n.dispatch(ye.store).createErrorNotice(t,{type:&quot;snackbar&quot;})}};function Wt(e){return{type:&quot;SET_EDITED_POST&quot;,postType:&quot;wp_template_part&quot;,id:e}}function jt(){return p()(&quot;dispatch( 'core/edit-site' ).setHomeTemplateId&quot;,{since:&quot;6.2&quot;,version:&quot;6.4&quot;}),{type:&quot;NOTHING&quot;}}function qt(e){return{type:&quot;SET_EDITED_POST_CONTEXT&quot;,context:e}}const Yt=e=&gt;async t=&gt;{var n;let{dispatch:a,registry:r}=t;if(!e.path&amp;&amp;null!==(n=e.context)&amp;&amp;void 0!==n&amp;&amp;n.postId){const t=await r.resolveSelect(_.store).getEntityRecord(&quot;postType&quot;,e.context.postType||&quot;post&quot;,e.context.postId);e.path=(0,yt.getPathAndQueryString)(null==t?void 0:t.link)}const l=await r.resolveSelect(_.store).__experimentalGetTemplateForLink(e.path);if(l)return a({type:&quot;SET_EDITED_POST&quot;,postType:&quot;wp_template&quot;,id:l.id,context:{...e.context,templateSlug:l.slug}}),l.id};function Xt(){return p()(&quot;dispatch( 'core/edit-site' ).setNavigationPanelActiveMenu&quot;,{since:&quot;6.2&quot;,version:&quot;6.4&quot;}),{type:&quot;NOTHING&quot;}}function Zt(){return p()(&quot;dispatch( 'core/edit-site' ).openNavigationPanelToMenu&quot;,{since:&quot;6.2&quot;,version:&quot;6.4&quot;}),{type:&quot;NOTHING&quot;}}function Kt(){return p()(&quot;dispatch( 'core/edit-site' ).setIsNavigationPanelOpened&quot;,{since:&quot;6.2&quot;,version:&quot;6.4&quot;}),{type:&quot;NOTHING&quot;}}function Qt(e){return{type:&quot;SET_IS_INSERTER_OPENED&quot;,value:e}}function Jt(e){return{type:&quot;UPDATE_SETTINGS&quot;,settings:e}}function en(e){return{type:&quot;SET_IS_LIST_VIEW_OPENED&quot;,isOpen:e}}function tn(e){return{type:&quot;SET_IS_SAVE_VIEW_OPENED&quot;,isOpen:e}}const nn=function(e){let{allowUndo:t=!0}=arguments.length&gt;1&amp;&amp;void 0!==arguments[1]?arguments[1]:{};return async n=&gt;{let{registry:a}=n;if(Ot(e))try{var r;const n=a.select(_.store).getEntityConfig(&quot;postType&quot;,e.type);if(!n)return void a.dispatch(ye.store).createErrorNotice((0,E.__)(&quot;The editor has encountered an unexpected error. Please reload.&quot;),{type:&quot;snackbar&quot;});const l=(0,yt.addQueryArgs)(`${n.baseURL}/${e.id}`,{context:&quot;edit&quot;,source:&quot;theme&quot;}),o=await At()({path:l});if(!o)return void a.dispatch(ye.store).createErrorNotice((0,E.__)(&quot;The editor has encountered an unexpected error. Please reload.&quot;),{type:&quot;snackbar&quot;});const i=e=&gt;{let{blocks:t=[]}=e;return(0,c.__unstableSerializeAndClean)(t)},s=a.select(_.store).getEditedEntityRecord(&quot;postType&quot;,e.type,e.id);a.dispatch(_.store).editEntityRecord(&quot;postType&quot;,e.type,e.id,{content:i,blocks:s.blocks,source:&quot;custom&quot;},{undoIgnore:!0});const u=(0,c.parse)(null==o||null===(r=o.content)||void 0===r?void 0:r.raw);if(a.dispatch(_.store).editEntityRecord(&quot;postType&quot;,e.type,o.id,{content:i,blocks:u,source:&quot;theme&quot;}),t){const t=()=&gt;{a.dispatch(_.store).editEntityRecord(&quot;postType&quot;,e.type,s.id,{content:i,blocks:s.blocks,source:&quot;custom&quot;})};a.dispatch(ye.store).createSuccessNotice((0,E.__)(&quot;Template reverted.&quot;),{type:&quot;snackbar&quot;,actions:[{label:(0,E.__)(&quot;Undo&quot;),onClick:t}]})}else a.dispatch(ye.store).createSuccessNotice((0,E.__)(&quot;Template reverted.&quot;))}catch(e){const t=e.message&amp;&amp;&quot;unknown_error&quot;!==e.code?e.message:(0,E.__)(&quot;Template revert failed. Please reload.&quot;);a.dispatch(ye.store).createErrorNotice(t,{type:&quot;snackbar&quot;})}else a.dispatch(ye.store).createErrorNotice((0,E.__)(&quot;This template is not revertable.&quot;),{type:&quot;snackbar&quot;})}},an=e=&gt;t=&gt;{let{registry:n}=t;n.dispatch(F).enableComplementaryArea(Dt,e)},rn=()=&gt;e=&gt;{let{registry:t}=e;t.dispatch(F).disableComplementaryArea(Dt)},ln=e=&gt;t=&gt;{let{registry:n}=t;n.dispatch(&quot;core/preferences&quot;).set(&quot;core/edit-site&quot;,&quot;editorMode&quot;,e),&quot;visual&quot;!==e&amp;&amp;n.dispatch(fe.store).clearSelectedBlock(),&quot;visual&quot;===e?(0,Lt.speak)((0,E.__)(&quot;Visual editor selected&quot;),&quot;assertive&quot;):&quot;mosaic&quot;===e&amp;&amp;(0,Lt.speak)((0,E.__)(&quot;Mosaic view selected&quot;),&quot;assertive&quot;)},on=e=&gt;t=&gt;{let{registry:n,dispatch:a}=t;n.dispatch(fe.store).__unstableSetEditorMode(&quot;edit&quot;),a({type:&quot;SET_CANVAS_MODE&quot;,mode:e}),&quot;edit&quot;===e&amp;&amp;n.select(T.store).get(&quot;core/edit-site&quot;,&quot;showListViewByDefault&quot;)&amp;&amp;a.setIsListViewOpened(!0)};var sn={};function cn(e){return[e]}function un(e,t,n){var a;if(e.length!==t.length)return!1;for(a=n;a&lt;e.length;a++)if(e[a]!==t[a])return!1;return!0}var mn=n(9756);const dn=[];const pn=n.n(mn)()((function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:dn,t=arguments.length&gt;1?arguments[1]:void 0;const n=t?t.reduce(((e,t)=&gt;({...e,[t.id]:t})),{}):{},a=[],r=[...e];for(;r.length;){const{innerBlocks:e,...t}=r.shift();if(r.unshift(...e),(0,c.isTemplatePart)(t)){const{attributes:{theme:e,slug:r}}=t,l=n[`${e}//${r}`];l&amp;&amp;a.push({templatePart:l,block:t})}}return a})),_n=(0,m.createRegistrySelector)((e=&gt;(t,n)=&gt;e(T.store).get(&quot;core/edit-site&quot;,n)));function hn(e,t){return p()(&quot;select( 'core/interface' ).isFeatureActive&quot;,{since:&quot;6.0&quot;,alternative:&quot;select( 'core/preferences' ).get&quot;}),!!_n(e,t)}function gn(e){return e.deviceType}const vn=(0,m.createRegistrySelector)((e=&gt;()=&gt;e(_.store).canUser(&quot;create&quot;,&quot;media&quot;))),fn=(0,m.createRegistrySelector)((e=&gt;()=&gt;&quot;web&quot;===s.Platform.OS?e(_.store).getEntityRecords(&quot;postType&quot;,&quot;wp_block&quot;,{per_page:-1}):[])),yn=function(e,t){var n,a=t||cn;function r(e){var t,a,r,l,o,i=n,s=!0;for(t=0;t&lt;e.length;t++){if(a=e[t],!(o=a)||&quot;object&quot;!=typeof o){s=!1;break}i.has(a)?i=i.get(a):(r=new WeakMap,i.set(a,r),i=r)}return i.has(sn)||((l=function(){var e={clear:function(){e.head=null}};return e}()).isUniqueByDependants=s,i.set(sn,l)),i.get(sn)}function l(){n=new WeakMap}function o(){var t,n,l,o,i,s=arguments.length;for(o=new Array(s),l=0;l&lt;s;l++)o[l]=arguments[l];for((t=r(i=a.apply(null,o))).isUniqueByDependants||(t.lastDependants&amp;&amp;!un(i,t.lastDependants,0)&amp;&amp;t.clear(),t.lastDependants=i),n=t.head;n;){if(un(n.args,o,1))return n!==t.head&amp;&amp;(n.prev.next=n.next,n.next&amp;&amp;(n.next.prev=n.prev),n.next=t.head,n.prev=null,t.head.prev=n,t.head=n),n.val;n=n.next}return n={val:e.apply(null,o)},o[0]=null,n.args=o,t.head&amp;&amp;(t.head.prev=n,n.next=t.head),t.head=n,n.val}return o.getDependants=a,o.clear=l,l(),o}(((e,t)=&gt;{const n={...e.settings,outlineMode:!0,focusMode:!!_n(e,&quot;focusMode&quot;),hasFixedToolbar:!!_n(e,&quot;fixedToolbar&quot;),keepCaretInsideBlock:!!_n(e,&quot;keepCaretInsideBlock&quot;),showIconLabels:!!_n(e,&quot;showIconLabels&quot;),__experimentalSetIsInserterOpened:t,__experimentalReusableBlocks:fn(e),__experimentalPreferPatternsOnRoot:&quot;wp_template&quot;===bn(e)};return vn(e)?(n.mediaUpload=t=&gt;{let{onError:n,...a}=t;(0,ge.uploadMedia)({wpAllowedMimeTypes:e.settings.allowedMimeTypes,onError:e=&gt;{let{message:t}=e;return n(t)},...a})},n):n}),(e=&gt;[vn(e),e.settings,_n(e,&quot;focusMode&quot;),_n(e,&quot;fixedToolbar&quot;),_n(e,&quot;keepCaretInsideBlock&quot;),_n(e,&quot;showIconLabels&quot;),fn(e),bn(e)]));function En(){p()(&quot;select( 'core/edit-site' ).getHomeTemplateId&quot;,{since:&quot;6.2&quot;,version:&quot;6.4&quot;})}function bn(e){return e.editedPost.postType}function wn(e){return e.editedPost.id}function Sn(e){return e.editedPost.context}function xn(e){return{context:e.editedPost.context}}function kn(e){return!!e.blockInserterPanel}function Cn(e){const{rootClientId:t,insertionIndex:n,filterValue:a}=e.blockInserterPanel;return{rootClientId:t,insertionIndex:n,filterValue:a}}function Tn(e){return e.listViewPanel}function Nn(e){return e.saveViewPanel}const Mn=(0,m.createRegistrySelector)((e=&gt;t=&gt;{const n=bn(t),a=wn(t),r=e(_.store).getEditedEntityRecord(&quot;postType&quot;,n,a),l=e(_.store).getEntityRecords(&quot;postType&quot;,&quot;wp_template_part&quot;,{per_page:-1});return pn(r.blocks,l)}));function In(e){return _n(e,&quot;editorMode&quot;)}function Pn(){p()(&quot;dispatch( 'core/edit-site' ).getCurrentTemplateNavigationPanelSubMenu&quot;,{since:&quot;6.2&quot;,version:&quot;6.4&quot;})}function Bn(){p()(&quot;dispatch( 'core/edit-site' ).getNavigationPanelActiveMenu&quot;,{since:&quot;6.2&quot;,version:&quot;6.4&quot;})}function zn(){p()(&quot;dispatch( 'core/edit-site' ).isNavigationOpened&quot;,{since:&quot;6.2&quot;,version:&quot;6.4&quot;})}function Vn(e){return e.canvasMode}const Rn={reducer:Vt,actions:r,selectors:o},An=(0,m.createReduxStore)(Dt,Rn);(0,m.register)(An),Qe(An).registerPrivateSelectors(i),Qe(An).registerPrivateActions(l);var Ln=window.wp.keyboardShortcuts;(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14.5c-3.6 0-6.5-2.9-6.5-6.5S8.4 5.5 12 5.5s6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5zM9 16l4.5-3L15 8.4l-4.5 3L9 16z&quot;}));var Dn=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z&quot;}));var On=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-17.6 1L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z&quot;}));function Fn(e){return(0,s.createElement)(y.Button,g({},e,{className:f()(&quot;edit-site-sidebar-button&quot;,e.className)}))}function Gn(e){let{isRoot:t,title:n,actions:a,content:r,description:l}=e;const{dashboardLink:o}=(0,m.useSelect)((e=&gt;{const{getSettings:t}=Qe(e(An));return{dashboardLink:t().__experimentalDashboardLink}}),[]);return(0,s.createElement)(y.__experimentalVStack,{spacing:2},(0,s.createElement)(y.__experimentalHStack,{spacing:4,justify:&quot;flex-start&quot;,className:&quot;edit-site-sidebar-navigation-screen__title-icon&quot;},t?(0,s.createElement)(Fn,{icon:(0,E.isRTL)()?ce:se,&quot;aria-label&quot;:(0,E.__)(&quot;Navigate to the Dashboard&quot;),href:o||&quot;index.php&quot;,label:(0,E.__)(&quot;Dashboard&quot;)}):(0,s.createElement)(y.__experimentalNavigatorToParentButton,{as:Fn,icon:(0,E.isRTL)()?ce:se,&quot;aria-label&quot;:(0,E.__)(&quot;Back&quot;)}),(0,s.createElement)(&quot;h2&quot;,{className:&quot;edit-site-sidebar-navigation-screen__title&quot;},n),a),(0,s.createElement)(&quot;nav&quot;,{className:&quot;edit-site-sidebar-navigation-screen__content&quot;},l&amp;&amp;(0,s.createElement)(&quot;p&quot;,{className:&quot;edit-site-sidebar-navigation-screen__description&quot;},l),r))}function Hn(e){let{className:t,icon:n,withChevron:a=!1,children:r,...l}=e;return(0,s.createElement)(y.__experimentalItem,g({className:f()(&quot;edit-site-sidebar-navigation-item&quot;,t)},l),n&amp;&amp;(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(ie,{style:{fill:&quot;currentcolor&quot;},icon:n,size:24}),(0,s.createElement)(y.FlexBlock,null,r),a&amp;&amp;(0,s.createElement)(ie,{style:{fill:&quot;currentcolor&quot;},icon:ce,size:24})),!n&amp;&amp;r)}function $n(){const{navigationMenus:e}=(0,m.useSelect)((e=&gt;{const{getEntityRecords:t}=e(_.store);return{navigationMenus:t(&quot;postType&quot;,&quot;wp_navigation&quot;,{per_page:-1,status:&quot;publish&quot;})}}));return(0,s.createElement)(Gn,{isRoot:!0,title:(0,E.__)(&quot;Design&quot;),description:(0,E.__)(&quot;Customize the appearance of your website using the block editor.&quot;),content:(0,s.createElement)(y.__experimentalItemGroup,null,false,(0,s.createElement)(y.__experimentalNavigatorButton,{as:Hn,path:&quot;/wp_template&quot;,withChevron:!0,icon:Dn},(0,E.__)(&quot;Templates&quot;)),(0,s.createElement)(y.__experimentalNavigatorButton,{as:Hn,path:&quot;/wp_template_part&quot;,withChevron:!0,icon:On},(0,E.__)(&quot;Template Parts&quot;)))})}var Un=window.wp.htmlEntities;var Wn=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z&quot;}));var jn=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;m7.3 9.7 1.4 1.4c.2-.2.3-.3.4-.5 0 0 0-.1.1-.1.3-.5.4-1.1.3-1.6L12 7 9 4 7.2 6.5c-.6-.1-1.1 0-1.6.3 0 0-.1 0-.1.1-.3.1-.4.2-.6.4l1.4 1.4L4 11v1h1l2.3-2.3zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z&quot;}));var qn=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M7 5.5h10a.5.5 0 01.5.5v12a.5.5 0 01-.5.5H7a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM17 4H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V6a2 2 0 00-2-2zm-1 3.75H8v1.5h8v-1.5zM8 11h8v1.5H8V11zm6 3.25H8v1.5h6v-1.5z&quot;}));var Yn=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M19 6.2h-5.9l-.6-1.1c-.3-.7-1-1.1-1.8-1.1H5c-1.1 0-2 .9-2 2v11.8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8.2c0-1.1-.9-2-2-2zm.5 11.6c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h5.8c.2 0 .4.1.4.3l1 2H19c.3 0 .5.2.5.5v9.5zM8 12.8h8v-1.5H8v1.5zm0 3h8v-1.5H8v1.5z&quot;}));var Xn=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z&quot;}));var Zn=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M19 5H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm.5 12c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v10zm-11-7.6h-.7l-3.1 4.3h2.8V15h1v-1.3h.7v-.8h-.7V9.4zm-.9 3.5H6.3l1.2-1.7v1.7zm5.6-3.2c-.4-.2-.8-.4-1.2-.4-.5 0-.9.1-1.2.4-.4.2-.6.6-.8 1-.2.4-.3.9-.3 1.5s.1 1.1.3 1.6c.2.4.5.8.8 1 .4.2.8.4 1.2.4.5 0 .9-.1 1.2-.4.4-.2.6-.6.8-1 .2-.4.3-1 .3-1.6 0-.6-.1-1.1-.3-1.5-.1-.5-.4-.8-.8-1zm0 3.6c-.1.3-.3.5-.5.7-.2.1-.4.2-.7.2-.3 0-.5-.1-.7-.2-.2-.1-.4-.4-.5-.7-.1-.3-.2-.7-.2-1.2 0-.7.1-1.2.4-1.5.3-.3.6-.5 1-.5s.7.2 1 .5c.3.3.4.8.4 1.5-.1.5-.1.9-.2 1.2zm5-3.9h-.7l-3.1 4.3h2.8V15h1v-1.3h.7v-.8h-.7V9.4zm-1 3.5H16l1.2-1.7v1.7z&quot;}));var Kn=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z&quot;}));var Qn=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z&quot;,fillRule:&quot;evenodd&quot;,clipRule:&quot;evenodd&quot;}));var Jn=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M10 4.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm2.25 7.5v-1A2.75 2.75 0 0011 8.25H7A2.75 2.75 0 004.25 11v1h1.5v-1c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v1h1.5zM4 20h9v-1.5H4V20zm16-4H4v-1.5h16V16z&quot;,fillRule:&quot;evenodd&quot;,clipRule:&quot;evenodd&quot;}));var ea=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{fillRule:&quot;evenodd&quot;,d:&quot;M8.95 11.25H4v1.5h4.95v4.5H13V18c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2v-3c0-1.1-.9-2-2-2h-3c-1.1 0-2 .9-2 2v.75h-2.55v-7.5H13V9c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3c-1.1 0-2 .9-2 2v.75H8.95v4.5ZM14.5 15v3c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-3c-.3 0-.5.2-.5.5Zm0-6V6c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5Z&quot;,clipRule:&quot;evenodd&quot;}));var ta=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M11.696 13.972c.356-.546.599-.958.728-1.235a1.79 1.79 0 00.203-.783c0-.264-.077-.47-.23-.618-.148-.153-.354-.23-.618-.23-.295 0-.569.07-.82.212a3.413 3.413 0 00-.738.571l-.147-1.188c.289-.234.59-.41.903-.526.313-.117.66-.175 1.041-.175.375 0 .695.08.959.24.264.153.46.362.59.626.135.265.203.556.203.876 0 .362-.08.734-.24 1.115-.154.381-.427.87-.82 1.466l-.756 1.152H14v1.106h-4l1.696-2.609z&quot;}),(0,s.createElement)(b.Path,{d:&quot;M19.5 7h-15v12a.5.5 0 00.5.5h14a.5.5 0 00.5-.5V7zM3 7V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V7z&quot;}));var na=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M20.1 11.2l-6.7-6.7c-.1-.1-.3-.2-.5-.2H5c-.4-.1-.8.3-.8.7v7.8c0 .2.1.4.2.5l6.7 6.7c.2.2.5.4.7.5s.6.2.9.2c.3 0 .6-.1.9-.2.3-.1.5-.3.8-.5l5.6-5.6c.4-.4.7-1 .7-1.6.1-.6-.2-1.2-.6-1.6zM19 13.4L13.4 19c-.1.1-.2.1-.3.2-.2.1-.4.1-.6 0-.1 0-.2-.1-.3-.2l-6.5-6.5V5.8h6.8l6.5 6.5c.2.2.2.4.2.6 0 .1 0 .3-.2.5zM9 8c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z&quot;}));var aa=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h13.4c.4 0 .8.4.8.8v13.4zM10 15l5-3-5-3v6z&quot;}));var ra=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z&quot;}));function la(){const e=&quot;edit-site-template-actions-loading-screen-modal&quot;;return(0,s.createElement)(y.Modal,{isFullScreen:!0,isDismissible:!1,shouldCloseOnClickOutside:!1,shouldCloseOnEsc:!1,onRequestClose:()=&gt;{},__experimentalHideHeader:!0,className:e},(0,s.createElement)(&quot;div&quot;,{className:`${e}__content`},(0,s.createElement)(y.Spinner,null)))}const oa=()=&gt;(0,m.useSelect)((e=&gt;e(_.store).getEntityRecords(&quot;postType&quot;,&quot;wp_template&quot;,{per_page:-1})),[]),ia=()=&gt;(0,m.useSelect)((e=&gt;e(h.store).__experimentalGetDefaultTemplateTypes()),[]),sa=()=&gt;{const e=(0,m.useSelect)((e=&gt;e(_.store).getPostTypes({per_page:-1})),[]);return(0,s.useMemo)((()=&gt;{const t=[&quot;attachment&quot;];return null==e?void 0:e.filter((e=&gt;{let{viewable:n,slug:a}=e;return n&amp;&amp;!t.includes(a)}))}),[e])};function ca(e){const t=(0,s.useMemo)((()=&gt;null==e?void 0:e.reduce(((e,t)=&gt;{let{labels:n}=t;const a=n.singular_name.toLowerCase();return e[a]=(e[a]||0)+1,e}),{})));return(0,s.useCallback)((e=&gt;{let{labels:n,slug:a}=e;const r=n.singular_name.toLowerCase();return t[r]&gt;1&amp;&amp;r!==a}),[t])}function ua(){const e=sa(),t=(0,s.useMemo)((()=&gt;null==e?void 0:e.filter((e=&gt;e.has_archive))),[e]),n=oa(),a=ca(t);return(0,s.useMemo)((()=&gt;(null==t?void 0:t.filter((e=&gt;!(n||[]).some((t=&gt;t.slug===&quot;archive-&quot;+e.slug)))).map((e=&gt;{var t;let n;return n=a(e)?(0,E.sprintf)((0,E.__)(&quot;Archive: %1$s (%2$s)&quot;),e.labels.singular_name,e.slug):(0,E.sprintf)((0,E.__)(&quot;Archive: %s&quot;),e.labels.singular_name),{slug:&quot;archive-&quot;+e.slug,description:(0,E.sprintf)((0,E.__)(&quot;Displays an archive with the latests posts of type: %s.&quot;),e.labels.singular_name),title:n,icon:null!==(t=e.icon)&amp;&amp;void 0!==t&amp;&amp;t.startsWith(&quot;dashicons-&quot;)?e.icon.slice(10):Yn,templatePrefix:&quot;archive&quot;}})))||[]),[t,n,a])}const ma=e=&gt;{const t=(()=&gt;{const e=(0,m.useSelect)((e=&gt;e(_.store).getTaxonomies({per_page:-1})),[]);return(0,s.useMemo)((()=&gt;null==e?void 0:e.filter((e=&gt;{let{visibility:t}=e;return null==t?void 0:t.publicly_queryable}))),[e])})(),n=oa(),a=ia(),r=(0,s.useMemo)((()=&gt;null==t?void 0:t.reduce(((e,t)=&gt;{let{slug:n}=t,a=n;return[&quot;category&quot;,&quot;post_tag&quot;].includes(n)||(a=`taxonomy-${a}`),&quot;post_tag&quot;===n&amp;&amp;(a=&quot;tag&quot;),e[n]=a,e}),{})),[t]),l=null==t?void 0:t.reduce(((e,t)=&gt;{let{labels:n}=t;const a=n.singular_name.toLowerCase();return e[a]=(e[a]||0)+1,e}),{}),o=ga(&quot;taxonomy&quot;,r),i=(n||[]).map((e=&gt;{let{slug:t}=e;return t})),c=(t||[]).reduce(((t,n)=&gt;{var s;const{slug:c,labels:u}=n,m=r[c],d=null==a?void 0:a.find((e=&gt;{let{slug:t}=e;return t===m})),p=null==i?void 0:i.includes(m),_=((e,t)=&gt;{if([&quot;category&quot;,&quot;post_tag&quot;].includes(t))return!1;const n=e.singular_name.toLowerCase();return l[n]&gt;1&amp;&amp;n!==t})(u,c);let h=u.singular_name;_&amp;&amp;(h=(0,E.sprintf)((0,E.__)(&quot;%1$s (%2$s)&quot;),u.singular_name,c));const g=d?{...d,templatePrefix:r[c]}:{slug:m,title:h,description:(0,E.sprintf)((0,E.__)(&quot;Displays taxonomy: %s.&quot;),u.singular_name),icon:ea,templatePrefix:r[c]},v=null==o||null===(s=o[c])||void 0===s?void 0:s.hasEntities;return v&amp;&amp;(g.onClick=t=&gt;{e({type:&quot;taxonomy&quot;,slug:c,config:{queryArgs:e=&gt;{let{search:t}=e;return{_fields:&quot;id,name,slug,link&quot;,orderBy:t?&quot;name&quot;:&quot;count&quot;,exclude:o[c].existingEntitiesIds}},getSpecificTemplate:e=&gt;{const t=`${r[c]}-${e.slug}`;return{title:t,slug:t,templatePrefix:r[c]}}},labels:u,hasGeneralTemplate:p,template:t})}),p&amp;&amp;!v||t.push(g),t}),[]);return(0,s.useMemo)((()=&gt;c.reduce(((e,t)=&gt;{const{slug:n}=t;let a=&quot;taxonomiesMenuItems&quot;;return[&quot;category&quot;,&quot;tag&quot;].includes(n)&amp;&amp;(a=&quot;defaultTaxonomiesMenuItems&quot;),e[a].push(t),e}),{defaultTaxonomiesMenuItems:[],taxonomiesMenuItems:[]})),[c])},da={user:&quot;author&quot;},pa={user:{who:&quot;authors&quot;}};const _a=e=&gt;{const t=oa();return(0,s.useMemo)((()=&gt;Object.entries(e||{}).reduce(((e,n)=&gt;{let[a,r]=n;const l=(t||[]).reduce(((e,t)=&gt;{const n=`${r}-`;return t.slug.startsWith(n)&amp;&amp;e.push(t.slug.substring(n.length)),e}),[]);return l.length&amp;&amp;(e[a]=l),e}),{})),[e,t])},ha=function(e,t){let n=arguments.length&gt;2&amp;&amp;void 0!==arguments[2]?arguments[2]:{};const a=_a(t),r=(0,m.useSelect)((t=&gt;Object.entries(a||{}).reduce(((a,r)=&gt;{let[l,o]=r;const i=t(_.store).getEntityRecords(e,l,{_fields:&quot;id&quot;,context:&quot;view&quot;,slug:o,...n[l]});return null!=i&amp;&amp;i.length&amp;&amp;(a[l]=i),a}),{})),[a]);return r},ga=function(e,t){let n=arguments.length&gt;2&amp;&amp;void 0!==arguments[2]?arguments[2]:{};const a=ha(e,t,n),r=(0,m.useSelect)((r=&gt;Object.keys(t||{}).reduce(((t,l)=&gt;{var o,i;const s=(null==a||null===(o=a[l])||void 0===o?void 0:o.map((e=&gt;{let{id:t}=e;return t})))||[];return t[l]={hasEntities:!(null===(i=r(_.store).getEntityRecords(e,l,{per_page:1,_fields:&quot;id&quot;,context:&quot;view&quot;,exclude:s,...n[l]}))||void 0===i||!i.length),existingEntitiesIds:s},t}),{})),[t,a]);return r},va=[];function fa(e){let{suggestion:t,search:n,onSelect:a,entityForSuggestions:r,composite:l}=e;const o=&quot;edit-site-custom-template-modal__suggestions_list__list-item&quot;;return(0,s.createElement)(y.__unstableCompositeItem,g({role:&quot;option&quot;,as:y.Button},l,{className:o,onClick:()=&gt;a(r.config.getSpecificTemplate(t))}),(0,s.createElement)(&quot;span&quot;,{className:`${o}__title`},(0,s.createElement)(y.TextHighlight,{text:(0,Un.decodeEntities)(t.name),highlight:n})),t.link&amp;&amp;(0,s.createElement)(&quot;span&quot;,{className:`${o}__info`},t.link))}function ya(e,t){const{config:n}=e,a=(0,s.useMemo)((()=&gt;({order:&quot;asc&quot;,context:&quot;view&quot;,search:t,per_page:t?20:10,...n.queryArgs(t)})),[t,n]),{records:r,hasResolved:l}=(0,_.useEntityRecords)(e.type,e.slug,a),[o,i]=(0,s.useState)(va);return(0,s.useEffect)((()=&gt;{if(!l)return;let e=va;var t,a;null!=r&amp;&amp;r.length&amp;&amp;(e=r,n.recordNamePath&amp;&amp;(t=e,a=n.recordNamePath,e=(t||[]).map((e=&gt;({...e,name:(0,Un.decodeEntities)((0,ve.get)(e,a))}))))),i(e)}),[r,l]),o}function Ea(e){let{entityForSuggestions:t,onSelect:n}=e;const a=(0,y.__unstableUseCompositeState)({orientation:&quot;vertical&quot;}),[r,l,o]=function(){const[e,t]=(0,s.useState)(&quot;&quot;),[n,a]=(0,s.useState)(&quot;&quot;),r=(0,te.useDebounce)(a,250);return(0,s.useEffect)((()=&gt;{n!==e&amp;&amp;r(e)}),[n,e]),[e,t,n]}(),i=ya(t,o),{labels:c}=t,[u,m]=(0,s.useState)(!1);return!u&amp;&amp;(null==i?void 0:i.length)&gt;9&amp;&amp;m(!0),(0,s.createElement)(s.Fragment,null,u&amp;&amp;(0,s.createElement)(y.SearchControl,{__nextHasNoMarginBottom:!0,onChange:l,value:r,label:c.search_items,placeholder:c.search_items}),!(null==i||!i.length)&amp;&amp;(0,s.createElement)(y.__unstableComposite,g({},a,{role:&quot;listbox&quot;,className:&quot;edit-site-custom-template-modal__suggestions_list&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Suggestions list&quot;)}),i.map((e=&gt;(0,s.createElement)(fa,{key:e.slug,suggestion:e,search:o,onSelect:n,entityForSuggestions:t,composite:a})))),o&amp;&amp;!(null!=i&amp;&amp;i.length)&amp;&amp;(0,s.createElement)(y.__experimentalText,{as:&quot;p&quot;,className:&quot;edit-site-custom-template-modal__no-results&quot;},c.not_found))}var ba=function(e){let{onClose:t,onSelect:n,entityForSuggestions:a,isCreatingTemplate:r}=e;const[l,o]=(0,s.useState)(a.hasGeneralTemplate),i=&quot;edit-site-custom-template-modal&quot;;return(0,s.createElement)(y.Modal,{title:(0,E.sprintf)((0,E.__)(&quot;Add template: %s&quot;),a.labels.singular_name),className:i,onRequestClose:t},r&amp;&amp;(0,s.createElement)(la,null),!l&amp;&amp;(0,s.createElement)(y.__experimentalVStack,{spacing:4},(0,s.createElement)(y.__experimentalText,{as:&quot;p&quot;},(0,E.__)(&quot;Select whether to create a single template for all items or a specific one.&quot;)),(0,s.createElement)(y.Flex,{className:`${i}__contents`,gap:&quot;4&quot;,align:&quot;initial&quot;},(0,s.createElement)(y.FlexItem,{isBlock:!0,as:y.Button,onClick:()=&gt;{const{slug:e,title:t,description:r,templatePrefix:l}=a.template;n({slug:e,title:t,description:r,templatePrefix:l})}},(0,s.createElement)(y.__experimentalText,{as:&quot;span&quot;,weight:600},a.labels.all_items),(0,s.createElement)(y.__experimentalText,{as:&quot;span&quot;},(0,E.__)(&quot;For all items&quot;))),(0,s.createElement)(y.FlexItem,{isBlock:!0,as:y.Button,onClick:()=&gt;{o(!0)}},(0,s.createElement)(y.__experimentalText,{as:&quot;span&quot;,weight:600},a.labels.singular_name),(0,s.createElement)(y.__experimentalText,{as:&quot;span&quot;},(0,E.__)(&quot;For a specific item&quot;))))),l&amp;&amp;(0,s.createElement)(y.__experimentalVStack,{spacing:4},(0,s.createElement)(y.__experimentalText,{as:&quot;p&quot;},(0,E.__)(&quot;This template will be used only for the specific item chosen.&quot;)),(0,s.createElement)(Ea,{entityForSuggestions:a,onSelect:n})))};var wa=function(e){let{onClose:t,createTemplate:n,isCreatingTemplate:a}=e;const[r,l]=(0,s.useState)(&quot;&quot;),o=(0,E.__)(&quot;Custom Template&quot;),[i,c]=(0,s.useState)(!1);return(0,s.createElement)(y.Modal,{title:(0,E.__)(&quot;Create custom template&quot;),onRequestClose:()=&gt;{t()},overlayClassName:&quot;edit-site-custom-generic-template__modal&quot;},a&amp;&amp;(0,s.createElement)(la,null),(0,s.createElement)(&quot;form&quot;,{onSubmit:async function(e){if(e.preventDefault(),!i){c(!0);try{await n({slug:&quot;wp-custom-template-&quot;+(0,ve.kebabCase)(r||o),title:r||o},!1)}finally{c(!1)}}}},(0,s.createElement)(y.__experimentalVStack,{spacing:6},(0,s.createElement)(y.TextControl,{__nextHasNoMarginBottom:!0,label:(0,E.__)(&quot;Name&quot;),value:r,onChange:l,placeholder:o,disabled:i,help:(0,E.__)('Describe the template, e.g. &quot;Post with sidebar&quot;.')}),(0,s.createElement)(y.__experimentalHStack,{className:&quot;edit-site-custom-generic-template__modal-actions&quot;,justify:&quot;right&quot;},(0,s.createElement)(y.Button,{variant:&quot;tertiary&quot;,onClick:()=&gt;{t()}},(0,E.__)(&quot;Cancel&quot;)),(0,s.createElement)(y.Button,{variant:&quot;primary&quot;,type:&quot;submit&quot;,isBusy:i,&quot;aria-disabled&quot;:i},(0,E.__)(&quot;Create&quot;))))))};const Sa=[&quot;front-page&quot;,&quot;single&quot;,&quot;page&quot;,&quot;index&quot;,&quot;archive&quot;,&quot;author&quot;,&quot;category&quot;,&quot;date&quot;,&quot;tag&quot;,&quot;taxonomy&quot;,&quot;search&quot;,&quot;404&quot;],xa={&quot;front-page&quot;:Wn,single:jn,page:qn,archive:Yn,search:Xn,404:Zn,index:Kn,category:Qn,author:Jn,taxonomy:ea,date:ta,tag:na,attachment:aa};function ka(e){let{postType:t,toggleProps:n,showIcon:a=!0}=e;const[r,l]=(0,s.useState)(!1),[o,i]=(0,s.useState)(!1),[c,u]=(0,s.useState)({}),[d,p]=(0,s.useState)(!1),h=Tt(),{saveEntityRecord:g}=(0,m.useDispatch)(_.store),{createErrorNotice:v,createSuccessNotice:f}=(0,m.useDispatch)(ye.store),{setTemplate:b}=Qe((0,m.useDispatch)(An));async function w(e){let t=!(arguments.length&gt;1&amp;&amp;void 0!==arguments[1])||arguments[1];if(!d){p(!0);try{const{title:n,description:a,slug:r,templatePrefix:l}=e;let o=e.content;if(!o){o=(await At()({path:(0,yt.addQueryArgs)(&quot;/wp/v2/templates/lookup&quot;,{slug:r,is_custom:!t,template_prefix:l})})).content.raw}const i=await g(&quot;postType&quot;,&quot;wp_template&quot;,{description:a,slug:r.toString(),status:&quot;publish&quot;,title:n,content:o,is_wp_suggestion:t},{throwOnError:!0});b(i.id,i.slug),h.push({postId:i.id,postType:i.type,canvas:&quot;edit&quot;}),f((0,E.sprintf)((0,E.__)('&quot;%s&quot; successfully created.'),n),{type:&quot;snackbar&quot;})}catch(e){const t=e.message&amp;&amp;&quot;unknown_error&quot;!==e.code?e.message:(0,E.__)(&quot;An error occurred while creating the template.&quot;);v(t,{type:&quot;snackbar&quot;})}finally{p(!1)}}}const S=function(e,t){const n=oa(),a=ia(),r=(n||[]).map((e=&gt;{let{slug:t}=e;return t})),l=(a||[]).filter((e=&gt;Sa.includes(e.slug)&amp;&amp;!r.includes(e.slug))),o=n=&gt;{t(!0),e(n)},i=[...l],{defaultTaxonomiesMenuItems:c,taxonomiesMenuItems:u}=ma(o),{defaultPostTypesMenuItems:m,postTypesMenuItems:d}=(e=&gt;{const t=sa(),n=oa(),a=ia(),r=ca(t),l=(0,s.useMemo)((()=&gt;null==t?void 0:t.reduce(((e,t)=&gt;{let{slug:n}=t,a=n;return&quot;page&quot;!==n&amp;&amp;(a=`single-${a}`),e[n]=a,e}),{})),[t]),o=ga(&quot;postType&quot;,l),i=(n||[]).map((e=&gt;{let{slug:t}=e;return t})),c=(t||[]).reduce(((t,n)=&gt;{var s;const{slug:c,labels:u,icon:m}=n,d=l[c],p=null==a?void 0:a.find((e=&gt;{let{slug:t}=e;return t===d})),_=null==i?void 0:i.includes(d),h=r(n);let g=(0,E.sprintf)((0,E.__)(&quot;Single item: %s&quot;),u.singular_name);h&amp;&amp;(g=(0,E.sprintf)((0,E.__)(&quot;Single item: %1$s (%2$s)&quot;),u.singular_name,c));const v=p?{...p,templatePrefix:l[c]}:{slug:d,title:g,description:(0,E.sprintf)((0,E.__)(&quot;Displays a single item: %s.&quot;),u.singular_name),icon:null!=m&amp;&amp;m.startsWith(&quot;dashicons-&quot;)?m.slice(10):jn,templatePrefix:l[c]},f=null==o||null===(s=o[c])||void 0===s?void 0:s.hasEntities;return f&amp;&amp;(v.onClick=t=&gt;{e({type:&quot;postType&quot;,slug:c,config:{recordNamePath:&quot;title.rendered&quot;,queryArgs:e=&gt;{let{search:t}=e;return{_fields:&quot;id,title,slug,link&quot;,orderBy:t?&quot;relevance&quot;:&quot;modified&quot;,exclude:o[c].existingEntitiesIds}},getSpecificTemplate:e=&gt;{const t=`${l[c]}-${e.slug}`;return{title:t,slug:t,templatePrefix:l[c]}}},labels:u,hasGeneralTemplate:_,template:t})}),_&amp;&amp;!f||t.push(v),t}),[]);return(0,s.useMemo)((()=&gt;c.reduce(((e,t)=&gt;{const{slug:n}=t;let a=&quot;postTypesMenuItems&quot;;return&quot;page&quot;===n&amp;&amp;(a=&quot;defaultPostTypesMenuItems&quot;),e[a].push(t),e}),{defaultPostTypesMenuItems:[],postTypesMenuItems:[]})),[c])})(o),p=function(e){var t,n;const a=oa(),r=ia(),l=ga(&quot;root&quot;,da,pa);let o=null==r?void 0:r.find((e=&gt;{let{slug:t}=e;return&quot;author&quot;===t}));o||(o={description:(0,E.__)(&quot;Displays latest posts written by a single author.&quot;),slug:&quot;author&quot;,title:&quot;Author&quot;});const i=!(null==a||!a.find((e=&gt;{let{slug:t}=e;return&quot;author&quot;===t})));if(null!==(t=l.user)&amp;&amp;void 0!==t&amp;&amp;t.hasEntities&amp;&amp;(o={...o,templatePrefix:&quot;author&quot;},o.onClick=t=&gt;{e({type:&quot;root&quot;,slug:&quot;user&quot;,config:{queryArgs:e=&gt;{let{search:t}=e;return{_fields:&quot;id,name,slug,link&quot;,orderBy:t?&quot;name&quot;:&quot;registered_date&quot;,exclude:l.user.existingEntitiesIds,who:&quot;authors&quot;}},getSpecificTemplate:e=&gt;{const t=`author-${e.slug}`;return{title:t,slug:t,templatePrefix:&quot;author&quot;}}},labels:{singular_name:(0,E.__)(&quot;Author&quot;),search_items:(0,E.__)(&quot;Search Authors&quot;),not_found:(0,E.__)(&quot;No authors found.&quot;),all_items:(0,E.__)(&quot;All Authors&quot;)},hasGeneralTemplate:i,template:t})}),!i||null!==(n=l.user)&amp;&amp;void 0!==n&amp;&amp;n.hasEntities)return o}(o);[...c,...m,p].forEach((e=&gt;{if(!e)return;const t=i.findIndex((t=&gt;t.slug===e.slug));t&gt;-1?i[t]=e:i.push(e)})),null==i||i.sort(((e,t)=&gt;Sa.indexOf(e.slug)-Sa.indexOf(t.slug)));return[...i,...ua(),...d,...u]}(u,l);if(!S.length)return null;const x=(0,E.__)(&quot;A custom template can be manually applied to any post or page.&quot;);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.DropdownMenu,{className:&quot;edit-site-new-template-dropdown&quot;,icon:a?ra:null,text:a?null:t.labels.add_new,label:t.labels.add_new_item,popoverProps:{noArrow:!1},toggleProps:n},(()=&gt;(0,s.createElement)(s.Fragment,null,d&amp;&amp;(0,s.createElement)(la,null),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-new-template-dropdown__menu-groups&quot;},(0,s.createElement)(y.MenuGroup,{label:t.labels.add_new_item},S.map((e=&gt;{const{title:t,description:n,slug:a,onClick:r,icon:l}=e;return(0,s.createElement)(y.Tooltip,{key:a,position:&quot;top right&quot;,text:n,className:&quot;edit-site-new-template-dropdown__menu-item-tooltip&quot;},(0,s.createElement)(y.MenuItem,{icon:l||xa[a]||jn,iconPosition:&quot;left&quot;,onClick:()=&gt;r?r(e):w(e)},t,(0,s.createElement)(y.VisuallyHidden,null,n)))}))),(0,s.createElement)(y.MenuGroup,null,(0,s.createElement)(y.Tooltip,{position:&quot;top right&quot;,text:x,className:&quot;edit-site-new-template-dropdown__menu-item-tooltip&quot;},(0,s.createElement)(y.MenuItem,{icon:Dn,iconPosition:&quot;left&quot;,onClick:()=&gt;i(!0)},(0,E.__)(&quot;Custom template&quot;),(0,s.createElement)(y.VisuallyHidden,null,x)))))))),r&amp;&amp;(0,s.createElement)(ba,{onClose:()=&gt;l(!1),onSelect:w,entityForSuggestions:c,isCreatingTemplate:d}),o&amp;&amp;(0,s.createElement)(wa,{onClose:()=&gt;i(!1),createTemplate:w,isCreatingTemplate:d}))}function Ca(e){let{closeModal:t,onCreate:n}=e;const[a,r]=(0,s.useState)(&quot;&quot;),[l,o]=(0,s.useState)(&quot;uncategorized&quot;),[i,c]=(0,s.useState)(!1),u=(0,te.useInstanceId)(Ca),d=(0,m.useSelect)((e=&gt;e(h.store).__experimentalGetDefaultTemplatePartAreas()),[]);return(0,s.createElement)(y.Modal,{title:(0,E.__)(&quot;Create a template part&quot;),onRequestClose:t,overlayClassName:&quot;edit-site-create-template-part-modal&quot;},(0,s.createElement)(&quot;form&quot;,{onSubmit:async e=&gt;{e.preventDefault(),a&amp;&amp;(c(!0),await n({title:a,area:l}))}},(0,s.createElement)(y.__experimentalVStack,{spacing:&quot;4&quot;},(0,s.createElement)(y.TextControl,{__nextHasNoMarginBottom:!0,label:(0,E.__)(&quot;Name&quot;),value:a,onChange:r,required:!0}),(0,s.createElement)(y.BaseControl,{label:(0,E.__)(&quot;Area&quot;),id:`edit-site-create-template-part-modal__area-selection-${u}`,className:&quot;edit-site-create-template-part-modal__area-base-control&quot;},(0,s.createElement)(y.__experimentalRadioGroup,{label:(0,E.__)(&quot;Area&quot;),className:&quot;edit-site-create-template-part-modal__area-radio-group&quot;,id:`edit-site-create-template-part-modal__area-selection-${u}`,onChange:o,checked:l},d.map((e=&gt;{let{icon:t,label:n,area:a,description:r}=e;return(0,s.createElement)(y.__experimentalRadio,{key:n,value:a,className:&quot;edit-site-create-template-part-modal__area-radio&quot;},(0,s.createElement)(y.Flex,{align:&quot;start&quot;,justify:&quot;start&quot;},(0,s.createElement)(y.FlexItem,null,(0,s.createElement)(y.Icon,{icon:t})),(0,s.createElement)(y.FlexBlock,{className:&quot;edit-site-create-template-part-modal__option-label&quot;},n,(0,s.createElement)(&quot;div&quot;,null,r)),(0,s.createElement)(y.FlexItem,{className:&quot;edit-site-create-template-part-modal__checkbox&quot;},l===a&amp;&amp;(0,s.createElement)(y.Icon,{icon:w}))))})))),(0,s.createElement)(y.Flex,{className:&quot;edit-site-create-template-part-modal__modal-actions&quot;,justify:&quot;flex-end&quot;},(0,s.createElement)(y.FlexItem,null,(0,s.createElement)(y.Button,{variant:&quot;secondary&quot;,onClick:()=&gt;{t()}},(0,E.__)(&quot;Cancel&quot;))),(0,s.createElement)(y.FlexItem,null,(0,s.createElement)(y.Button,{variant:&quot;primary&quot;,type:&quot;submit&quot;,disabled:!a,isBusy:i},(0,E.__)(&quot;Create&quot;)))))))}const Ta=()=&gt;(0,m.useSelect)((e=&gt;e(_.store).getEntityRecords(&quot;postType&quot;,&quot;wp_template_part&quot;,{per_page:-1})),[]),Na=(e,t)=&gt;{const n=e.toLowerCase(),a=t.map((e=&gt;e.title.rendered.toLowerCase()));if(!a.includes(n))return e;let r=2;for(;a.includes(`${n} ${r}`);)r++;return`${e} ${r}`},Ma=e=&gt;(0,ve.kebabCase)(e).replace(/[^\w-]+/g,&quot;&quot;)||&quot;wp-custom-part&quot;;function Ia(e){let{postType:t,showIcon:n=!0,toggleProps:a}=e;const r=Tt(),[l,o]=(0,s.useState)(!1),{createErrorNotice:i}=(0,m.useDispatch)(ye.store),{saveEntityRecord:c}=(0,m.useDispatch)(_.store),u=Ta();const{as:d=y.Button,...p}=null!=a?a:{};return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(d,g({},p,{onClick:()=&gt;{o(!0)},icon:n?ra:null,label:t.labels.add_new}),n?null:t.labels.add_new),l&amp;&amp;(0,s.createElement)(Ca,{closeModal:()=&gt;o(!1),onCreate:async function(e){let{title:t,area:n}=e;if(t)try{const e=Na(t,u),a=Ma(e),l=await c(&quot;postType&quot;,&quot;wp_template_part&quot;,{slug:a,title:e,content:&quot;&quot;,area:n},{throwOnError:!0});o(!1),r.push({postId:l.id,postType:&quot;wp_template_part&quot;,canvas:&quot;edit&quot;})}catch(e){const t=e.message&amp;&amp;&quot;unknown_error&quot;!==e.code?e.message:(0,E.__)(&quot;An error occurred while creating the template part.&quot;);i(t,{type:&quot;snackbar&quot;}),o(!1)}else i((0,E.__)(&quot;Title is not defined.&quot;),{type:&quot;snackbar&quot;})}}))}function Pa(e){let{templateType:t=&quot;wp_template&quot;,...n}=e;const a=(0,m.useSelect)((e=&gt;e(_.store).getPostType(t)),[t]);return a?&quot;wp_template&quot;===t?(0,s.createElement)(ka,g({},n,{postType:a})):&quot;wp_template_part&quot;===t?(0,s.createElement)(Ia,g({},n,{postType:a})):null:null}const Ba={wp_template:{labels:{title:(0,E.__)(&quot;Templates&quot;),loading:(0,E.__)(&quot;Loading templates&quot;),notFound:(0,E.__)(&quot;No templates found&quot;),manage:(0,E.__)(&quot;Manage all templates&quot;),description:(0,E.__)(&quot;Express the layout of your site with templates.&quot;)}},wp_template_part:{labels:{title:(0,E.__)(&quot;Template parts&quot;),loading:(0,E.__)(&quot;Loading template parts&quot;),notFound:(0,E.__)(&quot;No template parts found&quot;),manage:(0,E.__)(&quot;Manage all template parts&quot;),description:(0,E.__)(&quot;Template Parts are small pieces of a layout that can be reused across multiple templates and always appear the same way. Common template parts include the site header, footer, or sidebar.&quot;)}}},za=e=&gt;{let{postType:t,postId:n,...a}=e;const r=It({postType:t,postId:n});return(0,s.createElement)(Hn,g({},r,a))};function Va(){const{params:{postType:e}}=(0,y.__experimentalUseNavigator)(),t=(0,te.useViewportMatch)(&quot;medium&quot;,&quot;&lt;&quot;),n=(0,m.useSelect)((e=&gt;!!e(An).getSettings().supportsTemplatePartsMode),[]),{records:a,isResolving:r}=(0,_.useEntityRecords)(&quot;postType&quot;,e,{per_page:-1}),l=a?[...a]:[];l.sort(((e,t)=&gt;e.slug.localeCompare(t.slug)));const o=It({path:&quot;/&quot;+e+&quot;/all&quot;}),i=!t&amp;&amp;!n;return(0,s.createElement)(Gn,{isRoot:n,title:Ba[e].labels.title,description:Ba[e].labels.description,actions:i&amp;&amp;(0,s.createElement)(Pa,{templateType:e,toggleProps:{as:Fn}}),content:(0,s.createElement)(s.Fragment,null,r&amp;&amp;Ba[e].labels.loading,!r&amp;&amp;(0,s.createElement)(y.__experimentalItemGroup,null,!(null!=a&amp;&amp;a.length)&amp;&amp;(0,s.createElement)(y.__experimentalItem,null,Ba[e].labels.notFound),l.map((t=&gt;{var n;return(0,s.createElement)(za,{postType:e,postId:t.id,key:t.id},(0,Un.decodeEntities)((null===(n=t.title)||void 0===n?void 0:n.rendered)||t.slug))})),!t&amp;&amp;(0,s.createElement)(Hn,g({className:&quot;edit-site-sidebar-navigation-screen-templates__see-all&quot;},o,{children:Ba[e].labels.manage}))))})}var Ra=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M20.1 5.1L16.9 2 6.2 12.7l-1.3 4.4 4.5-1.3L20.1 5.1zM4 20.8h8v-1.5H4v1.5z&quot;}));function Aa(e,t){const{record:n,title:a,description:r,isLoaded:l}=(0,m.useSelect)((n=&gt;{const{getEditedPostType:a,getEditedPostId:r}=n(An),{getEditedEntityRecord:l}=n(_.store),{__experimentalGetTemplateInfo:o}=n(h.store),i=null!=e?e:a(),s=null!=t?t:r(),c=l(&quot;postType&quot;,i,s),u=!!s,m=o(c);return{record:c,title:m.title,description:m.description,isLoaded:u}}),[e,t]);return{isLoaded:l,record:n,getTitle:()=&gt;a?(0,Un.decodeEntities)(a):null,getDescription:()=&gt;r?(0,Un.decodeEntities)(r):null}}function La(){const{params:e}=(0,y.__experimentalUseNavigator)(),{postType:t,postId:n}=e,{setCanvasMode:a}=Qe((0,m.useDispatch)(An)),{getDescription:r,getTitle:l,record:o}=Aa(t,n);let i=r();return i||(&quot;wp_template&quot;===o.type&amp;&amp;o.is_custom?i=(0,E.__)(&quot;This is a custom template that can be applied manually to any Post or Page.&quot;):&quot;wp_template_part&quot;===o.type&amp;&amp;(i=(0,E.sprintf)((0,E.__)(&quot;This is your %s template part.&quot;),l()))),(0,s.createElement)(Gn,{title:l(),actions:(0,s.createElement)(Fn,{onClick:()=&gt;a(&quot;edit&quot;),label:(0,E.__)(&quot;Edit&quot;),icon:Ra}),description:i})}function Da(e){var t;let n=null!==(t=null==e?void 0:e.path)&amp;&amp;void 0!==t?t:&quot;/&quot;;if(null!=e&amp;&amp;e.postType&amp;&amp;null!=e&amp;&amp;e.postId)switch(e.postType){case&quot;wp_template&quot;:case&quot;wp_template_part&quot;:n=`/${encodeURIComponent(e.postType)}/${encodeURIComponent(e.postId)}`;break;default:n=`/navigation/${encodeURIComponent(e.postType)}/${encodeURIComponent(e.postId)}`}return n}function Oa(){return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-sidebar-navigation-screen-navigation-menus__placeholder&quot;}),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-sidebar-navigation-screen-navigation-menus__placeholder&quot;}),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-sidebar-navigation-screen-navigation-menus__placeholder&quot;}))}function Fa(e){let{rootClientId:t,onSelect:n}=e;const{clientIdsTree:a,isLoading:r}=(0,m.useSelect)((e=&gt;{const{__unstableGetClientIdsTree:n,areInnerBlocksControlled:a}=e(fe.store);return{clientIdsTree:n(t),isLoading:!a(t)}}),[t]),{replaceBlock:l,__unstableMarkNextChangeAsNotPersistent:o}=(0,m.useDispatch)(fe.store),{OffCanvasEditor:i,LeafMoreMenu:u}=Qe(fe.privateApis),d=(0,s.useCallback)((e=&gt;{&quot;core/navigation-link&quot;!==e.name||e.attributes.url?n(e):(o(),l(e.clientId,(0,c.createBlock)(&quot;core/navigation-link&quot;,e.attributes)))}),[n,o,l]);return(0,s.createElement)(s.Fragment,null,r&amp;&amp;(0,s.createElement)(Oa,null),!r&amp;&amp;(0,s.createElement)(i,{blocks:a,onSelect:d,LeafMoreMenu:u,showAppender:!1}),(0,s.createElement)(&quot;div&quot;,{style:{visibility:&quot;hidden&quot;}},(0,s.createElement)(fe.BlockTools,null,(0,s.createElement)(fe.BlockList,null))))}const Ga=()=&gt;{},Ha={per_page:-1,status:&quot;publish&quot;};function $a(e){let{children:t,actions:n}=e;return(0,s.createElement)(Gn,{title:(0,E.__)(&quot;Navigation&quot;),actions:n,description:(0,E.__)(&quot;Browse your site, edit pages, and manage your primary navigation menu.&quot;),content:t})}function Ua(){var e;const t=Tt(),{navigationMenus:n,hasResolvedNavigationMenus:a,storedSettings:r}=(0,m.useSelect)((e=&gt;{const{getSettings:t}=Qe(e(An)),{getEntityRecords:n,hasFinishedResolution:a}=e(_.store),r=[&quot;postType&quot;,&quot;wp_navigation&quot;,Ha];return{storedSettings:t(!1),navigationMenus:n(...r),hasResolvedNavigationMenus:a(&quot;getEntityRecords&quot;,r)}}),[]),l=(0,s.useMemo)((()=&gt;null==n?void 0:n.sort(((e,t)=&gt;{const n=new Date(e.date),a=new Date(t.date);return n.getTime()&gt;a.getTime()}))),[n]),o=null==l||null===(e=l[0])||void 0===e?void 0:e.id,i=(0,s.useMemo)((()=&gt;[(0,c.createBlock)(&quot;core/navigation&quot;,{ref:o})]),[o]),u=!a,d=!(null==n||!n.length),p=(0,s.useCallback)((e=&gt;{const{attributes:n,name:a}=e;&quot;post-type&quot;===n.kind&amp;&amp;n.id&amp;&amp;n.type&amp;&amp;t&amp;&amp;t.push({postType:n.type,postId:n.id}),&quot;core/page-list-item&quot;===a&amp;&amp;n.id&amp;&amp;t&amp;&amp;t.push({postType:&quot;page&quot;,postId:n.id})}),[t]);return a&amp;&amp;!d?(0,s.createElement)($a,null,(0,E.__)(&quot;There are no Navigation Menus.&quot;)):!a||u?(0,s.createElement)($a,null,(0,s.createElement)(Oa,null)):(0,s.createElement)(fe.BlockEditorProvider,{settings:r,value:i,onChange:Ga,onInput:Ga},(0,s.createElement)($a,null,(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-sidebar-navigation-screen-navigation-menus__content&quot;},(0,s.createElement)(Fa,{rootClientId:i[0].clientId,onSelect:p}))))}const Wa={wp_template:{title:(0,E.__)(&quot;All templates&quot;),description:(0,E.__)(&quot;Create new templates, or reset any customizations made to the templates supplied by your theme.&quot;)},wp_template_part:{title:(0,E.__)(&quot;All template parts&quot;),description:(0,E.__)(&quot;Create new template parts, or reset any customizations made to the template parts supplied by your theme.&quot;)}};function ja(){const{params:{postType:e}}=(0,y.__experimentalUseNavigator)();return(0,s.createElement)(Gn,{title:Wa[e].title,description:Wa[e].description})}var qa=window.wp.keycodes;function Ya(){const{countUnsavedChanges:e,isDirty:t,isSaving:n,isSaveViewOpen:a}=(0,m.useSelect)((e=&gt;{const{__experimentalGetDirtyEntityRecords:t,isSavingEntityRecord:n}=e(_.store),a=t(),{isSaveViewOpened:r}=e(An);return{isDirty:a.length&gt;0,isSaving:a.some((e=&gt;n(e.kind,e.name,e.key))),isSaveViewOpen:r(),countUnsavedChanges:a.length}}),[]),{setIsSaveViewOpened:r}=(0,m.useDispatch)(An),l=!t||n,o=l?(0,E.__)(&quot;Saved&quot;):(0,E.__)(&quot;Save&quot;);return(0,s.createElement)(y.__experimentalHStack,{className:&quot;edit-site-save-hub&quot;,alignment:&quot;right&quot;,spacing:4},t&amp;&amp;(0,s.createElement)(&quot;span&quot;,null,(0,E.sprintf)((0,E._n)(&quot;%d unsaved change&quot;,&quot;%d unsaved changes&quot;,e),e)),(0,s.createElement)(y.Button,{className:&quot;edit-site-save-hub__button&quot;,variant:l?void 0:&quot;primary&quot;,&quot;aria-disabled&quot;:l,&quot;aria-expanded&quot;:a,isBusy:n,onClick:l?void 0:()=&gt;r(!0),label:o,shortcut:l?void 0:qa.displayShortcut.primary(&quot;s&quot;),icon:l?w:void 0},o))}function Xa(){var e,t;const{setCanvasMode:n}=Qe((0,m.useDispatch)(An)),{params:{postType:a,postId:r}}=(0,y.__experimentalUseNavigator)(),{record:l}=(0,_.useEntityRecord)(&quot;postType&quot;,a,r);return(0,s.createElement)(Gn,{title:l?(0,Un.decodeEntities)(null==l||null===(e=l.title)||void 0===e?void 0:e.rendered):null,actions:(0,s.createElement)(Fn,{onClick:()=&gt;n(&quot;edit&quot;),label:(0,E.__)(&quot;Edit&quot;),icon:Ra}),description:&quot;page&quot;===a?(0,E.__)(&quot;Pages are static and are not listed by date. Pages do not use tags or categories.&quot;):(0,E.__)(&quot;Posts are entries listed in reverse chronological order on the site homepage or on the posts page.&quot;),content:(0,s.createElement)(s.Fragment,null,null!=l&amp;&amp;l.link?(0,s.createElement)(y.ExternalLink,{className:&quot;edit-site-sidebar-navigation-screen__page-link&quot;,href:l.link},l.link):null,l?(0,Un.decodeEntities)(null==l||null===(t=l.description)||void 0===t?void 0:t.rendered):null)})}function Za(){return function(){const e=Tt(),{params:t}=Ct(),{location:n,params:a,goTo:r}=(0,y.__experimentalUseNavigator)(),l=(0,s.useRef)(t),o=(0,s.useRef)(n.path),i=(0,s.useRef)(!0);(0,s.useEffect)((()=&gt;{function t(t){if(Object.entries(t).every((e=&gt;{let[t,n]=e;return l.current[t]===n})))return;const n={...l.current,...t};l.current=n,e.push(n)}i.current?i.current=!1:null!=a&amp;&amp;a.postType&amp;&amp;null!=a&amp;&amp;a.postId?t({postType:null==a?void 0:a.postType,postId:null==a?void 0:a.postId,path:void 0}):t({postType:void 0,postId:void 0,path:&quot;/&quot;===n.path?void 0:n.path})}),[null==n?void 0:n.path,a,e]),(0,s.useEffect)((()=&gt;{l.current=t;const e=Da(t);o.current!==e&amp;&amp;(o.current=e,r(e))}),[t,r])}(),(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.__experimentalNavigatorScreen,{path:&quot;/&quot;},(0,s.createElement)($n,null)),(0,s.createElement)(y.__experimentalNavigatorScreen,{path:&quot;/navigation&quot;},(0,s.createElement)(Ua,null)),(0,s.createElement)(y.__experimentalNavigatorScreen,{path:&quot;/navigation/:postType/:postId&quot;},(0,s.createElement)(Xa,null)),(0,s.createElement)(y.__experimentalNavigatorScreen,{path:&quot;/:postType(wp_template|wp_template_part)&quot;},(0,s.createElement)(Va,null)),(0,s.createElement)(y.__experimentalNavigatorScreen,{path:&quot;/:postType(wp_template|wp_template_part)/all&quot;},(0,s.createElement)(ja,null)),(0,s.createElement)(y.__experimentalNavigatorScreen,{path:&quot;/:postType(wp_template|wp_template_part)/:postId&quot;},(0,s.createElement)(La,null)))}var Ka=(0,s.memo)((function(){const{params:e}=Ct(),t=(0,s.useRef)(Da(e));return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.__experimentalNavigatorProvider,{className:&quot;edit-site-sidebar__content&quot;,initialPath:t.current},(0,s.createElement)(Za,null)),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-sidebar__footer&quot;},(0,s.createElement)(Ya,null)))}));var Qa=(0,s.createElement)(b.SVG,{width:&quot;24&quot;,height:&quot;24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{fillRule:&quot;evenodd&quot;,clipRule:&quot;evenodd&quot;,d:&quot;M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM8.5 18.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h2.5v13zm10-.5c0 .3-.2.5-.5.5h-8v-13h8c.3 0 .5.2.5.5v12z&quot;}));var Ja=(0,s.createElement)(b.SVG,{width:&quot;24&quot;,height:&quot;24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{fillRule:&quot;evenodd&quot;,clipRule:&quot;evenodd&quot;,d:&quot;M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4 14.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h8v13zm4.5-.5c0 .3-.2.5-.5.5h-2.5v-13H18c.3 0 .5.2.5.5v12z&quot;}));function er(e){let{className:t,identifier:n,title:a,icon:r,children:l,closeLabel:o,header:i,headerClassName:c,panelClassName:u}=e;const d=(0,m.useSelect)((e=&gt;e(An).getSettings().showIconLabels),[]);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(ee,{className:t,scope:&quot;core/edit-site&quot;,identifier:n,title:a,icon:r,closeLabel:o,header:i,headerClassName:c,panelClassName:u,showIconLabels:d},l),(0,s.createElement)(X,{scope:&quot;core/edit-site&quot;,identifier:n,icon:r},a))}var tr=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z&quot;}));var nr=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z&quot;}));function ar(e){let{className:t,...n}=e;return(0,s.createElement)(y.Icon,g({className:f()(t,&quot;edit-site-global-styles-icon-with-current-color&quot;)},n))}function rr(e){let{icon:t,children:n,...a}=e;return(0,s.createElement)(y.__experimentalItem,a,t&amp;&amp;(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(ar,{icon:t,size:24}),(0,s.createElement)(y.FlexItem,null,n)),!t&amp;&amp;n)}function lr(e){return(0,s.createElement)(y.__experimentalNavigatorButton,g({as:rr},e))}var or=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M6.9 7L3 17.8h1.7l1-2.8h4.1l1 2.8h1.7L8.6 7H6.9zm-.7 6.6l1.5-4.3 1.5 4.3h-3zM21.6 17c-.1.1-.2.2-.3.2-.1.1-.2.1-.4.1s-.3-.1-.4-.2c-.1-.1-.1-.3-.1-.6V12c0-.5 0-1-.1-1.4-.1-.4-.3-.7-.5-1-.2-.2-.5-.4-.9-.5-.4 0-.8-.1-1.3-.1s-1 .1-1.4.2c-.4.1-.7.3-1 .4-.2.2-.4.3-.6.5-.1.2-.2.4-.2.7 0 .3.1.5.2.8.2.2.4.3.8.3.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.5-.2-.7-.2-.2-.4-.3-.6-.4.2-.2.4-.3.7-.4.3-.1.6-.1.8-.1.3 0 .6 0 .8.1.2.1.4.3.5.5.1.2.2.5.2.9v1.1c0 .3-.1.5-.3.6-.2.2-.5.3-.9.4-.3.1-.7.3-1.1.4-.4.1-.8.3-1.1.5-.3.2-.6.4-.8.7-.2.3-.3.7-.3 1.2 0 .6.2 1.1.5 1.4.3.4.9.5 1.6.5.5 0 1-.1 1.4-.3.4-.2.8-.6 1.1-1.1 0 .4.1.7.3 1 .2.3.6.4 1.2.4.4 0 .7-.1.9-.2.2-.1.5-.3.7-.4h-.3zm-3-.9c-.2.4-.5.7-.8.8-.3.2-.6.2-.8.2-.4 0-.6-.1-.9-.3-.2-.2-.3-.6-.3-1.1 0-.5.1-.9.3-1.2s.5-.5.8-.7c.3-.2.7-.3 1-.5.3-.1.6-.3.7-.6v3.4z&quot;}));var ir=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z&quot;}));var sr=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;m6.6 15.6-1.2.8c.6.9 1.3 1.6 2.2 2.2l.8-1.2c-.7-.5-1.3-1.1-1.8-1.8zM5.5 12c0-.4 0-.9.1-1.3l-1.5-.3c0 .5-.1 1.1-.1 1.6s.1 1.1.2 1.6l1.5-.3c-.2-.4-.2-.9-.2-1.3zm11.9-3.6 1.2-.8c-.6-.9-1.3-1.6-2.2-2.2l-.8 1.2c.7.5 1.3 1.1 1.8 1.8zM5.3 7.6l1.2.8c.5-.7 1.1-1.3 1.8-1.8l-.7-1.3c-.9.6-1.7 1.4-2.3 2.3zm14.5 2.8-1.5.3c.1.4.1.8.1 1.3s0 .9-.1 1.3l1.5.3c.1-.5.2-1 .2-1.6s-.1-1.1-.2-1.6zM12 18.5c-.4 0-.9 0-1.3-.1l-.3 1.5c.5.1 1 .2 1.6.2s1.1-.1 1.6-.2l-.3-1.5c-.4.1-.9.1-1.3.1zm3.6-1.1.8 1.2c.9-.6 1.6-1.3 2.2-2.2l-1.2-.8c-.5.7-1.1 1.3-1.8 1.8zM10.4 4.2l.3 1.5c.4-.1.8-.1 1.3-.1s.9 0 1.3.1l.3-1.5c-.5-.1-1.1-.2-1.6-.2s-1.1.1-1.6.2z&quot;}));var cr=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M12 8c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6.5c-1.4 0-2.5-1.1-2.5-2.5s1.1-2.5 2.5-2.5 2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5zM12.8 3h-1.5v3h1.5V3zm-1.6 18h1.5v-3h-1.5v3zm6.8-9.8v1.5h3v-1.5h-3zm-12 0H3v1.5h3v-1.5zm9.7 5.6 2.1 2.1 1.1-1.1-2.1-2.1-1.1 1.1zM8.3 7.2 6.2 5.1 5.1 6.2l2.1 2.1 1.1-1.1zM5.1 17.8l1.1 1.1 2.1-2.1-1.1-1.1-2.1 2.1zM18.9 6.2l-1.1-1.1-2.1 2.1 1.1 1.1 2.1-2.1z&quot;}));const{useGlobalSetting:ur,useGlobalStyle:mr}=Qe(fe.privateApis);function dr(e){return[pr(e),_r(e),hr(e),gr(e)].some(Boolean)}function pr(e){const t=tt(e);return ur(&quot;border.color&quot;,e)[0]&amp;&amp;t.includes(&quot;borderColor&quot;)}function _r(e){const t=tt(e);return ur(&quot;border.radius&quot;,e)[0]&amp;&amp;t.includes(&quot;borderRadius&quot;)}function hr(e){const t=tt(e);return ur(&quot;border.style&quot;,e)[0]&amp;&amp;t.includes(&quot;borderStyle&quot;)}function gr(e){const t=tt(e);return ur(&quot;border.width&quot;,e)[0]&amp;&amp;t.includes(&quot;borderWidth&quot;)}function vr(e){return e?e.style||!e.color&amp;&amp;!e.width?e:{...e,style:&quot;solid&quot;}:e}function fr(e){let{name:t,variation:n=&quot;&quot;}=e;const a=n?`variations.${n}.`:&quot;&quot;,[r]=mr(`${a}border`,t,&quot;user&quot;),[l,o]=mr(`${a}border`,t),i=nt(t),c=pr(t),u=hr(t),m=gr(t),d=_r(t),[p,_]=mr(`${a}border.radius`,t),h=()=&gt;{const e=null==r?void 0:r.radius;return&quot;object&quot;==typeof e?Object.entries(e).some(Boolean):!!e},g=(0,s.useCallback)((()=&gt;o(void 0)),[o]),v=(0,s.useCallback)((e=&gt;{const t=function(e){return e?(0,y.__experimentalHasSplitBorders)(e)?{top:vr(e.top),right:vr(e.right),bottom:vr(e.bottom),left:vr(e.left)}:vr(e):e}(e),n=(0,y.__experimentalHasSplitBorders)(t)?{color:null,style:null,width:null,...t}:{top:t,right:t,bottom:t,left:t};o({radius:null==l?void 0:l.radius,...n})}),[o]);return(0,s.createElement)(y.__experimentalToolsPanel,{label:(0,E.__)(&quot;Border&quot;),resetAll:g},(m||c)&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{hasValue:()=&gt;(0,y.__experimentalIsDefinedBorder)(r),label:(0,E.__)(&quot;Border&quot;),onDeselect:()=&gt;(()=&gt;{if(h())return o({radius:r.radius});o(void 0)})(),isShownByDefault:!0},(0,s.createElement)(y.__experimentalBorderBoxControl,{colors:i,enableAlpha:!0,enableStyle:u,onChange:v,popoverOffset:40,popoverPlacement:&quot;left-start&quot;,value:l,__experimentalIsRenderedInSidebar:!0,size:&quot;__unstable-large&quot;})),d&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{hasValue:h,label:(0,E.__)(&quot;Radius&quot;),onDeselect:()=&gt;_(void 0),isShownByDefault:!0},(0,s.createElement)(fe.__experimentalBorderRadiusControl,{values:p,onChange:e=&gt;{_(e||void 0)}})))}function yr(e){const t=tt(e);return t.includes(&quot;color&quot;)||t.includes(&quot;backgroundColor&quot;)||t.includes(&quot;background&quot;)||t.includes(&quot;linkColor&quot;)}var Er=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M7 9v6h10V9H7zM5 19.8h14v-1.5H5v1.5zM5 4.3v1.5h14V4.3H5z&quot;}));var br=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z&quot;}));const{useGlobalSetting:wr,useGlobalStyle:Sr}=Qe(fe.privateApis),xr=[&quot;horizontal&quot;,&quot;vertical&quot;];function kr(e){const t=Cr(e),n=Tr(e),a=Nr(e),r=Mr(e),l=Ir(e),o=Pr(e);return t||n||a||r||l||o}function Cr(e){const t=tt(e),[n]=wr(&quot;layout.contentSize&quot;,e);return n&amp;&amp;t.includes(&quot;contentSize&quot;)}function Tr(e){const t=tt(e),[n]=wr(&quot;layout.wideSize&quot;,e);return n&amp;&amp;t.includes(&quot;wideSize&quot;)}function Nr(e){const t=tt(e),[n]=wr(&quot;spacing.padding&quot;,e);return n&amp;&amp;t.includes(&quot;padding&quot;)}function Mr(e){const t=tt(e),[n]=wr(&quot;spacing.margin&quot;,e);return n&amp;&amp;t.includes(&quot;margin&quot;)}function Ir(e){const t=tt(e),[n]=wr(&quot;spacing.blockGap&quot;,e);return n&amp;&amp;t.includes(&quot;blockGap&quot;)}function Pr(e){const t=tt(e),[n]=wr(&quot;dimensions.minHeight&quot;,e);return n&amp;&amp;t.includes(&quot;minHeight&quot;)}function Br(e,t){if(!t)return e;const n={};return t.forEach((t=&gt;{&quot;vertical&quot;===t&amp;&amp;(n.top=e.top,n.bottom=e.bottom),&quot;horizontal&quot;===t&amp;&amp;(n.left=e.left,n.right=e.right),n[t]=e[t]})),n}function zr(e){return e&amp;&amp;&quot;string&quot;==typeof e?{top:e,right:e,bottom:e,left:e}:e}function Vr(e){return e&amp;&amp;&quot;string&quot;==typeof e?{top:e}:e?{...e,right:null==e?void 0:e.left,bottom:null==e?void 0:e.top}:e}function Rr(e){let{name:t,variation:n=&quot;&quot;}=e;const a=Cr(t),r=Tr(t),l=Nr(t),o=Mr(t),i=Ir(t),c=Pr(t),u=function(){var e,t;const[n]=wr(&quot;spacing.spacingSizes&quot;),{custom:a,theme:r,default:l}=n||{},o=null!==(e=null!==(t=null!=a?a:r)&amp;&amp;void 0!==t?t:l)&amp;&amp;void 0!==e?e:[];return n&amp;&amp;o.length&gt;0}(),m=(0,y.__experimentalUseCustomUnits)({availableUnits:wr(&quot;spacing.units&quot;,t)[0]||[&quot;%&quot;,&quot;px&quot;,&quot;em&quot;,&quot;rem&quot;,&quot;vw&quot;]}),{contentSizeValue:d,setContentSizeValue:p,hasUserSetContentSizeValue:_,resetContentSizeValue:h}=function(e){const[t,n]=wr(&quot;layout.contentSize&quot;,e),[a]=wr(&quot;layout.contentSize&quot;,e,&quot;user&quot;);return{contentSizeValue:t,setContentSizeValue:n,hasUserSetContentSizeValue:()=&gt;!!a,resetContentSizeValue:()=&gt;n(&quot;&quot;)}}(t),{wideSizeValue:g,setWideSizeValue:v,hasUserSetWideSizeValue:b,resetWideSizeValue:w}=function(e){const[t,n]=wr(&quot;layout.wideSize&quot;,e),[a]=wr(&quot;layout.wideSize&quot;,e,&quot;user&quot;);return{wideSizeValue:t,setWideSizeValue:n,hasUserSetWideSizeValue:()=&gt;!!a,resetWideSizeValue:()=&gt;n(&quot;&quot;)}}(t),{paddingValues:S,paddingSides:x,isAxialPadding:k,setPaddingValues:C,resetPaddingValue:T,hasPaddingValue:N}=function(e){let t=arguments.length&gt;1&amp;&amp;void 0!==arguments[1]?arguments[1]:&quot;&quot;;const n=t?`variations.${t}.`:&quot;&quot;,[a,r]=Sr(n+&quot;spacing.padding&quot;,e),l=zr(a),o=(0,fe.__experimentalUseCustomSides)(e,&quot;padding&quot;),i=o&amp;&amp;o.some((e=&gt;xr.includes(e))),s=e=&gt;{const t=Br(e,o);r(t)},c=()=&gt;s({}),[u]=Sr(n+&quot;spacing.padding&quot;,e,&quot;user&quot;);return{paddingValues:l,paddingSides:o,isAxialPadding:i,setPaddingValues:s,resetPaddingValue:c,hasPaddingValue:()=&gt;!!u}}(t,n),{marginValues:M,marginSides:I,isAxialMargin:P,setMarginValues:B,resetMarginValue:z,hasMarginValue:V}=function(e){let t=arguments.length&gt;1&amp;&amp;void 0!==arguments[1]?arguments[1]:&quot;&quot;;const n=t?`variations.${t}.`:&quot;&quot;,[a,r]=Sr(n+&quot;spacing.margin&quot;,e),l=zr(a),o=(0,fe.__experimentalUseCustomSides)(e,&quot;margin&quot;),i=o&amp;&amp;o.some((e=&gt;xr.includes(e))),s=e=&gt;{const t=Br(e,o);r(t)},c=()=&gt;s({});return{marginValues:l,marginSides:o,isAxialMargin:i,setMarginValues:s,resetMarginValue:c,hasMarginValue:()=&gt;!!l&amp;&amp;Object.keys(l).length}}(t,n),{gapValue:R,gapValues:A,gapSides:L,isAxialGap:D,setGapValue:O,setGapValues:F,resetGapValue:G,hasGapValue:H}=function(e){let t=arguments.length&gt;1&amp;&amp;void 0!==arguments[1]?arguments[1]:&quot;&quot;;const n=t?`variations.${t}.`:&quot;&quot;,[a,r]=Sr(n+&quot;spacing.blockGap&quot;,e),l=Vr(a),o=(0,fe.__experimentalUseCustomSides)(e,&quot;blockGap&quot;),i=o&amp;&amp;o.some((e=&gt;xr.includes(e))),s=()=&gt;r(void 0),[c]=Sr(n+&quot;spacing.blockGap&quot;,e,&quot;user&quot;),u=e=&gt;{e||r(null),!i&amp;&amp;null!=e&amp;&amp;e.hasOwnProperty(&quot;top&quot;)?r(e.top):r({top:null==e?void 0:e.top,left:null==e?void 0:e.left})};return{gapValue:a,gapValues:l,gapSides:o,isAxialGap:i,setGapValue:r,setGapValues:u,resetGapValue:s,hasGapValue:()=&gt;!!c}}(t,n),{minHeightValue:$,setMinHeightValue:U,resetMinHeightValue:W,hasMinHeightValue:j}=function(e){let t=arguments.length&gt;1&amp;&amp;void 0!==arguments[1]?arguments[1]:&quot;&quot;;const n=t?`variations.${t}.`:&quot;&quot;,[a,r]=Sr(n+&quot;dimensions.minHeight&quot;,e),l=()=&gt;r(void 0);return{minHeightValue:a,setMinHeightValue:r,resetMinHeightValue:l,hasMinHeightValue:()=&gt;!!a}}(t,n);return(0,s.createElement)(y.__experimentalToolsPanel,{label:(0,E.__)(&quot;Dimensions&quot;),resetAll:()=&gt;{T(),z(),G(),h(),w()}},(a||r)&amp;&amp;(0,s.createElement)(&quot;span&quot;,{className:&quot;span-columns&quot;},(0,E.__)(&quot;Set the width of the main content area.&quot;)),a&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{className:&quot;single-column&quot;,label:(0,E.__)(&quot;Content size&quot;),hasValue:_,onDeselect:h,isShownByDefault:!0},(0,s.createElement)(y.__experimentalHStack,{alignment:&quot;flex-end&quot;,justify:&quot;flex-start&quot;},(0,s.createElement)(y.__experimentalUnitControl,{label:(0,E.__)(&quot;Content&quot;),labelPosition:&quot;top&quot;,__unstableInputWidth:&quot;80px&quot;,value:d||&quot;&quot;,onChange:e=&gt;{p(e)},units:m}),(0,s.createElement)(y.__experimentalView,null,(0,s.createElement)(ie,{icon:Er})))),r&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{className:&quot;single-column&quot;,label:(0,E.__)(&quot;Wide size&quot;),hasValue:b,onDeselect:w,isShownByDefault:!0},(0,s.createElement)(y.__experimentalHStack,{alignment:&quot;flex-end&quot;,justify:&quot;flex-start&quot;},(0,s.createElement)(y.__experimentalUnitControl,{label:(0,E.__)(&quot;Wide&quot;),labelPosition:&quot;top&quot;,__unstableInputWidth:&quot;80px&quot;,value:g||&quot;&quot;,onChange:e=&gt;{v(e)},units:m}),(0,s.createElement)(y.__experimentalView,null,(0,s.createElement)(ie,{icon:br})))),l&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{hasValue:N,label:(0,E.__)(&quot;Padding&quot;),onDeselect:T,isShownByDefault:!0,className:f()({&quot;tools-panel-item-spacing&quot;:u})},!u&amp;&amp;(0,s.createElement)(y.__experimentalBoxControl,{values:S,onChange:C,label:(0,E.__)(&quot;Padding&quot;),sides:x,units:m,allowReset:!1,splitOnAxis:k}),u&amp;&amp;(0,s.createElement)(fe.__experimentalSpacingSizesControl,{values:S,onChange:C,label:(0,E.__)(&quot;Padding&quot;),sides:x,units:m,allowReset:!1,splitOnAxis:k})),o&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{hasValue:V,label:(0,E.__)(&quot;Margin&quot;),onDeselect:z,isShownByDefault:!0,className:f()({&quot;tools-panel-item-spacing&quot;:u})},!u&amp;&amp;(0,s.createElement)(y.__experimentalBoxControl,{values:M,onChange:B,label:(0,E.__)(&quot;Margin&quot;),sides:I,units:m,allowReset:!1,splitOnAxis:P}),u&amp;&amp;(0,s.createElement)(fe.__experimentalSpacingSizesControl,{values:M,onChange:B,label:(0,E.__)(&quot;Margin&quot;),sides:I,units:m,allowReset:!1,splitOnAxis:P})),i&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{hasValue:H,label:(0,E.__)(&quot;Block spacing&quot;),onDeselect:G,isShownByDefault:!0,className:f()({&quot;tools-panel-item-spacing&quot;:u})},!u&amp;&amp;(D?(0,s.createElement)(y.__experimentalBoxControl,{label:(0,E.__)(&quot;Block spacing&quot;),min:0,onChange:F,units:m,sides:L,values:A,allowReset:!1,splitOnAxis:D}):(0,s.createElement)(y.__experimentalUnitControl,{label:(0,E.__)(&quot;Block spacing&quot;),__unstableInputWidth:&quot;80px&quot;,min:0,onChange:O,units:m,value:R})),u&amp;&amp;(0,s.createElement)(fe.__experimentalSpacingSizesControl,{label:(0,E.__)(&quot;Block spacing&quot;),min:0,onChange:F,sides:D?L:[&quot;top&quot;],values:A,allowReset:!1,splitOnAxis:D})),c&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{hasValue:j,label:(0,E.__)(&quot;Min. height&quot;),onDeselect:W,isShownByDefault:!0},(0,s.createElement)(fe.HeightControl,{label:(0,E.__)(&quot;Min. height&quot;),value:$,onChange:U})))}const{useGlobalSetting:Ar,useGlobalStyle:Lr}=Qe(fe.privateApis);function Dr(e){const t=Or(e),n=Fr(e),a=Gr(e),r=Hr(e),l=tt(e);return t||n||a||r||l.includes(&quot;fontSize&quot;)}function Or(e){const t=tt(e),[n]=Ar(&quot;typography.fontFamilies&quot;,e),a=(null==n?void 0:n.custom)||(null==n?void 0:n.theme)||(null==n?void 0:n.default);return t.includes(&quot;fontFamily&quot;)&amp;&amp;!(null==a||!a.length)}function Fr(e){const t=tt(e);return Ar(&quot;typography.lineHeight&quot;,e)[0]&amp;&amp;t.includes(&quot;lineHeight&quot;)}function Gr(e){const t=tt(e),n=Ar(&quot;typography.fontStyle&quot;,e)[0]&amp;&amp;t.includes(&quot;fontStyle&quot;),a=Ar(&quot;typography.fontWeight&quot;,e)[0]&amp;&amp;t.includes(&quot;fontWeight&quot;);return n||a}function Hr(e,t){if(!Ar(&quot;typography.letterSpacing&quot;,e)[0])return!1;if(!e&amp;&amp;&quot;heading&quot;===t)return!0;return tt(e).includes(&quot;letterSpacing&quot;)}function $r(e,t){const[n,a]=Lr(e,t),[r]=Lr(e,t,&quot;user&quot;);return[n,a,()=&gt;!!r,()=&gt;a(void 0)]}function Ur(e){let{name:t,element:n,headingLevel:a,variation:r=&quot;&quot;}=e;const l=tt(t);let o=&quot;&quot;;&quot;heading&quot;===n?o=`elements.${a}.`:n&amp;&amp;&quot;text&quot;!==n&amp;&amp;(o=`elements.${n}.`),r&amp;&amp;(o=o?`variations.${r}.${o}`:`variations.${r}`);const[i]=Ar(&quot;typography.fontSizes&quot;,t),c=(null==i?void 0:i.custom)||(null==i?void 0:i.theme)||(null==i?void 0:i.default),u=!Ar(&quot;typography.customFontSize&quot;,t)[0],[m]=Ar(&quot;typography.fontFamilies&quot;,t),d=(null==m?void 0:m.custom)||(null==m?void 0:m.theme)||(null==m?void 0:m.default),p=Ar(&quot;typography.fontStyle&quot;,t)[0]&amp;&amp;l.includes(&quot;fontStyle&quot;),_=Ar(&quot;typography.fontWeight&quot;,t)[0]&amp;&amp;l.includes(&quot;fontWeight&quot;),h=Or(t),g=Fr(t),v=Gr(t),f=function(e){const t=tt(e),n=Ar(&quot;typography.fontStyle&quot;,e)[0]&amp;&amp;t.includes(&quot;fontStyle&quot;),a=Ar(&quot;typography.fontWeight&quot;,e)[0]&amp;&amp;t.includes(&quot;fontWeight&quot;);return n?a?(0,E.__)(&quot;Appearance&quot;):(0,E.__)(&quot;Font style&quot;):(0,E.__)(&quot;Font weight&quot;)}(t),b=Hr(t,n),w=function(e,t){return!!Ar(&quot;typography.textTransform&quot;,e)[0]&amp;&amp;(!e&amp;&amp;&quot;heading&quot;===t||tt(e).includes(&quot;textTransform&quot;))}(t,n),S=function(e,t){return!e&amp;&amp;&quot;link&quot;===t}(t,n);let x=l.includes(&quot;fontSize&quot;);&quot;heading&quot;===n&amp;&amp;&quot;heading&quot;===a&amp;&amp;(x=!1);const[k,C,T,N]=$r(o+&quot;typography.fontFamily&quot;,t),{fontSize:M,setFontSize:I,hasFontSize:P,resetFontSize:B}=function(e,t){const[n,a]=Lr(e,t),[r]=Lr(e,t,&quot;user&quot;);return{fontSize:n,setFontSize:(e,t)=&gt;{null!=t&amp;&amp;t.slug&amp;&amp;(e=`var:preset|font-size|${null==t?void 0:t.slug}`),a(e)},hasFontSize:()=&gt;!!r,resetFontSize:()=&gt;a(void 0)}}(o+&quot;typography.fontSize&quot;,t),{fontStyle:z,setFontStyle:V,fontWeight:R,setFontWeight:A,hasFontAppearance:L,resetFontAppearance:D}=function(e,t){const[n,a]=Lr(e+&quot;typography.fontStyle&quot;,t),[r]=Lr(e+&quot;typography.fontStyle&quot;,t,&quot;user&quot;),[l,o]=Lr(e+&quot;typography.fontWeight&quot;,t),[i]=Lr(e+&quot;typography.fontWeight&quot;,t,&quot;user&quot;);return{fontStyle:n,setFontStyle:a,fontWeight:l,setFontWeight:o,hasFontAppearance:()=&gt;!!r||!!i,resetFontAppearance:()=&gt;{a(void 0),o(void 0)}}}(o,t),[O,F,G,H]=$r(o+&quot;typography.lineHeight&quot;,t),[$,U,W,j]=$r(o+&quot;typography.letterSpacing&quot;,t),[q,Y,X,Z]=$r(o+&quot;typography.textTransform&quot;,t),[K,Q,J,ee]=$r(o+&quot;typography.textDecoration&quot;,t);return(0,s.createElement)(y.__experimentalToolsPanel,{label:(0,E.__)(&quot;Typography&quot;),resetAll:()=&gt;{N(),B(),D(),H(),j(),Z()}},h&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{label:(0,E.__)(&quot;Font family&quot;),hasValue:T,onDeselect:N,isShownByDefault:!0},(0,s.createElement)(fe.__experimentalFontFamilyControl,{fontFamilies:d,value:k,onChange:C,size:&quot;__unstable-large&quot;,__nextHasNoMarginBottom:!0})),x&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{label:(0,E.__)(&quot;Font size&quot;),hasValue:P,onDeselect:B,isShownByDefault:!0},(0,s.createElement)(y.FontSizePicker,{value:M,onChange:I,fontSizes:c,disableCustomFontSizes:u,withReset:!1,withSlider:!0,size:&quot;__unstable-large&quot;,__nextHasNoMarginBottom:!0})),v&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{className:&quot;single-column&quot;,label:f,hasValue:L,onDeselect:D,isShownByDefault:!0},(0,s.createElement)(fe.__experimentalFontAppearanceControl,{value:{fontStyle:z,fontWeight:R},onChange:e=&gt;{let{fontStyle:t,fontWeight:n}=e;V(t),A(n)},hasFontStyles:p,hasFontWeights:_,size:&quot;__unstable-large&quot;,__nextHasNoMarginBottom:!0})),g&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{className:&quot;single-column&quot;,label:(0,E.__)(&quot;Line height&quot;),hasValue:G,onDeselect:H,isShownByDefault:!0},(0,s.createElement)(fe.LineHeightControl,{__nextHasNoMarginBottom:!0,__unstableInputWidth:&quot;auto&quot;,value:O,onChange:F,size:&quot;__unstable-large&quot;})),b&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{className:&quot;single-column&quot;,label:(0,E.__)(&quot;Letter spacing&quot;),hasValue:W,onDeselect:j,isShownByDefault:!0},(0,s.createElement)(fe.__experimentalLetterSpacingControl,{value:$,onChange:U,size:&quot;__unstable-large&quot;,__unstableInputWidth:&quot;auto&quot;})),w&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{label:(0,E.__)(&quot;Letter case&quot;),hasValue:X,onDeselect:Z,isShownByDefault:!0},(0,s.createElement)(fe.__experimentalTextTransformControl,{value:q,onChange:Y,showNone:!0,isBlock:!0,size:&quot;__unstable-large&quot;,__nextHasNoMarginBottom:!0})),S&amp;&amp;(0,s.createElement)(y.__experimentalToolsPanelItem,{className:&quot;single-column&quot;,label:(0,E.__)(&quot;Text decoration&quot;),hasValue:J,onDeselect:ee,isShownByDefault:!0},(0,s.createElement)(fe.__experimentalTextDecorationControl,{value:K,onChange:Q,size:&quot;__unstable-large&quot;,__unstableInputWidth:&quot;auto&quot;})))}function Wr(e){return null==e?void 0:e.filter((e=&gt;&quot;block&quot;===e.source))}function jr(e){let t=arguments.length&gt;1&amp;&amp;void 0!==arguments[1]?arguments[1]:&quot;&quot;;const n=t.includes(&quot;variations&quot;),a=(0,m.useSelect)((t=&gt;{const{getBlockStyles:n}=t(c.store);return n(e)}),[e]),r=Wr(a);return!(null==r||!r.length||n)}function qr(e){let{name:t}=e;const n=Wr((0,m.useSelect)((e=&gt;{const{getBlockStyles:n}=e(c.store);return n(t)}),[t]));return(0,s.createElement)(y.__experimentalItemGroup,{isBordered:!0,isSeparated:!0},n.map(((e,n)=&gt;null!=e&amp;&amp;e.isDefault?null:(0,s.createElement)(lr,{key:n,path:&quot;/blocks/&quot;+encodeURIComponent(t)+&quot;/variations/&quot;+encodeURIComponent(e.name),&quot;aria-label&quot;:e.label},e.label))))}function Yr(e){let{blockName:t,styleName:n}=e;return(0,s.createElement)(sl,{parentMenu:&quot;/blocks/&quot;+encodeURIComponent(t)+&quot;/variations/&quot;+encodeURIComponent(n),name:t})}var Xr=function(e){let{title:t,description:n}=e;return(0,s.createElement)(y.__experimentalVStack,{spacing:0},(0,s.createElement)(y.__experimentalView,null,(0,s.createElement)(y.__experimentalSpacer,{marginBottom:0,paddingX:4,paddingY:3},(0,s.createElement)(y.__experimentalHStack,{spacing:2},(0,s.createElement)(y.__experimentalNavigatorToParentButton,{style:{minWidth:24,padding:0},icon:(0,E.isRTL)()?ce:se,isSmall:!0,&quot;aria-label&quot;:(0,E.__)(&quot;Navigate to the previous view&quot;)}),(0,s.createElement)(y.__experimentalSpacer,null,(0,s.createElement)(y.__experimentalHeading,{level:5},t))))),n&amp;&amp;(0,s.createElement)(&quot;p&quot;,{className:&quot;edit-site-global-styles-header__description&quot;},n))};var Zr=e=&gt;{var t;let{name:n,variation:a=&quot;&quot;}=e;const r=null===(t=(0,c.getBlockType)(n))||void 0===t?void 0:t.example,l={...r,attributes:{...null==r?void 0:r.attributes,className:a}},o=r&amp;&amp;(0,c.getBlockFromExample)(n,a?l:r),i=(null==r?void 0:r.viewportWidth)||null,u=&quot;150px&quot;;return r?(0,s.createElement)(y.__experimentalSpacer,{marginX:4,marginBottom:4},(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles__block-preview-panel&quot;,style:{maxHeight:u,boxSizing:&quot;initial&quot;}},(0,s.createElement)(fe.BlockPreview,{blocks:o,viewportWidth:i,minHeight:u,additionalStyles:[{css:&quot;\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tmin-height:150px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;align-items:center;justify-content:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&quot;}]}))):null};var Kr=function(e){let{children:t}=e;return(0,s.createElement)(y.__experimentalHeading,{className:&quot;edit-site-global-styles-subtitle&quot;,level:2},t)};function Qr(e){let{name:t,path:n=&quot;&quot;}=e;return jr(t,n)?(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles-screen-variations&quot;},(0,s.createElement)(y.__experimentalVStack,{spacing:3},(0,s.createElement)(Kr,null,(0,E.__)(&quot;Style Variations&quot;)),(0,s.createElement)(qr,{name:t}))):null}function Jr(e){let{blockName:t,style:n}=e;const{name:a,label:r}=n;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:r}),(0,s.createElement)(Zr,{name:t,variation:`is-style-${a}`}),(0,s.createElement)(Yr,{blockName:t,styleName:a}))}const{useGlobalSetting:el,useGlobalStyle:tl}=Qe(fe.privateApis);function nl(e){return tt(e).includes(&quot;shadow&quot;)}function al(e){let{name:t,variation:n=&quot;&quot;}=e;const a=n?`variations.${n}.`:&quot;&quot;,[r,l]=tl(`${a}shadow`,t),[o]=tl(`${a}shadow`,t,&quot;user&quot;),i=()=&gt;l(void 0),c=(0,s.useCallback)((()=&gt;i()),[i]);return(0,s.createElement)(y.__experimentalToolsPanel,{label:(0,E.__)(&quot;Shadow&quot;),resetAll:c},(0,s.createElement)(y.__experimentalToolsPanelItem,{label:(0,E.__)(&quot;Shadow&quot;),hasValue:()=&gt;!!o,onDeselect:i,isShownByDefault:!0},(0,s.createElement)(y.__experimentalItemGroup,{isBordered:!0,isSeparated:!0},(0,s.createElement)(rl,{shadow:r,onShadowChange:l}))))}const rl=e=&gt;{let{shadow:t,onShadowChange:n}=e;return(0,s.createElement)(y.Dropdown,{popoverProps:{placement:&quot;left-start&quot;,offset:36,shift:!0},className:&quot;edit-site-global-styles__shadow-dropdown&quot;,renderToggle:e=&gt;{let{onToggle:t,isOpen:n}=e;const a={onClick:t,className:f()({&quot;is-open&quot;:n}),&quot;aria-expanded&quot;:n};return(0,s.createElement)(y.Button,a,(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(ar,{icon:cr,size:24}),(0,s.createElement)(y.FlexItem,{className:&quot;edit-site-global-styles__shadow-label&quot;},(0,E.__)(&quot;Shadow&quot;))))},renderContent:()=&gt;(0,s.createElement)(y.__experimentalDropdownContentWrapper,{paddingSize:&quot;medium&quot;},(0,s.createElement)(ll,{shadow:t,onShadowChange:n}))})};function ll(e){let{shadow:t,onShadowChange:n}=e;const[a]=el(&quot;shadow.presets.default&quot;),[r]=el(&quot;shadow.presets.theme&quot;),[l]=el(&quot;shadow.defaultPresets&quot;),o=[...l?a:[],...r||[]];return(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles__shadow-panel&quot;},(0,s.createElement)(y.__experimentalVStack,{spacing:4},(0,s.createElement)(y.__experimentalHeading,{level:5},(0,E.__)(&quot;Shadow&quot;)),(0,s.createElement)(ol,{presets:o,activeShadow:t,onSelect:n})))}function ol(e){let{presets:t,activeShadow:n,onSelect:a}=e;return t?(0,s.createElement)(y.__experimentalGrid,{columns:6,gap:0,align:&quot;center&quot;,justify:&quot;center&quot;},t.map((e=&gt;{let{name:t,slug:r,shadow:l}=e;return(0,s.createElement)(il,{key:r,label:t,isActive:l===n,onSelect:()=&gt;a(l===n?void 0:l),shadow:l})}))):null}function il(e){let{label:t,isActive:n,onSelect:a,shadow:r}=e;return(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles__shadow-indicator-wrapper&quot;},(0,s.createElement)(y.Button,{className:&quot;edit-site-global-styles__shadow-indicator&quot;,onClick:a,label:t,style:{boxShadow:r},showTooltip:!0},n&amp;&amp;(0,s.createElement)(ie,{icon:w})))}var sl=function(e){let{name:t,parentMenu:n=&quot;&quot;}=e;const a=Dr(t),r=yr(t),l=dr(t),o=nl(t),i=kr(t),c=jr(t,n),{canEditCSS:u}=(0,m.useSelect)((e=&gt;{var t,n;const{getEntityRecord:a,__experimentalGetCurrentGlobalStylesId:r}=e(_.store),l=r(),o=l?a(&quot;root&quot;,&quot;globalStyles&quot;,l):void 0;return{canEditCSS:null!==(t=!(null==o||null===(n=o._links)||void 0===n||!n[&quot;wp:action-edit-css&quot;]))&amp;&amp;void 0!==t&amp;&amp;t}}),[]),d=n.includes(&quot;blocks&quot;)&amp;&amp;!n.includes(&quot;variations&quot;);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.__experimentalItemGroup,null,a&amp;&amp;(0,s.createElement)(lr,{icon:or,path:n+&quot;/typography&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Typography styles&quot;)},(0,E.__)(&quot;Typography&quot;)),r&amp;&amp;(0,s.createElement)(lr,{icon:ir,path:n+&quot;/colors&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Colors styles&quot;)},(0,E.__)(&quot;Colors&quot;)),l&amp;&amp;(0,s.createElement)(lr,{icon:sr,path:n+&quot;/border&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Border&quot;)},(0,E.__)(&quot;Border&quot;)),o&amp;&amp;(0,s.createElement)(lr,{icon:cr,path:n+&quot;/effects&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Shadow&quot;)},(0,E.__)(&quot;Shadow&quot;)),i&amp;&amp;(0,s.createElement)(lr,{icon:Dn,path:n+&quot;/layout&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Layout styles&quot;)},(0,E.__)(&quot;Layout&quot;)),c&amp;&amp;(0,s.createElement)(Qr,{name:t,path:n}),d&amp;&amp;u&amp;&amp;(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.CardDivider,null),(0,s.createElement)(y.CardBody,null,(0,s.createElement)(y.__experimentalSpacer,{as:&quot;p&quot;,paddingTop:2,marginBottom:4},(0,E.__)(&quot;Add your own CSS to customize the block appearance.&quot;)),(0,s.createElement)(y.__experimentalItemGroup,null,(0,s.createElement)(lr,{path:n+&quot;/css&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Additional block CSS&quot;)},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;space-between&quot;},(0,s.createElement)(y.FlexItem,null,(0,E.__)(&quot;Additional block CSS&quot;)),(0,s.createElement)(ar,{icon:(0,E.isRTL)()?se:ce}))))),(0,s.createElement)(y.CardDivider,null))))};const{useGlobalSetting:cl,useGlobalStyle:ul,useGlobalStylesOutput:ml}=Qe(fe.privateApis),dl={start:{scale:1,opacity:1},hover:{scale:0,opacity:0}},pl={hover:{opacity:1},start:{opacity:.5}},_l={hover:{scale:1,opacity:1},start:{scale:0,opacity:0}};var hl=e=&gt;{let{label:t,isFocused:n,withHoverView:a}=e;const[r]=ul(&quot;typography.fontWeight&quot;),[l=&quot;serif&quot;]=ul(&quot;typography.fontFamily&quot;),[o=l]=ul(&quot;elements.h1.typography.fontFamily&quot;),[i=r]=ul(&quot;elements.h1.typography.fontWeight&quot;),[c=&quot;black&quot;]=ul(&quot;color.text&quot;),[u=c]=ul(&quot;elements.h1.color.text&quot;),[m=&quot;white&quot;]=ul(&quot;color.background&quot;),[d]=ul(&quot;color.gradient&quot;),[p]=ml(),_=(0,te.useReducedMotion)(),[h]=cl(&quot;color.palette.core&quot;),[g]=cl(&quot;color.palette.theme&quot;),[v]=cl(&quot;color.palette.custom&quot;),[f,E]=(0,s.useState)(!1),[b,{width:w}]=(0,te.useResizeObserver)(),S=w?w/248:1,x=(null!=g?g:[]).concat(null!=v?v:[]).concat(null!=h?h:[]),k=x.filter((e=&gt;{let{color:t}=e;return t!==m&amp;&amp;t!==u})).slice(0,2),C=(0,s.useMemo)((()=&gt;p?[...p,{css:&quot;html{overflow:hidden}body{min-width: 0;padding: 0;border: none;}&quot;,isGlobalStyles:!0}]:p),[p]);return(0,s.createElement)(fe.__unstableIframe,{className:&quot;edit-site-global-styles-preview__iframe&quot;,head:(0,s.createElement)(fe.__unstableEditorStyles,{styles:C}),style:{height:152*S,visibility:w?&quot;visible&quot;:&quot;hidden&quot;},onMouseEnter:()=&gt;E(!0),onMouseLeave:()=&gt;E(!1),tabIndex:-1},b,(0,s.createElement)(y.__unstableMotion.div,{style:{height:152*S,width:&quot;100%&quot;,background:null!=d?d:m,cursor:&quot;pointer&quot;},initial:&quot;start&quot;,animate:(f||n)&amp;&amp;!_&amp;&amp;t?&quot;hover&quot;:&quot;start&quot;},(0,s.createElement)(y.__unstableMotion.div,{variants:dl,style:{height:&quot;100%&quot;,overflow:&quot;hidden&quot;}},(0,s.createElement)(y.__experimentalHStack,{spacing:10*S,justify:&quot;center&quot;,style:{height:&quot;100%&quot;,overflow:&quot;hidden&quot;}},(0,s.createElement)(y.__unstableMotion.div,{style:{fontFamily:o,fontSize:65*S,color:u,fontWeight:i},animate:{scale:1,opacity:1},initial:{scale:.1,opacity:0},transition:{delay:.3,type:&quot;tween&quot;}},&quot;Aa&quot;),(0,s.createElement)(y.__experimentalVStack,{spacing:4*S},k.map(((e,t)=&gt;{let{slug:n,color:a}=e;return(0,s.createElement)(y.__unstableMotion.div,{key:n,style:{height:32*S,width:32*S,background:a,borderRadius:32*S/2},animate:{scale:1,opacity:1},initial:{scale:.1,opacity:0},transition:{delay:1===t?.2:.1}})}))))),(0,s.createElement)(y.__unstableMotion.div,{variants:a&amp;&amp;pl,style:{height:&quot;100%&quot;,width:&quot;100%&quot;,position:&quot;absolute&quot;,top:0,overflow:&quot;hidden&quot;,filter:&quot;blur(60px)&quot;,opacity:.1}},(0,s.createElement)(y.__experimentalHStack,{spacing:0,justify:&quot;flex-start&quot;,style:{height:&quot;100%&quot;,overflow:&quot;hidden&quot;}},x.slice(0,4).map(((e,t)=&gt;{let{color:n}=e;return(0,s.createElement)(&quot;div&quot;,{key:t,style:{height:&quot;100%&quot;,background:n,flexGrow:1}})})))),(0,s.createElement)(y.__unstableMotion.div,{variants:_l,style:{height:&quot;100%&quot;,width:&quot;100%&quot;,overflow:&quot;hidden&quot;,position:&quot;absolute&quot;,top:0}},(0,s.createElement)(y.__experimentalVStack,{spacing:3*S,justify:&quot;center&quot;,style:{height:&quot;100%&quot;,overflow:&quot;hidden&quot;,padding:10*S,boxSizing:&quot;border-box&quot;}},t&amp;&amp;(0,s.createElement)(&quot;div&quot;,{style:{fontSize:40*S,fontFamily:o,color:u,fontWeight:i,lineHeight:&quot;1em&quot;,textAlign:&quot;center&quot;}},t)))))};var gl=function(){const{useGlobalStyle:e}=Qe(fe.privateApis),[t]=e(&quot;css&quot;),{variations:n,canEditCSS:a}=(0,m.useSelect)((e=&gt;{var t,n;const{getEntityRecord:a,__experimentalGetCurrentGlobalStylesId:r,__experimentalGetCurrentThemeGlobalStylesVariations:l}=e(_.store),o=r(),i=o?a(&quot;root&quot;,&quot;globalStyles&quot;,o):void 0;return{variations:l(),canEditCSS:null!==(t=!(null==i||null===(n=i._links)||void 0===n||!n[&quot;wp:action-edit-css&quot;]))&amp;&amp;void 0!==t&amp;&amp;t}}),[]);return(0,s.createElement)(y.Card,{size:&quot;small&quot;},(0,s.createElement)(y.CardBody,null,(0,s.createElement)(y.__experimentalVStack,{spacing:4},(0,s.createElement)(y.Card,null,(0,s.createElement)(y.CardMedia,null,(0,s.createElement)(hl,null))),!(null==n||!n.length)&amp;&amp;(0,s.createElement)(y.__experimentalItemGroup,null,(0,s.createElement)(lr,{path:&quot;/variations&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Browse styles&quot;)},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;space-between&quot;},(0,s.createElement)(y.FlexItem,null,(0,E.__)(&quot;Browse styles&quot;)),(0,s.createElement)(ar,{icon:(0,E.isRTL)()?se:ce})))),(0,s.createElement)(sl,null))),(0,s.createElement)(y.CardDivider,null),(0,s.createElement)(y.CardBody,null,(0,s.createElement)(y.__experimentalSpacer,{as:&quot;p&quot;,paddingTop:2,paddingX:&quot;13px&quot;,marginBottom:4},(0,E.__)(&quot;Customize the appearance of specific blocks for the whole site.&quot;)),(0,s.createElement)(y.__experimentalItemGroup,null,(0,s.createElement)(lr,{path:&quot;/blocks&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Blocks styles&quot;)},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;space-between&quot;},(0,s.createElement)(y.FlexItem,null,(0,E.__)(&quot;Blocks&quot;)),(0,s.createElement)(ar,{icon:(0,E.isRTL)()?se:ce}))))),a&amp;&amp;!!t&amp;&amp;(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.CardDivider,null),(0,s.createElement)(y.CardBody,null,(0,s.createElement)(y.__experimentalSpacer,{as:&quot;p&quot;,paddingTop:2,paddingX:&quot;13px&quot;,marginBottom:4},(0,E.__)(&quot;Add your own CSS to customize the appearance and layout of your site.&quot;)),(0,s.createElement)(y.__experimentalItemGroup,null,(0,s.createElement)(lr,{path:&quot;/css&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Additional CSS&quot;)},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;space-between&quot;},(0,s.createElement)(y.FlexItem,null,(0,E.__)(&quot;Additional CSS&quot;)),(0,s.createElement)(ar,{icon:(0,E.isRTL)()?se:ce})))))))};function vl(e){let{block:t}=e;const n=Dr(t.name),a=yr(t.name),r=dr(t.name),l=kr(t.name),o=r||l,i=jr(t.name);if(!(n||a||o||i))return null;const c=(0,E.sprintf)((0,E.__)(&quot;%s block styles&quot;),t.title);return(0,s.createElement)(lr,{path:&quot;/blocks/&quot;+encodeURIComponent(t.name),&quot;aria-label&quot;:c},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(fe.BlockIcon,{icon:t.icon}),(0,s.createElement)(y.FlexItem,null,t.title)))}var fl=function(){const e=function(){const e=(0,m.useSelect)((e=&gt;e(c.store).getBlockTypes()),[]),{core:t,noncore:n}=e.reduce(((e,t)=&gt;{const{core:n,noncore:a}=e;return(t.name.startsWith(&quot;core/&quot;)?n:a).push(t),e}),{core:[],noncore:[]});return[...t,...n]}(),[t,n]=(0,s.useState)(&quot;&quot;),a=(0,te.useDebounce)(Lt.speak,500),r=(0,m.useSelect)((e=&gt;e(c.store).isMatchingSearchTerm),[]),l=(0,s.useMemo)((()=&gt;t?e.filter((e=&gt;r(e,t))):e),[t,e,r]),o=(0,s.useRef)();return(0,s.useEffect)((()=&gt;{if(!t)return;const e=o.current.childElementCount,n=(0,E.sprintf)((0,E._n)(&quot;%d result found.&quot;,&quot;%d results found.&quot;,e),e);a(n,e)}),[t,a]),(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Blocks&quot;),description:(0,E.__)(&quot;Customize the appearance of specific blocks and for the whole site.&quot;)}),(0,s.createElement)(y.SearchControl,{__nextHasNoMarginBottom:!0,className:&quot;edit-site-block-types-search&quot;,onChange:n,value:t,label:(0,E.__)(&quot;Search for blocks&quot;),placeholder:(0,E.__)(&quot;Search&quot;)}),(0,s.createElement)(&quot;div&quot;,{ref:o,className:&quot;edit-site-block-types-item-list&quot;},l.map((e=&gt;(0,s.createElement)(vl,{block:e,key:&quot;menu-itemblock-&quot;+e.name})))))};var yl=function(e){let{name:t}=e;const n=(0,c.getBlockType)(t);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:n.title}),(0,s.createElement)(Zr,{name:t}),(0,s.createElement)(sl,{parentMenu:&quot;/blocks/&quot;+encodeURIComponent(t),name:t}))};function El(e){return e?`is-style-${e}`:&quot;&quot;}const{useGlobalStyle:bl}=Qe(fe.privateApis);function wl(e){let{name:t,parentMenu:n,element:a,label:r}=e;const l=!t,o=&quot;text&quot;!==a&amp;&amp;a?`elements.${a}.`:&quot;&quot;,i=&quot;link&quot;===a?{textDecoration:&quot;underline&quot;}:{},[c]=bl(o+&quot;typography.fontFamily&quot;,t),[u]=bl(o+&quot;typography.fontStyle&quot;,t),[m]=bl(o+&quot;typography.fontWeight&quot;,t),[d]=bl(o+&quot;typography.letterSpacing&quot;,t),[p]=bl(o+&quot;color.background&quot;,t),[_]=bl(o+&quot;color.gradient&quot;,t),[h]=bl(o+&quot;color.text&quot;,t);if(!l)return null;const g=(0,E.sprintf)((0,E.__)(&quot;Typography %s styles&quot;),r);return(0,s.createElement)(lr,{path:n+&quot;/typography/&quot;+a,&quot;aria-label&quot;:g},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(y.FlexItem,{className:&quot;edit-site-global-styles-screen-typography__indicator&quot;,style:{fontFamily:null!=c?c:&quot;serif&quot;,background:null!=_?_:p,color:h,fontStyle:u,fontWeight:m,letterSpacing:d,...i}},(0,E.__)(&quot;Aa&quot;)),(0,s.createElement)(y.FlexItem,null,r)))}var Sl=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=void 0===t?&quot;&quot;:&quot;/blocks/&quot;+t,r=El(n);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Typography&quot;),description:(0,E.__)(&quot;Manage the typography settings for different elements.&quot;)}),(0,s.createElement)(Zr,{name:t,variation:r}),!t&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles-screen-typography&quot;},(0,s.createElement)(y.__experimentalVStack,{spacing:3},(0,s.createElement)(Kr,null,(0,E.__)(&quot;Elements&quot;)),(0,s.createElement)(y.__experimentalItemGroup,{isBordered:!0,isSeparated:!0},(0,s.createElement)(wl,{name:t,parentMenu:a,element:&quot;text&quot;,label:(0,E.__)(&quot;Text&quot;)}),(0,s.createElement)(wl,{name:t,parentMenu:a,element:&quot;link&quot;,label:(0,E.__)(&quot;Links&quot;)}),(0,s.createElement)(wl,{name:t,parentMenu:a,element:&quot;heading&quot;,label:(0,E.__)(&quot;Headings&quot;)}),(0,s.createElement)(wl,{name:t,parentMenu:a,element:&quot;button&quot;,label:(0,E.__)(&quot;Buttons&quot;)})))),!!t&amp;&amp;(0,s.createElement)(Ur,{name:t,variation:n,element:&quot;text&quot;}))};const{useGlobalStyle:xl}=Qe(fe.privateApis);function kl(e){let{name:t,element:n,headingLevel:a}=e,r=&quot;&quot;;&quot;heading&quot;===n?r=`elements.${a}.`:n&amp;&amp;&quot;text&quot;!==n&amp;&amp;(r=`elements.${n}.`);const[l]=xl(r+&quot;typography.fontFamily&quot;,t),[o]=xl(r+&quot;color.gradient&quot;,t),[i]=xl(r+&quot;color.background&quot;,t),[c]=xl(r+&quot;color.text&quot;,t),[u]=xl(r+&quot;typography.fontSize&quot;,t),[m]=xl(r+&quot;typography.fontStyle&quot;,t),[d]=xl(r+&quot;typography.fontWeight&quot;,t),[p]=xl(r+&quot;typography.letterSpacing&quot;,t),_=&quot;link&quot;===n?{textDecoration:&quot;underline&quot;}:{};return(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-typography-preview&quot;,style:{fontFamily:null!=l?l:&quot;serif&quot;,background:null!=o?o:i,color:c,fontSize:u,fontStyle:m,fontWeight:d,letterSpacing:p,..._}},&quot;Aa&quot;)}const Cl={text:{description:(0,E.__)(&quot;Manage the fonts used on the site.&quot;),title:(0,E.__)(&quot;Text&quot;)},link:{description:(0,E.__)(&quot;Manage the fonts and typography used on the links.&quot;),title:(0,E.__)(&quot;Links&quot;)},heading:{description:(0,E.__)(&quot;Manage the fonts and typography used on headings.&quot;),title:(0,E.__)(&quot;Headings&quot;)},button:{description:(0,E.__)(&quot;Manage the fonts and typography used on buttons.&quot;),title:(0,E.__)(&quot;Buttons&quot;)}};var Tl=function(e){let{name:t,element:n}=e;const[a,r]=(0,s.useState)(&quot;heading&quot;);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:Cl[n].title,description:Cl[n].description}),(0,s.createElement)(y.__experimentalSpacer,{marginX:4},(0,s.createElement)(kl,{name:t,element:n,headingLevel:a})),&quot;heading&quot;===n&amp;&amp;(0,s.createElement)(y.__experimentalSpacer,{marginX:4,marginBottom:&quot;1em&quot;},(0,s.createElement)(y.__experimentalToggleGroupControl,{label:(0,E.__)(&quot;Select heading level&quot;),hideLabelFromVision:!0,value:a,onChange:r,isBlock:!0,size:&quot;__unstable-large&quot;,__nextHasNoMarginBottom:!0},(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;heading&quot;,label:(0,E.__)(&quot;All&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h1&quot;,label:(0,E.__)(&quot;H1&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h2&quot;,label:(0,E.__)(&quot;H2&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h3&quot;,label:(0,E.__)(&quot;H3&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h4&quot;,label:(0,E.__)(&quot;H4&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h5&quot;,label:(0,E.__)(&quot;H5&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h6&quot;,label:(0,E.__)(&quot;H6&quot;)}))),(0,s.createElement)(Ur,{name:t,element:n,headingLevel:a}))};var Nl=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/SVG&quot;},(0,s.createElement)(b.Path,{d:&quot;M17.192 6.75L15.47 5.03l1.06-1.06 3.537 3.53-3.537 3.53-1.06-1.06 1.723-1.72h-3.19c-.602 0-.993.202-1.28.498-.309.319-.538.792-.695 1.383-.13.488-.222 1.023-.296 1.508-.034.664-.116 1.413-.303 2.117-.193.721-.513 1.467-1.068 2.04-.575.594-1.359.954-2.357.954H4v-1.5h4.003c.601 0 .993-.202 1.28-.498.308-.319.538-.792.695-1.383.149-.557.216-1.093.288-1.662l.039-.31a9.653 9.653 0 0 1 .272-1.653c.193-.722.513-1.467 1.067-2.04.576-.594 1.36-.954 2.358-.954h3.19zM8.004 6.75c.8 0 1.46.23 1.988.628a6.24 6.24 0 0 0-.684 1.396 1.725 1.725 0 0 0-.024-.026c-.287-.296-.679-.498-1.28-.498H4v-1.5h4.003zM12.699 14.726c-.161.459-.38.94-.684 1.396.527.397 1.188.628 1.988.628h3.19l-1.722 1.72 1.06 1.06L20.067 16l-3.537-3.53-1.06 1.06 1.723 1.72h-3.19c-.602 0-.993-.202-1.28-.498a1.96 1.96 0 0 1-.024-.026z&quot;}));var Ml=function(e){let{className:t,...n}=e;return(0,s.createElement)(y.Flex,g({className:f()(&quot;edit-site-global-styles__color-indicator-wrapper&quot;,t)},n))};const{useGlobalSetting:Il}=Qe(fe.privateApis),Pl=[];var Bl=function(e){let{name:t}=e;const[n]=Il(&quot;color.palette.custom&quot;),[a]=Il(&quot;color.palette.theme&quot;),[r]=Il(&quot;color.palette.default&quot;),[l]=Il(&quot;color.defaultPalette&quot;,t),[o]=function(e){const[t,n]=Je(&quot;color.palette.theme&quot;,e);return window.__experimentalEnableColorRandomizer?[function(){const e=Math.floor(225*Math.random()),a=t.map((t=&gt;{const{color:n}=t,a=je(n).rotate(e).toHex();return{...t,color:a}}));n(a)}]:[]}(),i=(0,s.useMemo)((()=&gt;[...n||Pl,...a||Pl,...r&amp;&amp;l?r:Pl]),[n,a,r,l]),c=t?&quot;/blocks/&quot;+encodeURIComponent(t)+&quot;/colors/palette&quot;:&quot;/colors/palette&quot;,u=i.length&gt;0?(0,E.sprintf)((0,E._n)(&quot;%d color&quot;,&quot;%d colors&quot;,i.length),i.length):(0,E.__)(&quot;Add custom colors&quot;);return(0,s.createElement)(y.__experimentalVStack,{spacing:3},(0,s.createElement)(Kr,null,(0,E.__)(&quot;Palette&quot;)),(0,s.createElement)(y.__experimentalItemGroup,{isBordered:!0,isSeparated:!0},(0,s.createElement)(lr,{path:c,&quot;aria-label&quot;:(0,E.__)(&quot;Color palettes&quot;)},(0,s.createElement)(y.__experimentalHStack,{direction:0===i.length?&quot;row-reverse&quot;:&quot;row&quot;},(0,s.createElement)(y.__experimentalZStack,{isLayered:!1,offset:-8},i.slice(0,5).map(((e,t)=&gt;{let{color:n}=e;return(0,s.createElement)(Ml,{key:`${n}-${t}`},(0,s.createElement)(y.ColorIndicator,{colorValue:n}))}))),(0,s.createElement)(y.FlexItem,null,u)))),o&amp;&amp;(0,s.createElement)(y.Button,{variant:&quot;secondary&quot;,icon:Nl,onClick:o},(0,E.__)(&quot;Randomize colors&quot;)))};const{useGlobalStyle:zl}=Qe(fe.privateApis);function Vl(e){let{name:t,parentMenu:n,variation:a=&quot;&quot;}=e;const r=a?`variations.${a}.`:&quot;&quot;,l=a?`/variations/${a}`:&quot;&quot;,o=tt(t),i=o.includes(&quot;backgroundColor&quot;)||o.includes(&quot;background&quot;),[c]=zl(r+&quot;color.background&quot;,t),[u]=zl(r+&quot;color.gradient&quot;,t);return i?(0,s.createElement)(lr,{path:n+l+&quot;/colors/background&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Colors background styles&quot;)},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(Ml,{expanded:!1},(0,s.createElement)(y.ColorIndicator,{colorValue:null!=u?u:c,&quot;data-testid&quot;:&quot;background-color-indicator&quot;})),(0,s.createElement)(y.FlexItem,{className:&quot;edit-site-global-styles__color-label&quot;},(0,E.__)(&quot;Background&quot;)))):null}function Rl(e){let{name:t,parentMenu:n,variation:a=&quot;&quot;}=e;const r=a?`variations.${a}.`:&quot;&quot;,l=a?`/variations/${a}`:&quot;&quot;,o=tt(t).includes(&quot;color&quot;),[i]=zl(r+&quot;color.text&quot;,t);return o?(0,s.createElement)(lr,{path:n+l+&quot;/colors/text&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Colors text styles&quot;)},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(Ml,{expanded:!1},(0,s.createElement)(y.ColorIndicator,{colorValue:i,&quot;data-testid&quot;:&quot;text-color-indicator&quot;})),(0,s.createElement)(y.FlexItem,{className:&quot;edit-site-global-styles__color-label&quot;},(0,E.__)(&quot;Text&quot;)))):null}function Al(e){let{name:t,parentMenu:n,variation:a=&quot;&quot;}=e;const r=a?`variations.${a}.`:&quot;&quot;,l=a?`/variations/${a}`:&quot;&quot;,o=tt(t).includes(&quot;linkColor&quot;),[i]=zl(r+&quot;elements.link.color.text&quot;,t),[c]=zl(r+&quot;elements.link.:hover.color.text&quot;,t);return o?(0,s.createElement)(lr,{path:n+l+&quot;/colors/link&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Colors link styles&quot;)},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(y.__experimentalZStack,{isLayered:!1,offset:-8},(0,s.createElement)(Ml,{expanded:!1},(0,s.createElement)(y.ColorIndicator,{colorValue:i})),(0,s.createElement)(Ml,{expanded:!1},(0,s.createElement)(y.ColorIndicator,{colorValue:c}))),(0,s.createElement)(y.FlexItem,{className:&quot;edit-site-global-styles__color-label&quot;},(0,E.__)(&quot;Links&quot;)))):null}function Ll(e){let{name:t,parentMenu:n,variation:a=&quot;&quot;}=e;const r=a?`variations.${a}.`:&quot;&quot;,l=a?`/variations/${a}`:&quot;&quot;,o=tt(t).includes(&quot;color&quot;),[i]=zl(r+&quot;elements.heading.color.text&quot;,t),[c]=zl(r+&quot;elements.heading.color.background&quot;,t);return o?(0,s.createElement)(lr,{path:n+l+&quot;/colors/heading&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Colors heading styles&quot;)},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(y.__experimentalZStack,{isLayered:!1,offset:-8},(0,s.createElement)(Ml,{expanded:!1},(0,s.createElement)(y.ColorIndicator,{colorValue:c})),(0,s.createElement)(Ml,{expanded:!1},(0,s.createElement)(y.ColorIndicator,{colorValue:i}))),(0,s.createElement)(y.FlexItem,null,(0,E.__)(&quot;Headings&quot;)))):null}function Dl(e){let{name:t,parentMenu:n,variation:a=&quot;&quot;}=e;const r=a?`variations.${a}.`:&quot;&quot;,l=a?`/variations/${a}`:&quot;&quot;,o=tt(t).includes(&quot;buttonColor&quot;),[i]=zl(r+&quot;elements.button.color.text&quot;,t),[c]=zl(r+&quot;elements.button.color.background&quot;,t);return o?(0,s.createElement)(lr,{path:n+l+&quot;/colors/button&quot;},(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;},(0,s.createElement)(y.__experimentalZStack,{isLayered:!1,offset:-8},(0,s.createElement)(Ml,{expanded:!1},(0,s.createElement)(y.ColorIndicator,{colorValue:c})),(0,s.createElement)(Ml,{expanded:!1},(0,s.createElement)(y.ColorIndicator,{colorValue:i}))),(0,s.createElement)(y.FlexItem,{className:&quot;edit-site-global-styles__color-label&quot;},(0,E.__)(&quot;Buttons&quot;)))):null}var Ol=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=void 0===t?&quot;&quot;:&quot;/blocks/&quot;+encodeURIComponent(t),r=El(n);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Colors&quot;),description:(0,E.__)(&quot;Manage palettes and the default color of different global elements on the site.&quot;)}),(0,s.createElement)(Zr,{name:t,variation:r}),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles-screen-colors&quot;},(0,s.createElement)(y.__experimentalVStack,{spacing:10},(0,s.createElement)(Bl,{name:t}),(0,s.createElement)(y.__experimentalVStack,{spacing:3},(0,s.createElement)(Kr,null,(0,E.__)(&quot;Elements&quot;)),(0,s.createElement)(y.__experimentalItemGroup,{isBordered:!0,isSeparated:!0},(0,s.createElement)(Vl,{name:t,parentMenu:a,variation:n}),(0,s.createElement)(Rl,{name:t,parentMenu:a,variation:n}),(0,s.createElement)(Al,{name:t,parentMenu:a,variation:n}),(0,s.createElement)(Ll,{name:t,parentMenu:a,variation:n}),(0,s.createElement)(Dl,{name:t,parentMenu:a,variation:n}))))))};const{useGlobalSetting:Fl}=Qe(fe.privateApis);function Gl(e){let{name:t}=e;const[n,a]=Fl(&quot;color.palette.theme&quot;,t),[r]=Fl(&quot;color.palette.theme&quot;,t,&quot;base&quot;),[l,o]=Fl(&quot;color.palette.default&quot;,t),[i]=Fl(&quot;color.palette.default&quot;,t,&quot;base&quot;),[c,u]=Fl(&quot;color.palette.custom&quot;,t),[m]=Fl(&quot;color.defaultPalette&quot;,t);return(0,s.createElement)(y.__experimentalVStack,{className:&quot;edit-site-global-styles-color-palette-panel&quot;,spacing:10},!!n&amp;&amp;!!n.length&amp;&amp;(0,s.createElement)(y.__experimentalPaletteEdit,{canReset:n!==r,canOnlyChangeValues:!0,colors:n,onChange:a,paletteLabel:(0,E.__)(&quot;Theme&quot;)}),!!l&amp;&amp;!!l.length&amp;&amp;!!m&amp;&amp;(0,s.createElement)(y.__experimentalPaletteEdit,{canReset:l!==i,canOnlyChangeValues:!0,colors:l,onChange:o,paletteLabel:(0,E.__)(&quot;Default&quot;)}),(0,s.createElement)(y.__experimentalPaletteEdit,{colors:c,onChange:u,paletteLabel:(0,E.__)(&quot;Custom&quot;),emptyMessage:(0,E.__)(&quot;Custom colors are empty! Add some colors to create your own color palette.&quot;),slugPrefix:&quot;custom-&quot;}))}const{useGlobalSetting:Hl}=Qe(fe.privateApis),$l=()=&gt;{};function Ul(e){let{name:t}=e;const[n,a]=Hl(&quot;color.gradients.theme&quot;,t),[r]=Hl(&quot;color.gradients.theme&quot;,t,&quot;base&quot;),[l,o]=Hl(&quot;color.gradients.default&quot;,t),[i]=Hl(&quot;color.gradients.default&quot;,t,&quot;base&quot;),[c,u]=Hl(&quot;color.gradients.custom&quot;,t),[m]=Hl(&quot;color.defaultGradients&quot;,t),[d]=Hl(&quot;color.duotone.custom&quot;)||[],[p]=Hl(&quot;color.duotone.default&quot;)||[],[_]=Hl(&quot;color.duotone.theme&quot;)||[],[h]=Hl(&quot;color.defaultDuotone&quot;),g=[...d||[],..._||[],...p&amp;&amp;h?p:[]];return(0,s.createElement)(y.__experimentalVStack,{className:&quot;edit-site-global-styles-gradient-palette-panel&quot;,spacing:10},!!n&amp;&amp;!!n.length&amp;&amp;(0,s.createElement)(y.__experimentalPaletteEdit,{canReset:n!==r,canOnlyChangeValues:!0,gradients:n,onChange:a,paletteLabel:(0,E.__)(&quot;Theme&quot;)}),!!l&amp;&amp;!!l.length&amp;&amp;!!m&amp;&amp;(0,s.createElement)(y.__experimentalPaletteEdit,{canReset:l!==i,canOnlyChangeValues:!0,gradients:l,onChange:o,paletteLabel:(0,E.__)(&quot;Default&quot;)}),(0,s.createElement)(y.__experimentalPaletteEdit,{gradients:c,onChange:u,paletteLabel:(0,E.__)(&quot;Custom&quot;),emptyMessage:(0,E.__)(&quot;Custom gradients are empty! Add some gradients to create your own palette.&quot;),slugPrefix:&quot;custom-&quot;}),!!g&amp;&amp;!!g.length&amp;&amp;(0,s.createElement)(&quot;div&quot;,null,(0,s.createElement)(Kr,null,(0,E.__)(&quot;Duotone&quot;)),(0,s.createElement)(y.__experimentalSpacer,{margin:3}),(0,s.createElement)(y.DuotonePicker,{duotonePalette:g,disableCustomDuotone:!0,disableCustomColors:!0,clearable:!1,onChange:$l})))}var Wl=function(e){let{name:t}=e;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Palette&quot;),description:(0,E.__)(&quot;Palettes are used to provide default color options for blocks and various design tools. Here you can edit the colors with their labels.&quot;)}),(0,s.createElement)(y.TabPanel,{tabs:[{name:&quot;solid&quot;,title:&quot;Solid&quot;,value:&quot;solid&quot;},{name:&quot;gradient&quot;,title:&quot;Gradient&quot;,value:&quot;gradient&quot;}]},(e=&gt;(0,s.createElement)(s.Fragment,null,&quot;solid&quot;===e.value&amp;&amp;(0,s.createElement)(Gl,{name:t}),&quot;gradient&quot;===e.value&amp;&amp;(0,s.createElement)(Ul,{name:t})))))};const{useGlobalSetting:jl,useGlobalStyle:ql}=Qe(fe.privateApis);var Yl=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=n?`variations.${n}.`:&quot;&quot;,r=tt(t),[l]=jl(&quot;color.custom&quot;,t),[o]=jl(&quot;color.customGradient&quot;,t),i=nt(t),c=at(t),[u]=jl(&quot;color.background&quot;,t),m=r.includes(&quot;backgroundColor&quot;)&amp;&amp;u&amp;&amp;(i.length&gt;0||l),d=r.includes(&quot;background&quot;)&amp;&amp;(c.length&gt;0||o),[p,_]=ql(a+&quot;color.background&quot;,t),[h]=ql(a+&quot;color.background&quot;,t,&quot;user&quot;),[v,y]=ql(a+&quot;color.gradient&quot;,t),[b]=ql(a+&quot;color.gradient&quot;,t,&quot;user&quot;);if(!m&amp;&amp;!d)return null;let w={};m&amp;&amp;(w={colorValue:p,onColorChange:_},p&amp;&amp;(w.clearable=p===h));let S={};d&amp;&amp;(S={gradientValue:v,onGradientChange:y},v&amp;&amp;(S.clearable=v===b));const x={...w,...S};return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Background&quot;),description:(0,E.__)(&quot;Set a background color or gradient for the whole site.&quot;)}),(0,s.createElement)(fe.__experimentalColorGradientControl,g({className:f()(&quot;edit-site-screen-background-color__control&quot;,{&quot;has-no-tabs&quot;:!m||!d}),colors:i,gradients:c,disableCustomColors:!l,disableCustomGradients:!o,showTitle:!1,enableAlpha:!0,__experimentalIsRenderedInSidebar:!0},x)))};const{useGlobalSetting:Xl,useGlobalStyle:Zl}=Qe(fe.privateApis);var Kl=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=n?`variations.${n}.`:&quot;&quot;,r=tt(t),[l]=Xl(&quot;color.custom&quot;,t),[o]=Xl(&quot;color.text&quot;,t),i=nt(t),c=r.includes(&quot;color&quot;)&amp;&amp;o&amp;&amp;(i.length&gt;0||l),[u,m]=Zl(a+&quot;color.text&quot;,t),[d]=Zl(a+&quot;color.text&quot;,t,&quot;user&quot;);return c?(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Text&quot;),description:(0,E.__)(&quot;Set the default color used for text across the site.&quot;)}),(0,s.createElement)(fe.__experimentalColorGradientControl,{className:&quot;edit-site-screen-text-color__control&quot;,colors:i,disableCustomColors:!l,showTitle:!1,enableAlpha:!0,__experimentalIsRenderedInSidebar:!0,colorValue:u,onColorChange:m,clearable:u===d})):null};const{useGlobalSetting:Ql,useGlobalStyle:Jl}=Qe(fe.privateApis);var eo=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=n?`variations.${n}.`:&quot;&quot;,r=tt(t),[l]=Ql(&quot;color.custom&quot;,t),o=nt(t),[i]=Ql(&quot;color.link&quot;,t),c=r.includes(&quot;linkColor&quot;)&amp;&amp;i&amp;&amp;(o.length&gt;0||l),u={default:{label:(0,E.__)(&quot;Default&quot;),value:Jl(a+&quot;elements.link.color.text&quot;,t)[0],handler:Jl(a+&quot;elements.link.color.text&quot;,t)[1],userValue:Jl(a+&quot;elements.link.color.text&quot;,t,&quot;user&quot;)[0]},hover:{label:(0,E.__)(&quot;Hover&quot;),value:Jl(a+&quot;elements.link.:hover.color.text&quot;,t)[0],handler:Jl(a+&quot;elements.link.:hover.color.text&quot;,t)[1],userValue:Jl(a+&quot;elements.link.:hover.color.text&quot;,t,&quot;user&quot;)[0]}};if(!c)return null;const m=Object.entries(u).map((e=&gt;{let[t,n]=e;return{name:t,title:n.label,className:`color-text-${t}`}}));return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Links&quot;),description:(0,E.__)(&quot;Set the colors used for links across the site.&quot;)}),(0,s.createElement)(y.TabPanel,{tabs:m},(e=&gt;{var t;const n=null!==(t=u[e.name])&amp;&amp;void 0!==t?t:null;return n?(0,s.createElement)(s.Fragment,null,(0,s.createElement)(fe.__experimentalColorGradientControl,{className:&quot;edit-site-screen-link-color__control&quot;,colors:o,disableCustomColors:!l,showTitle:!1,enableAlpha:!0,__experimentalIsRenderedInSidebar:!0,colorValue:n.value,onColorChange:n.handler,clearable:n.value===n.userValue})):null})))};const{useGlobalSetting:to,useGlobalStyle:no}=Qe(fe.privateApis);var ao=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=n?`variations.${n}.`:&quot;&quot;,[r,l]=(0,s.useState)(&quot;heading&quot;),o=tt(t),[i]=to(&quot;color.custom&quot;,t),[c]=to(&quot;color.customGradient&quot;,t),[u]=to(&quot;color.text&quot;,t),[m]=to(&quot;color.background&quot;,t),d=nt(t),p=at(t),_=o.includes(&quot;color&quot;)&amp;&amp;u&amp;&amp;(d.length&gt;0||i),h=o.includes(&quot;backgroundColor&quot;)&amp;&amp;m&amp;&amp;(d.length&gt;0||i),v=o.includes(&quot;background&quot;)&amp;&amp;(p.length&gt;0||c),[f,b]=no(a+&quot;elements.&quot;+r+&quot;.color.text&quot;,t),[w]=no(a+&quot;elements.&quot;+r+&quot;.color.text&quot;,t,&quot;user&quot;),[S,x]=no(a+&quot;elements.&quot;+r+&quot;.color.background&quot;,t),[k]=no(a+&quot;elements.&quot;+r+&quot;.color.background&quot;,t,&quot;user&quot;),[C,T]=no(a+&quot;elements.&quot;+r+&quot;.color.gradient&quot;,t),[N]=no(a+&quot;elements.&quot;+r+&quot;.color.gradient&quot;,t,&quot;user&quot;);if(!_&amp;&amp;!h&amp;&amp;!v)return null;let M={};h&amp;&amp;(M={colorValue:S,onColorChange:x},S&amp;&amp;(M.clearable=S===k));let I={};v&amp;&amp;(I={gradientValue:C,onGradientChange:T},C&amp;&amp;(I.clearable=C===N));const P={...M,...I};return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Headings&quot;),description:(0,E.__)(&quot;Set the default color used for headings across the site.&quot;)}),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles-screen-heading-color&quot;},(0,s.createElement)(&quot;h4&quot;,null,(0,E.__)(&quot;Select heading level&quot;)),(0,s.createElement)(y.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,label:(0,E.__)(&quot;Select heading level&quot;),hideLabelFromVision:!0,value:r,onChange:l,isBlock:!0},(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;heading&quot;,label:(0,E.__)(&quot;All&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h1&quot;,label:(0,E.__)(&quot;H1&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h2&quot;,label:(0,E.__)(&quot;H2&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h3&quot;,label:(0,E.__)(&quot;H3&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h4&quot;,label:(0,E.__)(&quot;H4&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h5&quot;,label:(0,E.__)(&quot;H5&quot;)}),(0,s.createElement)(y.__experimentalToggleGroupControlOption,{value:&quot;h6&quot;,label:(0,E.__)(&quot;H6&quot;)}))),_&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles-screen-heading-color&quot;},(0,s.createElement)(&quot;h4&quot;,null,&quot;heading&quot;===r?(0,E.__)(&quot;Text color for all heading levels&quot;):(0,E.sprintf)((0,E.__)(&quot;Text color for %s&quot;),r.toUpperCase())),(0,s.createElement)(fe.__experimentalColorGradientControl,{className:&quot;edit-site-screen-heading-text-color__control&quot;,colors:d,disableCustomColors:!i,showTitle:!1,enableAlpha:!0,__experimentalIsRenderedInSidebar:!0,colorValue:f,onColorChange:b,clearable:f===w})),h&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles-screen-heading-color&quot;},(0,s.createElement)(&quot;h4&quot;,null,&quot;heading&quot;===r?(0,E.__)(&quot;Background color for all heading levels&quot;):(0,E.sprintf)((0,E.__)(&quot;Background color for %s&quot;),r.toUpperCase())),(0,s.createElement)(fe.__experimentalColorGradientControl,g({className:&quot;edit-site-screen-heading-background-color__control&quot;,colors:d,gradients:p,disableCustomColors:!i,disableCustomGradients:!c,showTitle:!1,enableAlpha:!0,__experimentalIsRenderedInSidebar:!0},P))))};const{useGlobalSetting:ro,useGlobalStyle:lo}=Qe(fe.privateApis);var oo=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=n?`variations.${n}.`:&quot;&quot;,r=tt(t),l=nt(t),[o]=ro(&quot;color.custom&quot;,t),[i]=ro(&quot;color.background&quot;,t),c=r.includes(&quot;buttonColor&quot;)&amp;&amp;i&amp;&amp;(l.length&gt;0||o),[u,m]=lo(a+&quot;elements.button.color.text&quot;,t),[d]=lo(&quot;elements.button.color.text&quot;,t,&quot;user&quot;),[p,_]=lo(&quot;elements.button.color.background&quot;,t),[h]=lo(&quot;elements.button.color.background&quot;,t,&quot;user&quot;);return c?(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Buttons&quot;),description:(0,E.__)(&quot;Set the default colors used for buttons across the site.&quot;)}),(0,s.createElement)(&quot;h4&quot;,{className:&quot;edit-site-global-styles-section-title&quot;},(0,E.__)(&quot;Text color&quot;)),(0,s.createElement)(fe.__experimentalColorGradientControl,{className:&quot;edit-site-screen-button-color__control&quot;,colors:l,disableCustomColors:!o,showTitle:!1,enableAlpha:!0,__experimentalIsRenderedInSidebar:!0,colorValue:u,onColorChange:m,clearable:u===d}),(0,s.createElement)(&quot;h4&quot;,{className:&quot;edit-site-global-styles-section-title&quot;},(0,E.__)(&quot;Background color&quot;)),(0,s.createElement)(fe.__experimentalColorGradientControl,{className:&quot;edit-site-screen-button-color__control&quot;,colors:l,disableCustomColors:!o,showTitle:!1,enableAlpha:!0,__experimentalIsRenderedInSidebar:!0,colorValue:p,onColorChange:_,clearable:p===h})):null};var io=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=kr(t),r=El(n);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Layout&quot;)}),(0,s.createElement)(Zr,{name:t,variation:r}),a&amp;&amp;(0,s.createElement)(Rr,{name:t,variation:n}))},so=n(5619),co=n.n(so);function uo(){return(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-canvas-spinner&quot;},(0,s.createElement)(y.Spinner,null))}const{GlobalStylesContext:mo}=Qe(fe.privateApis);function po(e,t){if(Array.isArray(t))return t}function _o(e,t){return(0,ve.mergeWith)({},e,t,po)}const ho=e=&gt;{if(null===e||&quot;object&quot;!=typeof e||Array.isArray(e))return e;const t=Object.fromEntries(Object.entries((0,ve.mapValues)(e,ho)).filter((e=&gt;{let[,t]=e;return Boolean(t)})));return(0,ve.isEmpty)(t)?void 0:t};function go(){const[e,t,n]=function(){const{globalStylesId:e,isReady:t,settings:n,styles:a}=(0,m.useSelect)((e=&gt;{const{getEditedEntityRecord:t,hasFinishedResolution:n}=e(_.store),a=e(_.store).__experimentalGetCurrentGlobalStylesId(),r=a?t(&quot;root&quot;,&quot;globalStyles&quot;,a):void 0;let l=!1;return n(&quot;__experimentalGetCurrentGlobalStylesId&quot;)&amp;&amp;(l=!a||n(&quot;getEditedEntityRecord&quot;,[&quot;root&quot;,&quot;globalStyles&quot;,a])),{globalStylesId:a,isReady:l,settings:null==r?void 0:r.settings,styles:null==r?void 0:r.styles}}),[]),{getEditedEntityRecord:r}=(0,m.useSelect)(_.store),{editEntityRecord:l}=(0,m.useDispatch)(_.store),o=(0,s.useMemo)((()=&gt;({settings:null!=n?n:{},styles:null!=a?a:{}})),[n,a]),i=(0,s.useCallback)((function(t){var n,a;let o=arguments.length&gt;1&amp;&amp;void 0!==arguments[1]?arguments[1]:{};const i=r(&quot;root&quot;,&quot;globalStyles&quot;,e),s=t({styles:null!==(n=null==i?void 0:i.styles)&amp;&amp;void 0!==n?n:{},settings:null!==(a=null==i?void 0:i.settings)&amp;&amp;void 0!==a?a:{}});l(&quot;root&quot;,&quot;globalStyles&quot;,e,{styles:ho(s.styles)||{},settings:ho(s.settings)||{}},o)}),[e]);return[t,o,i]}(),[a,r]=function(){const e=(0,m.useSelect)((e=&gt;e(_.store).__experimentalGetCurrentThemeBaseGlobalStyles()),[]);return[!!e,e]}(),l=(0,s.useMemo)((()=&gt;r&amp;&amp;t?_o(r,t):{}),[t,r]);return(0,s.useMemo)((()=&gt;({isReady:e&amp;&amp;a,user:t,base:r,merged:l,setUserConfig:n})),[l,t,r,n,e,a])}function vo(e){let{children:t}=e;const n=go();return n.isReady?(0,s.createElement)(mo.Provider,{value:n},t):(0,s.createElement)(uo,null)}const{GlobalStylesContext:fo}=Qe(fe.privateApis);function yo(e){let{variation:t}=e;const[n,a]=(0,s.useState)(!1),{base:r,user:l,setUserConfig:o}=(0,s.useContext)(fo),i=(0,s.useMemo)((()=&gt;{var e,n;return{user:{settings:null!==(e=t.settings)&amp;&amp;void 0!==e?e:{},styles:null!==(n=t.styles)&amp;&amp;void 0!==n?n:{}},base:r,merged:_o(r,t),setUserConfig:()=&gt;{}}}),[t,r]),c=()=&gt;{o((()=&gt;({settings:t.settings,styles:t.styles})))},u=(0,s.useMemo)((()=&gt;function(e,t){return co()(e.styles,t.styles)&amp;&amp;co()(e.settings,t.settings)}(l,t)),[l,t]);return(0,s.createElement)(fo.Provider,{value:i},(0,s.createElement)(&quot;div&quot;,{className:f()(&quot;edit-site-global-styles-variations_item&quot;,{&quot;is-active&quot;:u}),role:&quot;button&quot;,onClick:c,onKeyDown:e=&gt;{e.keyCode===qa.ENTER&amp;&amp;(e.preventDefault(),c())},tabIndex:&quot;0&quot;,&quot;aria-label&quot;:null==t?void 0:t.title,&quot;aria-current&quot;:u,onFocus:()=&gt;a(!0),onBlur:()=&gt;a(!1)},(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles-variations_item-preview&quot;},(0,s.createElement)(hl,{label:null==t?void 0:t.title,isFocused:n,withHoverView:!0}))))}var Eo=function(){const{variations:e,mode:t}=(0,m.useSelect)((e=&gt;({variations:e(_.store).__experimentalGetCurrentThemeGlobalStylesVariations(),mode:e(fe.store).__unstableGetEditorMode()})),[]),n=(0,s.useMemo)((()=&gt;[{title:(0,E.__)(&quot;Default&quot;),settings:{},styles:{}},...e.map((e=&gt;{var t,n;return{...e,settings:null!==(t=e.settings)&amp;&amp;void 0!==t?t:{},styles:null!==(n=e.styles)&amp;&amp;void 0!==n?n:{}}}))]),[e]),{__unstableSetEditorMode:a}=(0,m.useDispatch)(fe.store),r=(0,s.useRef)(null);return(0,s.useEffect)((()=&gt;{&quot;zoom-out&quot;!==t&amp;&amp;(r.current=!1)}),[t]),(0,s.useEffect)((()=&gt;{if(&quot;zoom-out&quot;!==t)return a(&quot;zoom-out&quot;),r.current=!0,()=&gt;{r.current&amp;&amp;a(t)}}),[]),(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{back:&quot;/&quot;,title:(0,E.__)(&quot;Browse styles&quot;),description:(0,E.__)(&quot;Choose a variation to change the look of the site.&quot;)}),(0,s.createElement)(y.Card,{size:&quot;small&quot;,isBorderless:!0},(0,s.createElement)(y.CardBody,null,(0,s.createElement)(y.__experimentalGrid,{columns:2},null==n?void 0:n.map(((e,t)=&gt;(0,s.createElement)(yo,{key:t,variation:e})))))))};var bo=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=dr(t),r=El(n);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Border&quot;)}),(0,s.createElement)(Zr,{name:t,variation:r}),a&amp;&amp;(0,s.createElement)(fr,{name:t,variation:n}))};const{ExperimentalBlockEditorProvider:wo,useGlobalStyle:So}=Qe(fe.privateApis),xo=&quot;EditSiteStyleBook&quot;,{Slot:ko,Fill:Co}=(0,y.createSlotFill)(xo);function To(){return[{name:&quot;core/heading&quot;,title:(0,E.__)(&quot;Headings&quot;),category:&quot;text&quot;,blocks:[(0,c.createBlock)(&quot;core/heading&quot;,{content:(0,E.__)(&quot;Code Is Poetry&quot;),level:1}),(0,c.createBlock)(&quot;core/heading&quot;,{content:(0,E.__)(&quot;Code Is Poetry&quot;),level:2}),(0,c.createBlock)(&quot;core/heading&quot;,{content:(0,E.__)(&quot;Code Is Poetry&quot;),level:3}),(0,c.createBlock)(&quot;core/heading&quot;,{content:(0,E.__)(&quot;Code Is Poetry&quot;),level:4}),(0,c.createBlock)(&quot;core/heading&quot;,{content:(0,E.__)(&quot;Code Is Poetry&quot;),level:5})]},...(0,c.getBlockTypes)().filter((e=&gt;{const{name:t,example:n,supports:a}=e;return&quot;core/heading&quot;!==t&amp;&amp;!!n&amp;&amp;!1!==a.inserter})).map((e=&gt;({name:e.name,title:e.title,category:e.category,blocks:(0,c.getBlockFromExample)(e.name,e.example)})))]}function No(e){let{isSelected:t,onSelect:n,onClose:a}=e;const[r,l]=(0,te.useResizeObserver)(),o=(0,te.useFocusOnMount)(&quot;firstElement&quot;),i=(0,te.useFocusReturn)(),[u]=So(&quot;color.text&quot;),[d]=So(&quot;color.background&quot;),p=(0,s.useMemo)(To,[]),_=(0,s.useMemo)((()=&gt;(0,c.getCategories)().filter((e=&gt;p.some((t=&gt;t.category===e.slug)))).map((e=&gt;({name:e.slug,title:e.title,icon:e.icon})))),[p]),h=(0,m.useSelect)((e=&gt;e(fe.store).getSettings()),[]),g=(0,s.useMemo)((()=&gt;({...h,__unstableIsPreviewMode:!0})),[h]);return(0,s.createElement)(Co,null,(0,s.createElement)(&quot;section&quot;,{className:f()(&quot;edit-site-style-book&quot;,{&quot;is-wide&quot;:l.width&gt;600}),style:{color:u,background:d},&quot;aria-label&quot;:(0,E.__)(&quot;Style Book&quot;),onKeyDown:function(e){e.keyCode!==qa.ESCAPE||e.defaultPrevented||(e.preventDefault(),a())},ref:(0,te.useMergeRefs)([i,o])},r,(0,s.createElement)(y.Button,{className:&quot;edit-site-style-book__close-button&quot;,icon:C,label:(0,E.__)(&quot;Close Style Book&quot;),onClick:a,showTooltip:!1}),(0,s.createElement)(y.TabPanel,{className:&quot;edit-site-style-book__tab-panel&quot;,tabs:_},(e=&gt;(0,s.createElement)(fe.__unstableIframe,{className:&quot;edit-site-style-book__iframe&quot;,head:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(fe.__unstableEditorStyles,{styles:g.styles}),(0,s.createElement)(&quot;style&quot;,null,'.is-root-container { display: flow-root; }\n\t\t\t\t\t\t\t\t\t\t\tbody { position: relative; padding: 32px !important; }\n\t.edit-site-style-book__examples {\n\t\tmax-width: 900px;\n\t\tmargin: 0 auto;\n\t}\n\n\t.edit-site-style-book__example {\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 40px;\n\t\tmargin-bottom: 40px;\n\t\tpadding: 16px;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.edit-site-style-book__example.is-selected {\n\t\tbox-shadow: 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t}\n\n\t.edit-site-style-book__example:focus:not(:disabled) {\n\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\toutline: 3px solid transparent;\n\t}\n\n\t.edit-site-style-book__examples.is-wide .edit-site-style-book__example {\n\t\tflex-direction: row;\n\t}\n\n\t.edit-site-style-book__example-title {\n\t\tfont-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif;\n\t\tfont-size: 11px;\n\t\tfont-weight: 500;\n\t\tline-height: normal;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.edit-site-style-book__examples.is-wide .edit-site-style-book__example-title {\n\t\ttext-align: right;\n\t\twidth: 120px;\n\t}\n\n\t.edit-site-style-book__example-preview {\n\t\twidth: 100%;\n\t}\n\n\t.edit-site-style-book__example-preview .block-editor-block-list__insertion-point,\n\t.edit-site-style-book__example-preview .block-list-appender {\n\t\tdisplay: none;\n\t}\n\n\t.edit-site-style-book__example-preview .is-root-container &gt; .wp-block:first-child {\n\t\tmargin-top: 0;\n\t}\n\t.edit-site-style-book__example-preview .is-root-container &gt; .wp-block:last-child {\n\t\tmargin-bottom: 0;\n\t}\n')),name:&quot;style-book-canvas&quot;,tabIndex:0},g.svgFilters,(0,s.createElement)(Mo,{className:f()(&quot;edit-site-style-book__examples&quot;,{&quot;is-wide&quot;:l.width&gt;600}),examples:p,category:e.name,label:(0,E.sprintf)((0,E.__)(&quot;Examples of blocks in the %s category&quot;),e.title),isSelected:t,onSelect:n}))))))}const Mo=(0,s.memo)((e=&gt;{let{className:t,examples:n,category:a,label:r,isSelected:l,onSelect:o}=e;const i=(0,y.__unstableUseCompositeState)({orientation:&quot;vertical&quot;});return(0,s.createElement)(y.__unstableComposite,g({},i,{className:t,&quot;aria-label&quot;:r}),n.filter((e=&gt;e.category===a)).map((e=&gt;(0,s.createElement)(Io,{key:e.name,id:`example-${e.name}`,composite:i,title:e.title,blocks:e.blocks,isSelected:l(e.name),onClick:()=&gt;{o(e.name)}}))))})),Io=e=&gt;{let{composite:t,id:n,title:a,blocks:r,isSelected:l,onClick:o}=e;const i=(0,m.useSelect)((e=&gt;e(fe.store).getSettings()),[]),c=(0,s.useMemo)((()=&gt;({...i,__unstableIsPreviewMode:!0})),[i]),u=(0,s.useMemo)((()=&gt;Array.isArray(r)?r:[r]),[r]);return(0,s.createElement)(y.__unstableCompositeItem,g({},t,{className:f()(&quot;edit-site-style-book__example&quot;,{&quot;is-selected&quot;:l}),id:n,&quot;aria-label&quot;:(0,E.sprintf)((0,E.__)(&quot;Open %s styles in Styles panel&quot;),a),onClick:o,role:&quot;button&quot;,as:&quot;div&quot;}),(0,s.createElement)(&quot;span&quot;,{className:&quot;edit-site-style-book__example-title&quot;},a),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-style-book__example-preview&quot;,&quot;aria-hidden&quot;:!0},(0,s.createElement)(y.Disabled,{className:&quot;edit-site-style-book__example-preview__content&quot;},(0,s.createElement)(wo,{value:u,settings:c},(0,s.createElement)(fe.BlockList,{renderAppender:!1})))))};No.Slot=ko;var Po=No;var Bo=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z&quot;}));const{useGlobalStyle:zo}=Qe(fe.privateApis);var Vo=function(e){let{blockName:t}=e;const n=t||null,[a,r]=zo(&quot;css&quot;,n),[l]=zo(&quot;css&quot;,n,&quot;base&quot;),[o,i]=(0,s.useState)(null),c=&quot;/* IgnoreThemeCustomCSS */&quot;,u=!a&amp;&amp;l?`/* ${(0,E.__)(&quot;Theme Custom CSS start&quot;)} */\n${l}\n/* ${(0,E.__)(&quot;Theme Custom CSS end&quot;)} */`:void 0,m=l&amp;&amp;a&amp;&amp;u!==a?l:void 0;return(0,s.createElement)(s.Fragment,null,m&amp;&amp;(0,s.createElement)(y.Panel,null,(0,s.createElement)(y.PanelBody,{title:(0,E.__)(&quot;Original Theme Custom CSS&quot;),initialOpen:!1},(0,s.createElement)(&quot;pre&quot;,{className:&quot;edit-site-global-styles__custom-css-theme-css&quot;},m))),(0,s.createElement)(y.__experimentalVStack,{spacing:3},(0,s.createElement)(Kr,null,(0,E.__)(&quot;ADDITIONAL CSS&quot;)),(0,s.createElement)(y.TextareaControl,{__nextHasNoMarginBottom:!0,value:(null==a?void 0:a.replace(c,&quot;&quot;))||u,onChange:e=&gt;function(e){if(l&amp;&amp;&quot;&quot;===e)r(c);else if(r(e),o){const[t]=(0,fe.transformStyles)([{css:e}],&quot;.editor-styles-wrapper&quot;);t&amp;&amp;i(null)}}(e),onBlur:function(e){var t;if(null==e||null===(t=e.target)||void 0===t||!t.value)return void i(null);const[n]=(0,fe.transformStyles)([{css:e.target.value}],&quot;.editor-styles-wrapper&quot;);i(null===n?(0,E.__)(&quot;There is an error with your CSS structure.&quot;):null)},className:&quot;edit-site-global-styles__custom-css-input&quot;,spellCheck:!1}),o&amp;&amp;(0,s.createElement)(y.Tooltip,{text:o},(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles__custom-css-validation-wrapper&quot;},(0,s.createElement)(y.Icon,{icon:Bo,className:&quot;edit-site-global-styles__custom-css-validation-icon&quot;})))))};var Ro=function(e){let{name:t}=e;const n=(0,c.getBlockType)(t),a=null==n?void 0:n.title,r=void 0!==a?(0,E.sprintf)((0,E.__)(&quot;Add your own CSS to customize the appearance of the %s block.&quot;),a):(0,E.__)(&quot;Add your own CSS to customize the appearance and layout of your site.&quot;);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;CSS&quot;),description:(0,s.createElement)(s.Fragment,null,r,(0,s.createElement)(y.ExternalLink,{href:&quot;https://wordpress.org/support/article/css/&quot;,className:&quot;edit-site-global-styles-screen-css-help-link&quot;},(0,E.__)(&quot;Learn more about CSS&quot;)))}),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-global-styles-screen-css&quot;},(0,s.createElement)(Vo,{blockName:t})))};var Ao=function(e){let{name:t,variation:n=&quot;&quot;}=e;const a=El(n),r=nl(t);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Xr,{title:(0,E.__)(&quot;Shadow&quot;)}),(0,s.createElement)(Zr,{name:t,variation:a}),r&amp;&amp;(0,s.createElement)(al,{name:t,variation:n}))};const{Slot:Lo,Fill:Do}=(0,y.createSlotFill)(&quot;GlobalStylesMenu&quot;);function Oo(){const{toggle:e}=(0,m.useDispatch)(T.store),{canEditCSS:t}=(0,m.useSelect)((e=&gt;{var t,n;const{getEntityRecord:a,__experimentalGetCurrentGlobalStylesId:r}=e(_.store),l=r(),o=l?a(&quot;root&quot;,&quot;globalStyles&quot;,l):void 0;return{canEditCSS:null!==(t=!(null==o||null===(n=o._links)||void 0===n||!n[&quot;wp:action-edit-css&quot;]))&amp;&amp;void 0!==t&amp;&amp;t}}),[]),{useGlobalStylesReset:n}=Qe(fe.privateApis),[a,r]=n(),{goTo:l}=(0,y.__experimentalUseNavigator)();return(0,s.createElement)(Do,null,(0,s.createElement)(y.DropdownMenu,{icon:re,label:(0,E.__)(&quot;Styles actions&quot;),controls:[{title:(0,E.__)(&quot;Reset to defaults&quot;),onClick:r,isDisabled:!a},{title:(0,E.__)(&quot;Welcome Guide&quot;),onClick:()=&gt;e(&quot;core/edit-site&quot;,&quot;welcomeGuideStyles&quot;)},...t?[{title:(0,E.__)(&quot;Additional CSS&quot;),onClick:()=&gt;l(&quot;/css&quot;)}]:[]]}))}function Fo(e){let{className:t,...n}=e;return(0,s.createElement)(y.__experimentalNavigatorScreen,g({className:[&quot;edit-site-global-styles-sidebar__navigator-screen&quot;,t].filter(Boolean).join(&quot; &quot;)},n))}function Go(e){let{name:t}=e;const n=(0,m.useSelect)((e=&gt;{const{getBlockStyles:n}=e(c.store);return n(t)}),[t]);return null!=n&amp;&amp;n.length?n.map((e=&gt;(0,s.createElement)($o,{key:e.name+t,name:t,parentMenu:&quot;/blocks/&quot;+encodeURIComponent(t)+&quot;/variations/&quot;+encodeURIComponent(e.name),variation:e.name}))):null}function Ho(e){let{parentMenu:t,blockStyles:n,blockName:a}=e;return n.map(((e,n)=&gt;(0,s.createElement)(Fo,{key:n,path:t+&quot;/variations/&quot;+e.name},(0,s.createElement)(Jr,{blockName:a,style:e}))))}function $o(e){let{name:t,parentMenu:n=&quot;&quot;,variation:a=&quot;&quot;}=e;const r=(0,m.useSelect)((e=&gt;{const{getBlockStyles:n}=e(c.store);return n(t)}),[t]);return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Fo,{path:n+&quot;/typography&quot;},(0,s.createElement)(Sl,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/typography/text&quot;},(0,s.createElement)(Tl,{name:t,element:&quot;text&quot;})),(0,s.createElement)(Fo,{path:n+&quot;/typography/link&quot;},(0,s.createElement)(Tl,{name:t,element:&quot;link&quot;})),(0,s.createElement)(Fo,{path:n+&quot;/typography/heading&quot;},(0,s.createElement)(Tl,{name:t,element:&quot;heading&quot;})),(0,s.createElement)(Fo,{path:n+&quot;/typography/button&quot;},(0,s.createElement)(Tl,{name:t,element:&quot;button&quot;})),(0,s.createElement)(Fo,{path:n+&quot;/colors&quot;},(0,s.createElement)(Ol,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/colors/palette&quot;},(0,s.createElement)(Wl,{name:t})),(0,s.createElement)(Fo,{path:n+&quot;/colors/background&quot;},(0,s.createElement)(Yl,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/colors/text&quot;},(0,s.createElement)(Kl,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/colors/link&quot;},(0,s.createElement)(eo,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/colors/heading&quot;},(0,s.createElement)(ao,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/colors/button&quot;},(0,s.createElement)(oo,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/border&quot;},(0,s.createElement)(bo,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/effects&quot;},(0,s.createElement)(Ao,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/layout&quot;},(0,s.createElement)(io,{name:t,variation:a})),(0,s.createElement)(Fo,{path:n+&quot;/css&quot;},(0,s.createElement)(Ro,{name:t})),!(null==r||!r.length)&amp;&amp;(0,s.createElement)(Ho,{parentMenu:n,blockStyles:r,blockName:t}))}function Uo(e){let{onClose:t}=e;const n=(0,y.__experimentalUseNavigator)(),{path:a}=n.location;return(0,s.createElement)(Po,{isSelected:e=&gt;a===`/blocks/${encodeURIComponent(e)}`||a.startsWith(`/blocks/${encodeURIComponent(e)}/`),onSelect:e=&gt;{n.goTo(&quot;/blocks/&quot;+encodeURIComponent(e))},onClose:t})}var Wo=function(e){let{isStyleBookOpened:t,onCloseStyleBook:n}=e;const a=(0,c.getBlockTypes)();return(0,s.createElement)(y.__experimentalNavigatorProvider,{className:&quot;edit-site-global-styles-sidebar__navigator-provider&quot;,initialPath:&quot;/&quot;},(0,s.createElement)(Fo,{path:&quot;/&quot;},(0,s.createElement)(gl,null)),(0,s.createElement)(Fo,{path:&quot;/variations&quot;},(0,s.createElement)(Eo,null)),(0,s.createElement)(Fo,{path:&quot;/blocks&quot;},(0,s.createElement)(fl,null)),a.map((e=&gt;(0,s.createElement)(Fo,{key:&quot;menu-block-&quot;+e.name,path:&quot;/blocks/&quot;+encodeURIComponent(e.name)},(0,s.createElement)(yl,{name:e.name})))),(0,s.createElement)($o,null),a.map((e=&gt;(0,s.createElement)($o,{key:&quot;screens-block-&quot;+e.name,name:e.name,parentMenu:&quot;/blocks/&quot;+encodeURIComponent(e.name)}))),a.map(((e,t)=&gt;(0,s.createElement)(Go,{key:&quot;screens-block-styles-&quot;+e.name+t,name:e.name}))),t&amp;&amp;(0,s.createElement)(Uo,{onClose:n}),(0,s.createElement)(Oo,null))};function jo(){const[e,t]=(0,s.useState)(!1),n=(0,m.useSelect)((e=&gt;e(An).getEditorMode()),[]);return(0,s.useEffect)((()=&gt;{&quot;visual&quot;!==n&amp;&amp;t(!1)}),[n]),(0,s.createElement)(er,{className:&quot;edit-site-global-styles-sidebar&quot;,identifier:&quot;edit-site/global-styles&quot;,title:(0,E.__)(&quot;Styles&quot;),icon:tr,closeLabel:(0,E.__)(&quot;Close Styles sidebar&quot;),panelClassName:&quot;edit-site-global-styles-sidebar__panel&quot;,header:(0,s.createElement)(y.Flex,{className:&quot;edit-site-global-styles-sidebar__header&quot;},(0,s.createElement)(y.FlexBlock,{style:{minWidth:&quot;min-content&quot;}},(0,s.createElement)(&quot;strong&quot;,null,(0,E.__)(&quot;Styles&quot;))),(0,s.createElement)(y.FlexItem,null,(0,s.createElement)(y.Button,{icon:nr,label:(0,E.__)(&quot;Style Book&quot;),isPressed:e,disabled:&quot;visual&quot;!==n,onClick:()=&gt;{t(!e)}})),(0,s.createElement)(y.FlexItem,null,(0,s.createElement)(Lo,null)))},(0,s.createElement)(Wo,{isStyleBookOpened:e,onCloseStyleBook:()=&gt;t(!1)}))}const qo=&quot;edit-site/template&quot;,Yo=&quot;edit-site/block-inspector&quot;;var Xo=e=&gt;{let{sidebarName:t}=e;const{enableComplementaryArea:n}=(0,m.useDispatch)(F),[a,r]=t===qo?[(0,E.__)(&quot;Template (selected)&quot;),&quot;is-active&quot;]:[(0,E.__)(&quot;Template&quot;),&quot;&quot;],[l,o]=t===Yo?[(0,E.__)(&quot;Block (selected)&quot;),&quot;is-active&quot;]:[(0,E.__)(&quot;Block&quot;),&quot;&quot;];return(0,s.createElement)(&quot;ul&quot;,null,(0,s.createElement)(&quot;li&quot;,null,(0,s.createElement)(y.Button,{onClick:()=&gt;n(Dt,qo),className:`edit-site-sidebar-edit-mode__panel-tab ${r}`,&quot;aria-label&quot;:a,&quot;data-label&quot;:(0,E.__)(&quot;Template&quot;)},(0,E.__)(&quot;Template&quot;))),(0,s.createElement)(&quot;li&quot;,null,(0,s.createElement)(y.Button,{onClick:()=&gt;n(Dt,Yo),className:`edit-site-sidebar-edit-mode__panel-tab ${o}`,&quot;aria-label&quot;:l,&quot;data-label&quot;:(0,E.__)(&quot;Block&quot;)},(0,E.__)(&quot;Block&quot;))))};function Zo(e){let{template:t}=e;const{revertTemplate:n}=(0,m.useDispatch)(An);return Ot(t)?(0,s.createElement)(y.DropdownMenu,{icon:re,label:(0,E.__)(&quot;Actions&quot;),className:&quot;edit-site-template-card__actions&quot;,toggleProps:{isSmall:!0}},(e=&gt;{let{onClose:a}=e;return(0,s.createElement)(y.MenuGroup,null,(0,s.createElement)(y.MenuItem,{info:(0,E.__)(&quot;Use the template as supplied by the theme.&quot;),onClick:()=&gt;{n(t),a()}},(0,E.__)(&quot;Clear customizations&quot;)))})):null}function Ko(e){let{area:t,clientId:n}=e;const{selectBlock:a,toggleBlockHighlight:r}=(0,m.useDispatch)(fe.store),l=(0,m.useSelect)((e=&gt;e(h.store).__experimentalGetDefaultTemplatePartAreas().find((e=&gt;e.area===t))),[t]),o=()=&gt;r(n,!0),i=()=&gt;r(n,!1);return(0,s.createElement)(y.Button,{className:&quot;edit-site-template-card__template-areas-item&quot;,icon:null==l?void 0:l.icon,onMouseOver:o,onMouseLeave:i,onFocus:o,onBlur:i,onClick:()=&gt;{a(n)}},null==l?void 0:l.label)}function Qo(){const e=(0,m.useSelect)((e=&gt;e(An).getCurrentTemplateTemplateParts()),[]);return e.length?(0,s.createElement)(&quot;section&quot;,{className:&quot;edit-site-template-card__template-areas&quot;},(0,s.createElement)(y.__experimentalHeading,{level:3,className:&quot;edit-site-template-card__template-areas-title&quot;},(0,E.__)(&quot;Areas&quot;)),(0,s.createElement)(&quot;ul&quot;,{className:&quot;edit-site-template-card__template-areas-list&quot;},e.map((e=&gt;{let{templatePart:t,block:n}=e;return(0,s.createElement)(&quot;li&quot;,{key:t.slug},(0,s.createElement)(Ko,{area:t.area,clientId:n.clientId}))})))):null}function Jo(){const{info:{title:e,description:t,icon:n},template:a}=(0,m.useSelect)((e=&gt;{const{getEditedPostType:t,getEditedPostId:n}=e(An),{getEditedEntityRecord:a}=e(_.store),{__experimentalGetTemplateInfo:r}=e(h.store),l=a(&quot;postType&quot;,t(),n());return{info:l?r(l):{},template:l}}),[]);return e||t?(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-template-card&quot;},(0,s.createElement)(y.Icon,{className:&quot;edit-site-template-card__icon&quot;,icon:n}),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-template-card__content&quot;},(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-template-card__header&quot;},(0,s.createElement)(&quot;h2&quot;,{className:&quot;edit-site-template-card__title&quot;},(0,Un.decodeEntities)(e)),(0,s.createElement)(Zo,{template:a})),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-template-card__description&quot;},(0,Un.decodeEntities)(t)),(0,s.createElement)(Qo,null))):null}const{Slot:ei,Fill:ti}=(0,y.createSlotFill)(&quot;EditSiteSidebarInspector&quot;),ni=ti;function ai(){const{sidebar:e,isEditorSidebarOpened:t,hasBlockSelection:n,supportsGlobalStyles:a}=(0,m.useSelect)((e=&gt;{const t=e(F).getActiveComplementaryArea(Dt),n=[Yo,qo].includes(t),a=e(An).getSettings();return{sidebar:t,isEditorSidebarOpened:n,hasBlockSelection:!!e(fe.store).getBlockSelectionStart(),supportsGlobalStyles:!(null!=a&amp;&amp;a.supportsTemplatePartsMode)}}),[]),{enableComplementaryArea:r}=(0,m.useDispatch)(F);(0,s.useEffect)((()=&gt;{t&amp;&amp;r(Dt,n?Yo:qo)}),[n,t]);let l=e;return t||(l=n?Yo:qo),(0,s.createElement)(s.Fragment,null,(0,s.createElement)(er,{identifier:l,title:(0,E.__)(&quot;Settings&quot;),icon:(0,E.isRTL)()?Qa:Ja,closeLabel:(0,E.__)(&quot;Close settings sidebar&quot;),header:(0,s.createElement)(Xo,{sidebarName:l}),headerClassName:&quot;edit-site-sidebar-edit-mode__panel-tabs&quot;},l===qo&amp;&amp;(0,s.createElement)(y.PanelBody,null,(0,s.createElement)(Jo,null)),l===Yo&amp;&amp;(0,s.createElement)(ei,{bubblesVirtually:!0})),a&amp;&amp;(0,s.createElement)(jo,null))}var ri=window.wp.reusableBlocks;const li=(e,t)=&gt;`&lt;a ${oi(e)}&gt;${t}&lt;/a&gt;`,oi=e=&gt;`href=&quot;${e}&quot; target=&quot;_blank&quot; rel=&quot;noreferrer noopener&quot;`,ii=e=&gt;{const{title:t,foreign_landing_url:n,creator:a,creator_url:r,license:l,license_version:o,license_url:i}=e,s=((e,t)=&gt;{let n=e.trim();return&quot;pdm&quot;!==e&amp;&amp;(n=e.toUpperCase().replace(&quot;SAMPLING&quot;,&quot;Sampling&quot;)),t&amp;&amp;(n+=` ${t}`),[&quot;pdm&quot;,&quot;cc0&quot;].includes(e)||(n=`CC ${n}`),n})(l,o),c=(0,Un.decodeEntities)(a);let u;return u=c?t?(0,E.sprintf)((0,E._x)('&quot;%1$s&quot; by %2$s/ %3$s',&quot;caption&quot;),li(n,(0,Un.decodeEntities)(t)),r?li(r,c):c,i?li(`${i}?ref=openverse`,s):s):(0,E.sprintf)((0,E._x)(&quot;&lt;a %1$s&gt;Work&lt;/a&gt; by %2$s/ %3$s&quot;,&quot;caption&quot;),oi(n),r?li(r,c):c,i?li(`${i}?ref=openverse`,s):s):t?(0,E.sprintf)((0,E._x)('&quot;%1$s&quot;/ %2$s',&quot;caption&quot;),li(n,(0,Un.decodeEntities)(t)),i?li(`${i}?ref=openverse`,s):s):(0,E.sprintf)((0,E._x)(&quot;&lt;a %1$s&gt;Work&lt;/a&gt;/ %3$s&quot;,&quot;caption&quot;),oi(n),i?li(`${i}?ref=openverse`,s):s),u.replace(/\s{2}/g,&quot; &quot;)},si=async function(){let e=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{};const t=await(0,m.resolveSelect)(_.store).getMediaItems({...e,orderBy:null!=e&amp;&amp;e.search?&quot;relevance&quot;:&quot;date&quot;});return t.map((e=&gt;{var t,n,a,r;return{...e,alt:e.alt_text,url:e.source_url,previewUrl:null===(t=e.media_details)||void 0===t||null===(n=t.sizes)||void 0===n||null===(a=n.medium)||void 0===a?void 0:a.source_url,caption:null===(r=e.caption)||void 0===r?void 0:r.raw}}))},ci=[{name:&quot;images&quot;,labels:{name:(0,E.__)(&quot;Images&quot;),search_items:(0,E.__)(&quot;Search images&quot;)},mediaType:&quot;image&quot;,async fetch(){return si({...arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{},media_type:&quot;image&quot;})}},{name:&quot;videos&quot;,labels:{name:(0,E.__)(&quot;Videos&quot;),search_items:(0,E.__)(&quot;Search videos&quot;)},mediaType:&quot;video&quot;,async fetch(){return si({...arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{},media_type:&quot;video&quot;})}},{name:&quot;audio&quot;,labels:{name:(0,E.__)(&quot;Audio&quot;),search_items:(0,E.__)(&quot;Search audio&quot;)},mediaType:&quot;audio&quot;,async fetch(){return si({...arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{},media_type:&quot;audio&quot;})}},{name:&quot;openverse&quot;,labels:{name:(0,E.__)(&quot;Openverse&quot;),search_items:(0,E.__)(&quot;Search Openverse&quot;)},mediaType:&quot;image&quot;,async fetch(){const e={...arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:{},mature:!1,excluded_source:&quot;flickr,inaturalist,wikimedia&quot;,license:&quot;pdm,cc0&quot;},t={per_page:&quot;page_size&quot;,search:&quot;q&quot;},n=new URL(&quot;https://api.openverse.engineering/v1/images/&quot;);Object.entries(e).forEach((e=&gt;{let[a,r]=e;const l=t[a]||a;n.searchParams.set(l,r)}));const a=await window.fetch(n,{headers:{&quot;User-Agent&quot;:&quot;WordPress/inserter-media-fetch&quot;}});return(await a.json()).results.map((e=&gt;{var t;return{...e,title:null!==(t=e.title)&amp;&amp;void 0!==t&amp;&amp;t.toLowerCase().startsWith(&quot;file:&quot;)?e.title.slice(5):e.title,sourceId:e.id,id:void 0,caption:ii(e),previewUrl:e.thumbnail}}))},getReportUrl:e=&gt;{let{sourceId:t}=e;return`https://wordpress.org/openverse/image/${t}/report/`},isExternalResource:!0}];var ui=ci;function mi(e){let{clientId:t}=e;const{getBlocks:n}=(0,m.useSelect)(fe.store),{replaceBlocks:a}=(0,m.useDispatch)(fe.store);return(0,m.useSelect)((e=&gt;e(fe.store).canRemoveBlock(t)),[t])?(0,s.createElement)(fe.BlockSettingsMenuControls,null,(e=&gt;{let{onClose:r}=e;return(0,s.createElement)(y.MenuItem,{onClick:()=&gt;{a(t,n(t)),r()}},(0,E.__)(&quot;Detach blocks from template part&quot;))})):null}function di(e){let{clientIds:t,blocks:n}=e;const[a,r]=(0,s.useState)(!1),{replaceBlocks:l}=(0,m.useDispatch)(fe.store),{saveEntityRecord:o}=(0,m.useDispatch)(_.store),{createSuccessNotice:i}=(0,m.useDispatch)(ye.store),u=Ta(),{canCreate:d}=(0,m.useSelect)((e=&gt;{const{supportsTemplatePartsMode:t}=e(An).getSettings();return{canCreate:!t}}),[]);if(!d)return null;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(fe.BlockSettingsMenuControls,null,(()=&gt;(0,s.createElement)(y.MenuItem,{icon:On,onClick:()=&gt;{r(!0)}},(0,E.__)(&quot;Create Template part&quot;)))),a&amp;&amp;(0,s.createElement)(Ca,{closeModal:()=&gt;{r(!1)},onCreate:async e=&gt;{let{title:a,area:r}=e;const s=Na(a,u),m=Ma(s),d=await o(&quot;postType&quot;,&quot;wp_template_part&quot;,{slug:m,title:s,content:(0,c.serialize)(n),area:r});l(t,(0,c.createBlock)(&quot;core/template-part&quot;,{slug:d.slug,theme:d.theme})),i((0,E.__)(&quot;Template part created.&quot;),{type:&quot;snackbar&quot;})}}))}function pi(){var e;const{clientIds:t,blocks:n}=(0,m.useSelect)((e=&gt;{const{getSelectedBlockClientIds:t,getBlocksByClientId:n}=e(fe.store),a=t();return{clientIds:a,blocks:n(a)}}),[]);return 1===n.length&amp;&amp;&quot;core/template-part&quot;===(null===(e=n[0])||void 0===e?void 0:e.name)?(0,s.createElement)(mi,{clientId:t[0]}):(0,s.createElement)(di,{clientIds:t,blocks:n})}var _i=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z&quot;}));var hi=function(){var e;const t=Ct(),n=Tt(),a=&quot;wp_template_part&quot;===t.params.postType,r=null===(e=t.state)||void 0===e?void 0:e.fromTemplateId;return a&amp;&amp;r?(0,s.createElement)(y.Button,{className:&quot;edit-site-visual-editor__back-button&quot;,icon:_i,onClick:()=&gt;{n.back()}},(0,E.__)(&quot;Back&quot;)):null};function gi(e){let{variation:t=&quot;default&quot;,direction:n,resizeWidthBy:a}=e;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;button&quot;,{className:`resizable-editor__drag-handle is-${n} is-variation-${t}`,&quot;aria-label&quot;:(0,E.__)(&quot;Drag to resize&quot;),&quot;aria-describedby&quot;:`resizable-editor__resize-help-${n}`,onKeyDown:function(e){const{keyCode:t}=e;&quot;left&quot;===n&amp;&amp;t===qa.LEFT||&quot;right&quot;===n&amp;&amp;t===qa.RIGHT?a(20):(&quot;left&quot;===n&amp;&amp;t===qa.RIGHT||&quot;right&quot;===n&amp;&amp;t===qa.LEFT)&amp;&amp;a(-20)}}),(0,s.createElement)(y.VisuallyHidden,{id:`resizable-editor__resize-help-${n}`},(0,E.__)(&quot;Use left and right arrow keys to resize the canvas.&quot;)))}const vi={position:void 0,userSelect:void 0,cursor:void 0,width:void 0,height:void 0,top:void 0,right:void 0,bottom:void 0,left:void 0};var fi=function(e){let{enableResizing:t,height:n,children:a}=e;const[r,l]=(0,s.useState)(&quot;100%&quot;),o=(0,s.useRef)(),i=(0,s.useCallback)((e=&gt;{o.current&amp;&amp;l(o.current.offsetWidth+e)}),[]);return(0,s.createElement)(y.ResizableBox,{ref:e=&gt;{o.current=null==e?void 0:e.resizable},size:{width:t?r:&quot;100%&quot;,height:t&amp;&amp;n?n:&quot;100%&quot;},onResizeStop:(e,t,n)=&gt;{l(n.style.width)},minWidth:300,maxWidth:&quot;100%&quot;,maxHeight:&quot;100%&quot;,enable:{right:t,left:t},showHandle:t,resizeRatio:2,handleComponent:{left:(0,s.createElement)(gi,{direction:&quot;left&quot;,resizeWidthBy:i}),right:(0,s.createElement)(gi,{direction:&quot;right&quot;,resizeWidthBy:i})},handleClasses:void 0,handleStyles:{left:vi,right:vi}},a)};var yi=function(e){let{enableResizing:t,settings:n,children:a,...r}=e;const{canvasMode:l,deviceType:o,isZoomOutMode:i}=(0,m.useSelect)((e=&gt;({deviceType:e(An).__experimentalGetPreviewDeviceType(),isZoomOutMode:&quot;zoom-out&quot;===e(fe.store).__unstableGetEditorMode(),canvasMode:Qe(e(An)).getCanvasMode()})),[]),{setCanvasMode:c}=Qe((0,m.useDispatch)(An)),u=(0,fe.__experimentalUseResizeCanvas)(o),d=(0,fe.__unstableUseMouseMoveTypingReset)();return(0,s.createElement)(fe.__unstableIframe,g({scale:i?.45:void 0,frameSize:i?100:void 0,style:t?{}:u,head:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(fe.__unstableEditorStyles,{styles:n.styles}),(0,s.createElement)(&quot;style&quot;,null,`.is-root-container { display: flow-root; }\n\t\t\t\t\t\t\tbody { position: relative;\n\t\t\t\t\t\t\t${&quot;view&quot;===l?&quot;cursor: pointer;&quot;:&quot;&quot;}}}`),t&amp;&amp;(0,s.createElement)(&quot;style&quot;,null,&quot;.is-root-container { min-height: 0 !important; }&quot;)),ref:d,name:&quot;editor-canvas&quot;,className:&quot;edit-site-visual-editor__editor-canvas&quot;},r,{role:&quot;view&quot;===l?&quot;button&quot;:void 0,onClick:&quot;view&quot;===l?()=&gt;c(&quot;edit&quot;):void 0,readonly:&quot;view&quot;===l}),n.svgFilters,a)};const{ExperimentalBlockEditorProvider:Ei}=Qe(fe.privateApis),bi={type:&quot;default&quot;,alignments:[]};function wi(){var e,t;const{setIsInserterOpened:n}=(0,m.useDispatch)(An),{storedSettings:a,templateType:r,canvasMode:l}=(0,m.useSelect)((e=&gt;{const{getSettings:t,getEditedPostType:a,getCanvasMode:r}=Qe(e(An));return{storedSettings:t(n),templateType:a(),canvasMode:r()}}),[n]),o=null!==(e=a.__experimentalAdditionalBlockPatterns)&amp;&amp;void 0!==e?e:a.__experimentalBlockPatterns,i=null!==(t=a.__experimentalAdditionalBlockPatternCategories)&amp;&amp;void 0!==t?t:a.__experimentalBlockPatternCategories,{restBlockPatterns:c,restBlockPatternCategories:u}=(0,m.useSelect)((e=&gt;({restBlockPatterns:e(_.store).getBlockPatterns(),restBlockPatternCategories:e(_.store).getBlockPatternCategories()})),[]),d=(0,s.useMemo)((()=&gt;[...o||[],...c||[]].filter(((e,t,n)=&gt;t===n.findIndex((t=&gt;e.name===t.name)))).filter((e=&gt;{let{postTypes:t}=e;return!t||Array.isArray(t)&amp;&amp;t.includes(r)}))),[o,c,r]),p=(0,s.useMemo)((()=&gt;[...i||[],...u||[]].filter(((e,t,n)=&gt;t===n.findIndex((t=&gt;e.name===t.name))))),[i,u]),h=(0,s.useMemo)((()=&gt;{const{__experimentalAdditionalBlockPatterns:e,__experimentalAdditionalBlockPatternCategories:t,...n}=a;return{...n,inserterMediaCategories:ui,__experimentalBlockPatterns:d,__experimentalBlockPatternCategories:p}}),[a,d,p]),[g,v,y]=(0,_.useEntityBlockEditor)(&quot;postType&quot;,r),E=(0,s.useRef)(),b=(0,te.useMergeRefs)([E,(0,fe.__unstableUseClipboardHandler)(),(0,fe.__unstableUseTypingObserver)()]),w=(0,te.useViewportMatch)(&quot;small&quot;,&quot;&lt;&quot;),{clearSelectedBlock:S}=(0,m.useDispatch)(fe.store),[x,k]=(0,te.useResizeObserver)(),C=&quot;wp_template_part&quot;===r,T=0!==g.length,N=C&amp;&amp;&quot;view&quot;!==l&amp;&amp;!w,M=&quot;view&quot;===l,I=!(C&amp;&amp;T||M)&amp;&amp;void 0;return(0,s.createElement)(Ei,{settings:h,value:g,onInput:v,onChange:y,useSubRegistry:!1},(0,s.createElement)(pi,null),(0,s.createElement)(ni,null,(0,s.createElement)(fe.BlockInspector,null)),(0,s.createElement)(Po.Slot,null,(e=&gt;{var t;let[n]=e;return n?(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-visual-editor is-focus-mode&quot;},(0,s.createElement)(fi,{enableResizing:!0},n)):(0,s.createElement)(fe.BlockTools,{className:f()(&quot;edit-site-visual-editor&quot;,{&quot;is-focus-mode&quot;:C||!!n,&quot;is-view-mode&quot;:M}),__unstableContentRef:E,onClick:e=&gt;{e.target===e.currentTarget&amp;&amp;S()}},(0,s.createElement)(fe.BlockEditorKeyboardShortcuts.Register,null),(0,s.createElement)(hi,null),(0,s.createElement)(fi,{enableResizing:N,height:null!==(t=k.height)&amp;&amp;void 0!==t?t:&quot;100%&quot;},(0,s.createElement)(yi,{enableResizing:N,settings:h,contentRef:b,readonly:&quot;view&quot;===l},x,(0,s.createElement)(fe.BlockList,{className:&quot;edit-site-block-editor__block-list wp-site-blocks&quot;,__experimentalLayout:bi,renderAppender:I}))))})),(0,s.createElement)(ri.ReusableBlocksMenuItems,null))}var Si=n(773);function xi(e){let{value:t,onChange:n,onInput:a}=e;const[r,l]=(0,s.useState)(t),[o,i]=(0,s.useState)(!1),c=(0,te.useInstanceId)(xi),u=(0,s.useRef)();o||r===t||l(t);return(0,s.useEffect)((()=&gt;()=&gt;{u.current&amp;&amp;n(u.current)}),[]),(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.VisuallyHidden,{as:&quot;label&quot;,htmlFor:`code-editor-text-area-${c}`},(0,E.__)(&quot;Type text or HTML&quot;)),(0,s.createElement)(Si.Z,{autoComplete:&quot;off&quot;,dir:&quot;auto&quot;,value:r,onChange:e=&gt;{const t=e.target.value;a(t),l(t),i(!0),u.current=t},onBlur:()=&gt;{o&amp;&amp;(n(r),i(!1))},className:&quot;edit-site-code-editor-text-area&quot;,id:`code-editor-text-area-${c}`,placeholder:(0,E.__)(&quot;Start writing with text or HTML&quot;)}))}function ki(){const{templateType:e,shortcut:t}=(0,m.useSelect)((e=&gt;{const{getEditedPostType:t}=e(An),{getShortcutRepresentation:n}=e(Ln.store);return{templateType:t(),shortcut:n(&quot;core/edit-site/toggle-mode&quot;)}}),[]),[n,a]=(0,_.useEntityProp)(&quot;postType&quot;,e,&quot;content&quot;),[r,,l]=(0,_.useEntityBlockEditor)(&quot;postType&quot;,e);let o;o=n instanceof Function?n({blocks:r}):r?(0,c.__unstableSerializeAndClean)(r):n;const{switchEditorMode:i}=(0,m.useDispatch)(An);return(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-code-editor&quot;},(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-code-editor__toolbar&quot;},(0,s.createElement)(&quot;h2&quot;,null,(0,E.__)(&quot;Editing code&quot;)),(0,s.createElement)(y.Button,{variant:&quot;tertiary&quot;,onClick:()=&gt;i(&quot;visual&quot;),shortcut:t},(0,E.__)(&quot;Exit code editor&quot;))),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-code-editor__body&quot;},(0,s.createElement)(xi,{value:o,onChange:e=&gt;{l((0,c.parse)(e),{selection:void 0})},onInput:a})))}var Ci=function(){const{getEditorMode:e}=(0,m.useSelect)(An),t=(0,m.useSelect)((e=&gt;e(An).isListViewOpened()),[]),n=(0,m.useSelect)((e=&gt;e(F).getActiveComplementaryArea(An.name)===Yo),[]),{redo:a,undo:r}=(0,m.useDispatch)(_.store),{setIsListViewOpened:l,switchEditorMode:o}=(0,m.useDispatch)(An),{enableComplementaryArea:i,disableComplementaryArea:s}=(0,m.useDispatch)(F),{replaceBlocks:u}=(0,m.useDispatch)(fe.store),{getBlockName:d,getSelectedBlockClientId:p,getBlockAttributes:h}=(0,m.useSelect)(fe.store),g=(e,t)=&gt;{e.preventDefault();const n=0===t?&quot;core/paragraph&quot;:&quot;core/heading&quot;,a=p();if(null===a)return;const r=d(a);if(&quot;core/paragraph&quot;!==r&amp;&amp;&quot;core/heading&quot;!==r)return;const l=h(a),o=&quot;core/paragraph&quot;===r?&quot;align&quot;:&quot;textAlign&quot;,i=&quot;core/paragraph&quot;===n?&quot;align&quot;:&quot;textAlign&quot;;u(a,(0,c.createBlock)(n,{level:t,content:l.content,[i]:l[o]}))};return(0,Ln.useShortcut)(&quot;core/edit-site/undo&quot;,(e=&gt;{r(),e.preventDefault()})),(0,Ln.useShortcut)(&quot;core/edit-site/redo&quot;,(e=&gt;{a(),e.preventDefault()})),(0,Ln.useShortcut)(&quot;core/edit-site/toggle-list-view&quot;,(()=&gt;{l(!t)})),(0,Ln.useShortcut)(&quot;core/edit-site/toggle-block-settings-sidebar&quot;,(e=&gt;{e.preventDefault(),n?s(Dt):i(Dt,Yo)})),(0,Ln.useShortcut)(&quot;core/edit-site/toggle-mode&quot;,(()=&gt;{o(&quot;visual&quot;===e()?&quot;text&quot;:&quot;visual&quot;)})),(0,Ln.useShortcut)(&quot;core/edit-site/transform-heading-to-paragraph&quot;,(e=&gt;g(e,0))),[1,2,3,4,5,6].forEach((e=&gt;{(0,Ln.useShortcut)(`core/edit-site/transform-paragraph-to-heading-${e}`,(t=&gt;g(t,e)))})),null};var Ti=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z&quot;}));function Ni(){const{setIsInserterOpened:e}=(0,m.useDispatch)(An),t=(0,m.useSelect)((e=&gt;e(An).__experimentalGetInsertionPoint()),[]),n=(0,te.useViewportMatch)(&quot;medium&quot;,&quot;&lt;&quot;),a=n?&quot;div&quot;:y.VisuallyHidden,[r,l]=(0,te.__experimentalUseDialog)({onClose:()=&gt;e(!1),focusOnMount:null}),o=(0,s.useRef)();return(0,s.useEffect)((()=&gt;{o.current.focusSearch()}),[]),(0,s.createElement)(&quot;div&quot;,g({ref:r},l,{className:&quot;edit-site-editor__inserter-panel&quot;}),(0,s.createElement)(a,{className:&quot;edit-site-editor__inserter-panel-header&quot;},(0,s.createElement)(y.Button,{icon:Ti,label:(0,E.__)(&quot;Close block inserter&quot;),onClick:()=&gt;e(!1)})),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-editor__inserter-panel-content&quot;},(0,s.createElement)(fe.__experimentalLibrary,{showInserterHelpPanel:!0,shouldFocusBlock:n,rootClientId:t.rootClientId,__experimentalInsertionIndex:t.insertionIndex,__experimentalFilterValue:t.filterValue,ref:o})))}function Mi(){const{setIsListViewOpened:e}=(0,m.useDispatch)(An),t=(0,te.useFocusOnMount)(&quot;firstElement&quot;),n=(0,te.useFocusReturn)(),a=(0,te.useFocusReturn)();const r=`edit-site-editor__list-view-panel-label-${(0,te.useInstanceId)(Mi)}`;return(0,s.createElement)(&quot;div&quot;,{&quot;aria-labelledby&quot;:r,className:&quot;edit-site-editor__list-view-panel&quot;,onKeyDown:function(t){t.keyCode!==qa.ESCAPE||t.defaultPrevented||e(!1)}},(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-editor__list-view-panel-header&quot;,ref:n},(0,s.createElement)(&quot;strong&quot;,{id:r},(0,E.__)(&quot;List View&quot;)),(0,s.createElement)(y.Button,{icon:C,label:(0,E.__)(&quot;Close List View Sidebar&quot;),onClick:()=&gt;e(!1)})),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-editor__list-view-panel-content&quot;,ref:(0,te.useMergeRefs)([a,t])},(0,s.createElement)(fe.__experimentalListView,null)))}function Ii(e){let{nonAnimatedSrc:t,animatedSrc:n}=e;return(0,s.createElement)(&quot;picture&quot;,{className:&quot;edit-site-welcome-guide__image&quot;},(0,s.createElement)(&quot;source&quot;,{srcSet:t,media:&quot;(prefers-reduced-motion: reduce)&quot;}),(0,s.createElement)(&quot;img&quot;,{src:n,width:&quot;312&quot;,height:&quot;240&quot;,alt:&quot;&quot;}))}function Pi(){const{toggle:e}=(0,m.useDispatch)(T.store);return(0,m.useSelect)((e=&gt;!!e(T.store).get(&quot;core/edit-site&quot;,&quot;welcomeGuide&quot;)),[])?(0,s.createElement)(y.Guide,{className:&quot;edit-site-welcome-guide&quot;,contentLabel:(0,E.__)(&quot;Welcome to the site editor&quot;),finishButtonText:(0,E.__)(&quot;Get Started&quot;),onFinish:()=&gt;e(&quot;core/edit-site&quot;,&quot;welcomeGuide&quot;),pages:[{image:(0,s.createElement)(Ii,{nonAnimatedSrc:&quot;https://s.w.org/images/block-editor/edit-your-site.svg?1&quot;,animatedSrc:&quot;https://s.w.org/images/block-editor/edit-your-site.gif?1&quot;}),content:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;h1&quot;,{className:&quot;edit-site-welcome-guide__heading&quot;},(0,E.__)(&quot;Edit your site&quot;)),(0,s.createElement)(&quot;p&quot;,{className:&quot;edit-site-welcome-guide__text&quot;},(0,E.__)(&quot;Design everything on your site — from the header right down to the footer — using blocks.&quot;)),(0,s.createElement)(&quot;p&quot;,{className:&quot;edit-site-welcome-guide__text&quot;},(0,s.createInterpolateElement)((0,E.__)(&quot;Click &lt;StylesIconImage /&gt; to start designing your blocks, and choose your typography, layout, and colors.&quot;),{StylesIconImage:(0,s.createElement)(&quot;img&quot;,{alt:(0,E.__)(&quot;styles&quot;),src:&quot;data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%3E%3C/svg%3E%0A&quot;})})))}]}):null}function Bi(){const{toggle:e}=(0,m.useDispatch)(T.store),{isActive:t,isStylesOpen:n}=(0,m.useSelect)((e=&gt;{const t=e(F).getActiveComplementaryArea(An.name);return{isActive:!!e(T.store).get(&quot;core/edit-site&quot;,&quot;welcomeGuideStyles&quot;),isStylesOpen:&quot;edit-site/global-styles&quot;===t}}),[]);return t&amp;&amp;n?(0,s.createElement)(y.Guide,{className:&quot;edit-site-welcome-guide&quot;,contentLabel:(0,E.__)(&quot;Welcome to styles&quot;),finishButtonText:(0,E.__)(&quot;Get Started&quot;),onFinish:()=&gt;e(&quot;core/edit-site&quot;,&quot;welcomeGuideStyles&quot;),pages:[{image:(0,s.createElement)(Ii,{nonAnimatedSrc:&quot;https://s.w.org/images/block-editor/welcome-to-styles.svg?1&quot;,animatedSrc:&quot;https://s.w.org/images/block-editor/welcome-to-styles.gif?1&quot;}),content:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;h1&quot;,{className:&quot;edit-site-welcome-guide__heading&quot;},(0,E.__)(&quot;Welcome to Styles&quot;)),(0,s.createElement)(&quot;p&quot;,{className:&quot;edit-site-welcome-guide__text&quot;},(0,E.__)(&quot;Tweak your site, or give it a whole new look! Get creative — how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here.&quot;)))},{image:(0,s.createElement)(Ii,{nonAnimatedSrc:&quot;https://s.w.org/images/block-editor/set-the-design.svg?1&quot;,animatedSrc:&quot;https://s.w.org/images/block-editor/set-the-design.gif?1&quot;}),content:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;h1&quot;,{className:&quot;edit-site-welcome-guide__heading&quot;},(0,E.__)(&quot;Set the design&quot;)),(0,s.createElement)(&quot;p&quot;,{className:&quot;edit-site-welcome-guide__text&quot;},(0,E.__)(&quot;You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle! &quot;)))},{image:(0,s.createElement)(Ii,{nonAnimatedSrc:&quot;https://s.w.org/images/block-editor/personalize-blocks.svg?1&quot;,animatedSrc:&quot;https://s.w.org/images/block-editor/personalize-blocks.gif?1&quot;}),content:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;h1&quot;,{className:&quot;edit-site-welcome-guide__heading&quot;},(0,E.__)(&quot;Personalize blocks&quot;)),(0,s.createElement)(&quot;p&quot;,{className:&quot;edit-site-welcome-guide__text&quot;},(0,E.__)(&quot;You can adjust your blocks to ensure a cohesive experience across your site — add your unique colors to a branded Button block, or adjust the Heading block to your preferred size.&quot;)))},{image:(0,s.createElement)(Ii,{nonAnimatedSrc:&quot;https://s.w.org/images/block-editor/welcome-documentation.svg&quot;,animatedSrc:&quot;https://s.w.org/images/block-editor/welcome-documentation.gif&quot;}),content:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;h1&quot;,{className:&quot;edit-site-welcome-guide__heading&quot;},(0,E.__)(&quot;Learn more&quot;)),(0,s.createElement)(&quot;p&quot;,{className:&quot;edit-site-welcome-guide__text&quot;},(0,E.__)(&quot;New to block themes and styling your site? &quot;),(0,s.createElement)(y.ExternalLink,{href:(0,E.__)(&quot;https://wordpress.org/support/article/styles-overview/&quot;)},(0,E.__)(&quot;Here’s a detailed guide to learn how to make the most of it.&quot;))))}]}):null}function zi(){return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Pi,null),(0,s.createElement)(Bi,null))}const{useGlobalStylesOutput:Vi}=Qe(fe.privateApis);function Ri(){return function(){const[e,t,n]=Vi(),{getSettings:a}=(0,m.useSelect)(An),{updateSettings:r}=(0,m.useDispatch)(An);(0,s.useEffect)((()=&gt;{var l;if(!e||!t)return;const o=a(),i=Object.values(null!==(l=o.styles)&amp;&amp;void 0!==l?l:[]).filter((e=&gt;!e.isGlobalStyles));r({...o,styles:[...i,...e],svgFilters:n,__experimentalFeatures:t})}),[e,t])}(),null}function Ai(e){const t=Ct(),n=(0,m.useSelect)((e=&gt;{var t;return null===(t=e(_.store).getEntityRecord(&quot;root&quot;,&quot;site&quot;))||void 0===t?void 0:t.title}),[]),a=(0,s.useRef)(!0);(0,s.useEffect)((()=&gt;{a.current=!1}),[t]),(0,s.useEffect)((()=&gt;{if(!a.current&amp;&amp;e&amp;&amp;n){const t=(0,E.sprintf)((0,E.__)(&quot;%1$s ‹ %2$s — WordPress&quot;),(0,Un.decodeEntities)(e),(0,Un.decodeEntities)(n));document.title=t,(0,Lt.speak)((0,E.sprintf)((0,E.__)(&quot;Now displaying: %s&quot;),document.title),&quot;assertive&quot;)}}),[e,n,t])}const Li={body:(0,E.__)(&quot;Editor content&quot;),sidebar:(0,E.__)(&quot;Editor settings&quot;),actions:(0,E.__)(&quot;Editor publish&quot;),footer:(0,E.__)(&quot;Editor footer&quot;)};function Di(){const{record:e,getTitle:t,isLoaded:n}=Aa(),{id:a,type:r}=e,{context:l,editorMode:o,canvasMode:i,blockEditorMode:c,isRightSidebarOpen:u,isInserterOpen:d,isListViewOpen:p,showIconLabels:g}=(0,m.useSelect)((e=&gt;{const{getEditedPostContext:t,getEditorMode:n,getCanvasMode:a,isInserterOpened:r,isListViewOpened:l}=Qe(e(An)),{__unstableGetEditorMode:o}=e(fe.store),{getActiveComplementaryArea:i}=e(F);return{context:t(),editorMode:n(),canvasMode:a(),blockEditorMode:o(),isInserterOpen:r(),isListViewOpen:l(),isRightSidebarOpen:i(An.name),showIconLabels:e(T.store).get(&quot;core/edit-site&quot;,&quot;showIconLabels&quot;)}}),[]),{setEditedPostContext:v}=(0,m.useDispatch)(An),f=&quot;edit&quot;===i,b=&quot;view&quot;===i||&quot;visual&quot;===o,w=f&amp;&amp;b&amp;&amp;&quot;zoom-out&quot;!==c,S=f&amp;&amp;b&amp;&amp;d,x=f&amp;&amp;b&amp;&amp;p,k=p?(0,E.__)(&quot;List View&quot;):(0,E.__)(&quot;Block Library&quot;),C=(0,s.useMemo)((()=&gt;({...l,queryContext:[(null==l?void 0:l.queryContext)||{page:1},e=&gt;v({...l,queryContext:{...null==l?void 0:l.queryContext,...e}})]})),[l,v]);let N;if(n){const e=&quot;wp_template&quot;===r?(0,E.__)(&quot;Template&quot;):(0,E.__)(&quot;Template Part&quot;);N=(0,E.sprintf)((0,E.__)(&quot;%1$s ‹ %2$s ‹ Editor&quot;),t(),e)}return Ai(n&amp;&amp;N),n?(0,s.createElement)(s.Fragment,null,f&amp;&amp;(0,s.createElement)(zi,null),(0,s.createElement)(_.EntityProvider,{kind:&quot;root&quot;,type:&quot;site&quot;},(0,s.createElement)(_.EntityProvider,{kind:&quot;postType&quot;,type:r,id:a},(0,s.createElement)(vo,null,(0,s.createElement)(fe.BlockContextProvider,{value:C},(0,s.createElement)(ai,null),(0,s.createElement)(ae,{enableRegionNavigation:!1,className:g&amp;&amp;&quot;show-icon-labels&quot;,notices:f&amp;&amp;(0,s.createElement)(h.EditorSnackbars,null),content:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Ri,null),f&amp;&amp;(0,s.createElement)(h.EditorNotices,null),b&amp;&amp;e&amp;&amp;(0,s.createElement)(wi,null),&quot;text&quot;===o&amp;&amp;e&amp;&amp;f&amp;&amp;(0,s.createElement)(ki,null),n&amp;&amp;!e&amp;&amp;(0,s.createElement)(y.Notice,{status:&quot;warning&quot;,isDismissible:!1},(0,E.__)(&quot;You attempted to edit an item that doesn't exist. Perhaps it was deleted?&quot;)),f&amp;&amp;(0,s.createElement)(Ci,null)),secondarySidebar:f&amp;&amp;(S&amp;&amp;(0,s.createElement)(Ni,null)||x&amp;&amp;(0,s.createElement)(Mi,null)),sidebar:f&amp;&amp;u&amp;&amp;(0,s.createElement)(ee.Slot,{scope:&quot;core/edit-site&quot;}),footer:w&amp;&amp;(0,s.createElement)(fe.BlockBreadcrumb,{rootLabelText:(0,E.__)(&quot;Template&quot;)}),labels:{...Li,secondarySidebar:k}})))))):(0,s.createElement)(uo,null)}function Oi(e){var t;let{templateType:n}=e;const{canCreate:a,postType:r}=(0,m.useSelect)((e=&gt;{const{supportsTemplatePartsMode:t}=e(An).getSettings();return{postType:e(_.store).getPostType(n),canCreate:!t}}),[n]);return r?(0,s.createElement)(&quot;header&quot;,{className:&quot;edit-site-list-header&quot;},(0,s.createElement)(y.__experimentalHeading,{level:1,className:&quot;edit-site-list-header__title&quot;},null===(t=r.labels)||void 0===t?void 0:t.name),a&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-list-header__right&quot;},(0,s.createElement)(Pa,{templateType:n,showIcon:!1,toggleProps:{variant:&quot;primary&quot;}}))):null}function Fi(e){let{template:t,onClose:n}=e;const[a,r]=(0,s.useState)((()=&gt;t.title.rendered)),[l,o]=(0,s.useState)(!1),{editEntityRecord:i,saveEditedEntityRecord:c}=(0,m.useDispatch)(_.store),{createSuccessNotice:u,createErrorNotice:d}=(0,m.useDispatch)(ye.store);if(&quot;wp_template&quot;===t.type&amp;&amp;!t.is_custom)return null;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.MenuItem,{onClick:()=&gt;{o(!0),r(t.title.rendered)}},(0,E.__)(&quot;Rename&quot;)),l&amp;&amp;(0,s.createElement)(y.Modal,{title:(0,E.__)(&quot;Rename&quot;),onRequestClose:()=&gt;{o(!1)},overlayClassName:&quot;edit-site-list__rename-modal&quot;},(0,s.createElement)(&quot;form&quot;,{onSubmit:async function(e){e.preventDefault();try{await i(&quot;postType&quot;,t.type,t.id,{title:a}),r(&quot;&quot;),o(!1),n(),await c(&quot;postType&quot;,t.type,t.id,{throwOnError:!0}),u((0,E.__)(&quot;Entity renamed.&quot;),{type:&quot;snackbar&quot;})}catch(e){const t=e.message&amp;&amp;&quot;unknown_error&quot;!==e.code?e.message:(0,E.__)(&quot;An error occurred while renaming the entity.&quot;);d(t,{type:&quot;snackbar&quot;})}}},(0,s.createElement)(y.__experimentalVStack,{spacing:&quot;5&quot;},(0,s.createElement)(y.TextControl,{__nextHasNoMarginBottom:!0,label:(0,E.__)(&quot;Name&quot;),value:a,onChange:r,required:!0}),(0,s.createElement)(y.__experimentalHStack,{justify:&quot;right&quot;},(0,s.createElement)(y.Button,{variant:&quot;tertiary&quot;,onClick:()=&gt;{o(!1)}},(0,E.__)(&quot;Cancel&quot;)),(0,s.createElement)(y.Button,{variant:&quot;primary&quot;,type:&quot;submit&quot;},(0,E.__)(&quot;Save&quot;)))))))}function Gi(e){let{template:t}=e;const{removeTemplate:n,revertTemplate:a}=(0,m.useDispatch)(An),{saveEditedEntityRecord:r}=(0,m.useDispatch)(_.store),{createSuccessNotice:l,createErrorNotice:o}=(0,m.useDispatch)(ye.store),i=function(e){return!!e&amp;&amp;&quot;custom&quot;===e.source&amp;&amp;!e.has_theme_file}(t),c=Ot(t);if(!i&amp;&amp;!c)return null;return(0,s.createElement)(y.DropdownMenu,{icon:re,label:(0,E.__)(&quot;Actions&quot;),className:&quot;edit-site-list-table__actions&quot;},(e=&gt;{let{onClose:u}=e;return(0,s.createElement)(y.MenuGroup,null,i&amp;&amp;(0,s.createElement)(s.Fragment,null,(0,s.createElement)(Fi,{template:t,onClose:u}),(0,s.createElement)(y.MenuItem,{isDestructive:!0,isTertiary:!0,onClick:()=&gt;{n(t),u()}},(0,E.__)(&quot;Delete&quot;))),c&amp;&amp;(0,s.createElement)(y.MenuItem,{info:(0,E.__)(&quot;Use the template as supplied by the theme.&quot;),onClick:()=&gt;{!async function(){try{await a(t,{allowUndo:!1}),await r(&quot;postType&quot;,t.type,t.id),l((0,E.__)(&quot;Entity reverted.&quot;),{type:&quot;snackbar&quot;})}catch(e){const t=e.message&amp;&amp;&quot;unknown_error&quot;!==e.code?e.message:(0,E.__)(&quot;An error occurred while reverting the entity.&quot;);o(t,{type:&quot;snackbar&quot;})}}(),u()}},(0,E.__)(&quot;Clear customizations&quot;)))}))}var Hi=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M10.5 4v4h3V4H15v4h1.5a1 1 0 011 1v4l-3 4v2a1 1 0 01-1 1h-3a1 1 0 01-1-1v-2l-3-4V9a1 1 0 011-1H9V4h1.5zm.5 12.5v2h2v-2l3-4v-3H8v3l3 4z&quot;}));var $i=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{fillRule:&quot;evenodd&quot;,d:&quot;M7.25 16.437a6.5 6.5 0 1 1 9.5 0V16A2.75 2.75 0 0 0 14 13.25h-4A2.75 2.75 0 0 0 7.25 16v.437Zm1.5 1.193a6.47 6.47 0 0 0 3.25.87 6.47 6.47 0 0 0 3.25-.87V16c0-.69-.56-1.25-1.25-1.25h-4c-.69 0-1.25.56-1.25 1.25v1.63ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm10-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z&quot;,clipRule:&quot;evenodd&quot;}));var Ui=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M12 3.3c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8s-4-8.8-8.8-8.8zm6.5 5.5h-2.6C15.4 7.3 14.8 6 14 5c2 .6 3.6 2 4.5 3.8zm.7 3.2c0 .6-.1 1.2-.2 1.8h-2.9c.1-.6.1-1.2.1-1.8s-.1-1.2-.1-1.8H19c.2.6.2 1.2.2 1.8zM12 18.7c-1-.7-1.8-1.9-2.3-3.5h4.6c-.5 1.6-1.3 2.9-2.3 3.5zm-2.6-4.9c-.1-.6-.1-1.1-.1-1.8 0-.6.1-1.2.1-1.8h5.2c.1.6.1 1.1.1 1.8s-.1 1.2-.1 1.8H9.4zM4.8 12c0-.6.1-1.2.2-1.8h2.9c-.1.6-.1 1.2-.1 1.8 0 .6.1 1.2.1 1.8H5c-.2-.6-.2-1.2-.2-1.8zM12 5.3c1 .7 1.8 1.9 2.3 3.5H9.7c.5-1.6 1.3-2.9 2.3-3.5zM10 5c-.8 1-1.4 2.3-1.8 3.8H5.5C6.4 7 8 5.6 10 5zM5.5 15.3h2.6c.4 1.5 1 2.8 1.8 3.7-1.8-.6-3.5-2-4.4-3.7zM14 19c.8-1 1.4-2.2 1.8-3.7h2.6C17.6 17 16 18.4 14 19z&quot;}));const Wi=[&quot;wp_template&quot;,&quot;wp_template_part&quot;];function ji(e){let{text:t,icon:n,imageUrl:a,isCustomized:r,templateType:l}=e;const[o,i]=(0,s.useState)(!1);return(0,s.createElement)(y.__experimentalHStack,{alignment:&quot;left&quot;},a?(0,s.createElement)(&quot;div&quot;,{className:f()(&quot;edit-site-list-added-by__avatar&quot;,{&quot;is-loaded&quot;:o})},(0,s.createElement)(&quot;img&quot;,{onLoad:()=&gt;i(!0),alt:&quot;&quot;,src:a})):(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-list-added-by__icon&quot;},(0,s.createElement)(y.Icon,{icon:n})),(0,s.createElement)(&quot;span&quot;,null,t,r&amp;&amp;(0,s.createElement)(&quot;span&quot;,{className:&quot;edit-site-list-added-by__customized-info&quot;},&quot;wp_template&quot;===l?(0,E._x)(&quot;Customized&quot;,&quot;template&quot;):(0,E._x)(&quot;Customized&quot;,&quot;template part&quot;))))}function qi(e){var t;let{slug:n,isCustomized:a,templateType:r}=e;const l=(0,m.useSelect)((e=&gt;e(_.store).getTheme(n)),[n]);return(0,s.createElement)(ji,{icon:Dn,text:(null==l||null===(t=l.name)||void 0===t?void 0:t.rendered)||n,isCustomized:a,templateType:r})}function Yi(e){let{slug:t,isCustomized:n,templateType:a}=e;const r=(0,m.useSelect)((e=&gt;e(_.store).getPlugin(t)),[t]);return(0,s.createElement)(ji,{icon:Hi,text:(null==r?void 0:r.name)||t,isCustomized:n,templateType:a})}function Xi(e){var t;let{id:n,templateType:a}=e;const r=(0,m.useSelect)((e=&gt;e(_.store).getUser(n)),[n]);return(0,s.createElement)(ji,{icon:$i,imageUrl:null==r||null===(t=r.avatar_urls)||void 0===t?void 0:t[48],text:null==r?void 0:r.nickname,templateType:a})}function Zi(e){let{templateType:t}=e;const{name:n,logoURL:a}=(0,m.useSelect)((e=&gt;{var t;const{getEntityRecord:n,getMedia:a}=e(_.store),r=n(&quot;root&quot;,&quot;__unstableBase&quot;);return{name:null==r?void 0:r.name,logoURL:null!=r&amp;&amp;r.site_logo?null===(t=a(r.site_logo))||void 0===t?void 0:t.source_url:void 0}}),[]);return(0,s.createElement)(ji,{icon:Ui,imageUrl:a,text:n,templateType:t})}function Ki(e){let{templateType:t,template:n}=e;if(n){if(Wi.includes(t)){if(n.has_theme_file&amp;&amp;(&quot;theme&quot;===n.origin||!n.origin&amp;&amp;[&quot;theme&quot;,&quot;custom&quot;].includes(n.source)))return(0,s.createElement)(qi,{slug:n.theme,isCustomized:&quot;custom&quot;===n.source,templateType:t});if(n.has_theme_file&amp;&amp;&quot;plugin&quot;===n.origin)return(0,s.createElement)(Yi,{slug:n.theme,isCustomized:&quot;custom&quot;===n.source,templateType:t});if(!n.has_theme_file&amp;&amp;&quot;custom&quot;===n.source&amp;&amp;!n.author)return(0,s.createElement)(Zi,{templateType:t})}return(0,s.createElement)(Xi,{id:n.author,templateType:t})}}function Qi(e){let{templateType:t}=e;const{records:n,isResolving:a}=(0,_.useEntityRecords)(&quot;postType&quot;,t,{per_page:-1}),r=(0,m.useSelect)((e=&gt;e(_.store).getPostType(t)),[t]);if(!n||a)return null;var l,o;if(!n.length)return(0,s.createElement)(&quot;div&quot;,null,(0,E.sprintf)((0,E.__)(&quot;No %s found.&quot;),null==r||null===(l=r.labels)||void 0===l||null===(o=l.name)||void 0===o?void 0:o.toLowerCase()));const i=[...n];return i.sort(((e,t)=&gt;e.slug.localeCompare(t.slug))),(0,s.createElement)(&quot;table&quot;,{className:&quot;edit-site-list-table&quot;,role:&quot;table&quot;},(0,s.createElement)(&quot;thead&quot;,null,(0,s.createElement)(&quot;tr&quot;,{className:&quot;edit-site-list-table-head&quot;,role:&quot;row&quot;},(0,s.createElement)(&quot;th&quot;,{className:&quot;edit-site-list-table-column&quot;,role:&quot;columnheader&quot;},(0,E.__)(&quot;Template&quot;)),(0,s.createElement)(&quot;th&quot;,{className:&quot;edit-site-list-table-column&quot;,role:&quot;columnheader&quot;},(0,E.__)(&quot;Added by&quot;)),(0,s.createElement)(&quot;th&quot;,{className:&quot;edit-site-list-table-column&quot;,role:&quot;columnheader&quot;},(0,s.createElement)(y.VisuallyHidden,null,(0,E.__)(&quot;Actions&quot;))))),(0,s.createElement)(&quot;tbody&quot;,null,i.map((e=&gt;{var n;return(0,s.createElement)(&quot;tr&quot;,{key:e.id,className:&quot;edit-site-list-table-row&quot;,role:&quot;row&quot;},(0,s.createElement)(&quot;td&quot;,{className:&quot;edit-site-list-table-column&quot;,role:&quot;cell&quot;},(0,s.createElement)(y.__experimentalHeading,{level:4},(0,s.createElement)(Pt,{params:{postId:e.id,postType:e.type}},(0,Un.decodeEntities)((null===(n=e.title)||void 0===n?void 0:n.rendered)||e.slug))),(0,Un.decodeEntities)(e.description)),(0,s.createElement)(&quot;td&quot;,{className:&quot;edit-site-list-table-column&quot;,role:&quot;cell&quot;},(0,s.createElement)(Ki,{templateType:t,template:e})),(0,s.createElement)(&quot;td&quot;,{className:&quot;edit-site-list-table-column&quot;,role:&quot;cell&quot;},(0,s.createElement)(Gi,{template:e})))}))))}function Ji(){var e,t;const{params:{path:n}}=Ct(),a=&quot;/wp_template/all&quot;===n?&quot;wp_template&quot;:&quot;wp_template_part&quot;;!function(){const{registerShortcut:e}=(0,m.useDispatch)(Ln.store);(0,s.useEffect)((()=&gt;{e({name:&quot;core/edit-site/next-region&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Navigate to the next part of the editor.&quot;),keyCombination:{modifier:&quot;ctrl&quot;,character:&quot;`&quot;},aliases:[{modifier:&quot;access&quot;,character:&quot;n&quot;}]}),e({name:&quot;core/edit-site/previous-region&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Navigate to the previous part of the editor.&quot;),keyCombination:{modifier:&quot;ctrlShift&quot;,character:&quot;`&quot;},aliases:[{modifier:&quot;access&quot;,character:&quot;p&quot;},{modifier:&quot;ctrlShift&quot;,character:&quot;~&quot;}]})}),[])}();const{previousShortcut:r,nextShortcut:l}=(0,m.useSelect)((e=&gt;({previousShortcut:e(Ln.store).getAllShortcutKeyCombinations(&quot;core/edit-site/previous-region&quot;),nextShortcut:e(Ln.store).getAllShortcutKeyCombinations(&quot;core/edit-site/next-region&quot;)})),[]),o=(0,m.useSelect)((e=&gt;e(_.store).getPostType(a)),[a]);Ai(null==o||null===(e=o.labels)||void 0===e?void 0:e.name);const i=null==o||null===(t=o.labels)||void 0===t?void 0:t.items_list,c=o?{header:(0,E.sprintf)((0,E.__)(&quot;%s - Header&quot;),i),body:(0,E.sprintf)((0,E.__)(&quot;%s - Content&quot;),i)}:void 0;return(0,s.createElement)(ae,{className:&quot;edit-site-list&quot;,labels:c,header:(0,s.createElement)(Oi,{templateType:a}),notices:(0,s.createElement)(h.EditorSnackbars,null),content:(0,s.createElement)(Qi,{templateType:a}),shortcuts:{previous:r,next:l}})}function es(e){let{text:t,children:n}=e;const a=(0,te.useCopyToClipboard)(t);return(0,s.createElement)(y.Button,{variant:&quot;secondary&quot;,ref:a},n)}function ts(e){let{message:t,error:n}=e;const a=[(0,s.createElement)(es,{key:&quot;copy-error&quot;,text:n.stack},(0,E.__)(&quot;Copy Error&quot;))];return(0,s.createElement)(fe.Warning,{className:&quot;editor-error-boundary&quot;,actions:a},t)}class ns extends s.Component{constructor(){super(...arguments),this.state={error:null}}componentDidCatch(e){(0,he.doAction)(&quot;editor.ErrorBoundary.errorLogged&quot;,e)}static getDerivedStateFromError(e){return{error:e}}render(){return this.state.error?(0,s.createElement)(ts,{message:(0,E.__)(&quot;The editor has encountered an unexpected error.&quot;),error:this.state.error}):this.props.children}}var as=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z&quot;}));var rs=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;m12 20-4.5-3.6-.9 1.2L12 22l5.5-4.4-.9-1.2L12 20zm0-16 4.5 3.6.9-1.2L12 2 6.5 6.4l.9 1.2L12 4z&quot;}));var ls=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M18.2 17c0 .7-.6 1.2-1.2 1.2H7c-.7 0-1.2-.6-1.2-1.2V7c0-.7.6-1.2 1.2-1.2h3.2V4.2H7C5.5 4.2 4.2 5.5 4.2 7v10c0 1.5 1.2 2.8 2.8 2.8h10c1.5 0 2.8-1.2 2.8-2.8v-3.6h-1.5V17zM14.9 3v1.5h3.7l-6.4 6.4 1.1 1.1 6.4-6.4v3.7h1.5V3h-6.3z&quot;}));const os=[{keyCombination:{modifier:&quot;primary&quot;,character:&quot;b&quot;},description:(0,E.__)(&quot;Make the selected text bold.&quot;)},{keyCombination:{modifier:&quot;primary&quot;,character:&quot;i&quot;},description:(0,E.__)(&quot;Make the selected text italic.&quot;)},{keyCombination:{modifier:&quot;primary&quot;,character:&quot;k&quot;},description:(0,E.__)(&quot;Convert the selected text into a link.&quot;)},{keyCombination:{modifier:&quot;primaryShift&quot;,character:&quot;k&quot;},description:(0,E.__)(&quot;Remove a link.&quot;)},{keyCombination:{character:&quot;[[&quot;},description:(0,E.__)(&quot;Insert a link to a post or page.&quot;)},{keyCombination:{modifier:&quot;primary&quot;,character:&quot;u&quot;},description:(0,E.__)(&quot;Underline the selected text.&quot;)},{keyCombination:{modifier:&quot;access&quot;,character:&quot;d&quot;},description:(0,E.__)(&quot;Strikethrough the selected text.&quot;)},{keyCombination:{modifier:&quot;access&quot;,character:&quot;x&quot;},description:(0,E.__)(&quot;Make the selected text inline code.&quot;)}];function is(e){let{keyCombination:t,forceAriaLabel:n}=e;const a=t.modifier?qa.displayShortcutList[t.modifier](t.character):t.character,r=t.modifier?qa.shortcutAriaLabel[t.modifier](t.character):t.character;return(0,s.createElement)(&quot;kbd&quot;,{className:&quot;edit-site-keyboard-shortcut-help-modal__shortcut-key-combination&quot;,&quot;aria-label&quot;:n||r},(Array.isArray(a)?a:[a]).map(((e,t)=&gt;&quot;+&quot;===e?(0,s.createElement)(s.Fragment,{key:t},e):(0,s.createElement)(&quot;kbd&quot;,{key:t,className:&quot;edit-site-keyboard-shortcut-help-modal__shortcut-key&quot;},e))))}function ss(e){let{description:t,keyCombination:n,aliases:a=[],ariaLabel:r}=e;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-keyboard-shortcut-help-modal__shortcut-description&quot;},t),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-keyboard-shortcut-help-modal__shortcut-term&quot;},(0,s.createElement)(is,{keyCombination:n,forceAriaLabel:r}),a.map(((e,t)=&gt;(0,s.createElement)(is,{keyCombination:e,forceAriaLabel:r,key:t})))))}function cs(e){let{name:t}=e;const{keyCombination:n,description:a,aliases:r}=(0,m.useSelect)((e=&gt;{const{getShortcutKeyCombination:n,getShortcutDescription:a,getShortcutAliases:r}=e(Ln.store);return{keyCombination:n(t),aliases:r(t),description:a(t)}}),[t]);return n?(0,s.createElement)(ss,{keyCombination:n,description:a,aliases:r}):null}const us=e=&gt;{let{shortcuts:t}=e;return(0,s.createElement)(&quot;ul&quot;,{className:&quot;edit-site-keyboard-shortcut-help-modal__shortcut-list&quot;,role:&quot;list&quot;},t.map(((e,t)=&gt;(0,s.createElement)(&quot;li&quot;,{className:&quot;edit-site-keyboard-shortcut-help-modal__shortcut&quot;,key:t},&quot;string&quot;==typeof e?(0,s.createElement)(cs,{name:e}):(0,s.createElement)(ss,e)))))},ms=e=&gt;{let{title:t,shortcuts:n,className:a}=e;return(0,s.createElement)(&quot;section&quot;,{className:f()(&quot;edit-site-keyboard-shortcut-help-modal__section&quot;,a)},!!t&amp;&amp;(0,s.createElement)(&quot;h2&quot;,{className:&quot;edit-site-keyboard-shortcut-help-modal__section-title&quot;},t),(0,s.createElement)(us,{shortcuts:n}))},ds=e=&gt;{let{title:t,categoryName:n,additionalShortcuts:a=[]}=e;const r=(0,m.useSelect)((e=&gt;e(Ln.store).getCategoryShortcuts(n)),[n]);return(0,s.createElement)(ms,{title:t,shortcuts:r.concat(a)})};function ps(e){let{isModalActive:t,toggleModal:n}=e;return t?(0,s.createElement)(y.Modal,{className:&quot;edit-site-keyboard-shortcut-help-modal&quot;,title:(0,E.__)(&quot;Keyboard shortcuts&quot;),onRequestClose:n},(0,s.createElement)(ms,{className:&quot;edit-site-keyboard-shortcut-help-modal__main-shortcuts&quot;,shortcuts:[&quot;core/edit-site/keyboard-shortcuts&quot;]}),(0,s.createElement)(ds,{title:(0,E.__)(&quot;Global shortcuts&quot;),categoryName:&quot;global&quot;}),(0,s.createElement)(ds,{title:(0,E.__)(&quot;Selection shortcuts&quot;),categoryName:&quot;selection&quot;}),(0,s.createElement)(ds,{title:(0,E.__)(&quot;Block shortcuts&quot;),categoryName:&quot;block&quot;,additionalShortcuts:[{keyCombination:{character:&quot;/&quot;},description:(0,E.__)(&quot;Change the block type after adding a new paragraph.&quot;),ariaLabel:(0,E.__)(&quot;Forward-slash&quot;)}]}),(0,s.createElement)(ms,{title:(0,E.__)(&quot;Text formatting&quot;),shortcuts:os})):null}function _s(e){const{featureName:t,...n}=e,a=(0,m.useSelect)((e=&gt;!!e(T.store).get(&quot;core/edit-site&quot;,t)),[t]),{toggle:r}=(0,m.useDispatch)(T.store);return(0,s.createElement)(pe,g({onChange:()=&gt;r(&quot;core/edit-site&quot;,t),isChecked:a},n))}function hs(e){let{isModalActive:t,toggleModal:n}=e;const a=(0,s.useMemo)((()=&gt;[{name:&quot;general&quot;,tabLabel:(0,E.__)(&quot;General&quot;),content:(0,s.createElement)(de,{title:(0,E.__)(&quot;Appearance&quot;),description:(0,E.__)(&quot;Customize options related to the block editor interface and editing flow.&quot;)},(0,s.createElement)(_s,{featureName:&quot;focusMode&quot;,help:(0,E.__)(&quot;Highlights the current block and fades other content.&quot;),label:(0,E.__)(&quot;Spotlight mode&quot;)}),(0,s.createElement)(_s,{featureName:&quot;showIconLabels&quot;,label:(0,E.__)(&quot;Show button text labels&quot;),help:(0,E.__)(&quot;Show text instead of icons on buttons.&quot;)}),(0,s.createElement)(_s,{featureName:&quot;showListViewByDefault&quot;,help:(0,E.__)(&quot;Opens the block list view sidebar by default.&quot;),label:(0,E.__)(&quot;Always open list view&quot;)}))},{name:&quot;blocks&quot;,tabLabel:(0,E.__)(&quot;Blocks&quot;),content:(0,s.createElement)(de,{title:(0,E.__)(&quot;Block interactions&quot;),description:(0,E.__)(&quot;Customize how you interact with blocks in the block library and editing canvas.&quot;)},(0,s.createElement)(_s,{featureName:&quot;keepCaretInsideBlock&quot;,help:(0,E.__)(&quot;Aids screen readers by stopping text caret from leaving blocks.&quot;),label:(0,E.__)(&quot;Contain text cursor inside block&quot;)}))}]));return t?(0,s.createElement)(oe,{closeModal:n},(0,s.createElement)(me,{sections:a})):null}const{Fill:gs,Slot:vs}=(0,y.createSlotFill)(&quot;EditSiteToolsMoreMenuGroup&quot;);gs.Slot=e=&gt;{let{fillProps:t}=e;return(0,s.createElement)(vs,{fillProps:t},(e=&gt;!(0,ve.isEmpty)(e)&amp;&amp;e))};var fs=gs,ys=n(8981),Es=n.n(ys);var bs=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M18 11.3l-1-1.1-4 4V3h-1.5v11.3L7 10.2l-1 1.1 6.2 5.8 5.8-5.8zm.5 3.7v3.5h-13V15H4v5h16v-5h-1.5z&quot;}));function ws(){const{createErrorNotice:e}=(0,m.useDispatch)(ye.store);return(0,s.createElement)(y.MenuItem,{role:&quot;menuitem&quot;,icon:bs,onClick:async function(){try{const e=await At()({path:&quot;/wp-block-editor/v1/export&quot;,parse:!1,headers:{Accept:&quot;application/zip&quot;}}),t=await e.blob(),n=e.headers.get(&quot;content-disposition&quot;).match(/=(.+)\.zip/),a=n[1]?n[1]:&quot;edit-site-export&quot;;Es()(t,a+&quot;.zip&quot;,&quot;application/zip&quot;)}catch(t){let n={};try{n=await t.json()}catch(e){}const a=n.message&amp;&amp;&quot;unknown_error&quot;!==n.code?n.message:(0,E.__)(&quot;An error occurred while creating the site export.&quot;);e(a,{type:&quot;snackbar&quot;})}},info:(0,E.__)(&quot;Download your theme with updated templates and styles.&quot;)},(0,E._x)(&quot;Export&quot;,&quot;site exporter menu item&quot;))}function Ss(){const{toggle:e}=(0,m.useDispatch)(T.store);return(0,s.createElement)(y.MenuItem,{onClick:()=&gt;e(&quot;core/edit-site&quot;,&quot;welcomeGuide&quot;)},(0,E.__)(&quot;Welcome Guide&quot;))}function xs(){const{createNotice:e}=(0,m.useDispatch)(ye.store),t=(0,m.useSelect)((e=&gt;()=&gt;{const{getEditedPostId:t,getEditedPostType:n}=e(An),{getEditedEntityRecord:a}=e(_.store),r=a(&quot;postType&quot;,n(),t());if(r){if(&quot;function&quot;==typeof r.content)return r.content(r);if(r.blocks)return(0,c.__unstableSerializeAndClean)(r.blocks);if(r.content)return r.content}return&quot;&quot;}),[]);const n=(0,te.useCopyToClipboard)(t,(function(){e(&quot;info&quot;,(0,E.__)(&quot;All content copied.&quot;),{isDismissible:!0,type:&quot;snackbar&quot;})}));return(0,s.createElement)(y.MenuItem,{ref:n},(0,E.__)(&quot;Copy all blocks&quot;))}const ks=[{value:&quot;visual&quot;,label:(0,E.__)(&quot;Visual editor&quot;)},{value:&quot;text&quot;,label:(0,E.__)(&quot;Code editor&quot;)}];var Cs=function(){const{shortcut:e,mode:t}=(0,m.useSelect)((e=&gt;({shortcut:e(Ln.store).getShortcutRepresentation(&quot;core/edit-site/toggle-mode&quot;),isRichEditingEnabled:e(An).getSettings().richEditingEnabled,isCodeEditingEnabled:e(An).getSettings().codeEditingEnabled,mode:e(An).getEditorMode()})),[]),{switchEditorMode:n}=(0,m.useDispatch)(An),a=ks.map((n=&gt;n.value!==t?{...n,shortcut:e}:n));return(0,s.createElement)(y.MenuGroup,{label:(0,E.__)(&quot;Editor&quot;)},(0,s.createElement)(y.MenuItemsChoice,{choices:a,value:t,onSelect:n}))};function Ts(e){let{showIconLabels:t}=e;const[n,a]=(0,s.useReducer)((e=&gt;!e),!1),[r,l]=(0,s.useReducer)((e=&gt;!e),!1);return(0,Ln.useShortcut)(&quot;core/edit-site/keyboard-shortcuts&quot;,a),(0,s.createElement)(s.Fragment,null,(0,s.createElement)(le,{toggleProps:{showTooltip:!t,...t&amp;&amp;{variant:&quot;tertiary&quot;}}},(e=&gt;{let{onClose:t}=e;return(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.MenuGroup,{label:(0,E._x)(&quot;View&quot;,&quot;noun&quot;)},(0,s.createElement)(T.PreferenceToggleMenuItem,{scope:&quot;core/edit-site&quot;,name:&quot;fixedToolbar&quot;,label:(0,E.__)(&quot;Top toolbar&quot;),info:(0,E.__)(&quot;Access all block and document tools in a single place&quot;),messageActivated:(0,E.__)(&quot;Top toolbar activated&quot;),messageDeactivated:(0,E.__)(&quot;Top toolbar deactivated&quot;)}),(0,s.createElement)(T.PreferenceToggleMenuItem,{scope:&quot;core/edit-site&quot;,name:&quot;focusMode&quot;,label:(0,E.__)(&quot;Spotlight mode&quot;),info:(0,E.__)(&quot;Focus on one block at a time&quot;),messageActivated:(0,E.__)(&quot;Spotlight mode activated&quot;),messageDeactivated:(0,E.__)(&quot;Spotlight mode deactivated&quot;)}),(0,s.createElement)(Cs,null),(0,s.createElement)(q.Slot,{name:&quot;core/edit-site/plugin-more-menu&quot;,label:(0,E.__)(&quot;Plugins&quot;),as:y.MenuGroup,fillProps:{onClick:t}})),(0,s.createElement)(y.MenuGroup,{label:(0,E.__)(&quot;Tools&quot;)},(0,s.createElement)(ws,null),(0,s.createElement)(y.MenuItem,{onClick:a,shortcut:qa.displayShortcut.access(&quot;h&quot;)},(0,E.__)(&quot;Keyboard shortcuts&quot;)),(0,s.createElement)(Ss,null),(0,s.createElement)(xs,null),(0,s.createElement)(y.MenuItem,{icon:ls,role:&quot;menuitem&quot;,href:(0,E.__)(&quot;https://wordpress.org/support/article/site-editor/&quot;),target:&quot;_blank&quot;,rel:&quot;noopener noreferrer&quot;},(0,E.__)(&quot;Help&quot;),(0,s.createElement)(y.VisuallyHidden,{as:&quot;span&quot;},(0,E.__)(&quot;(opens in a new tab)&quot;))),(0,s.createElement)(fs.Slot,{fillProps:{onClose:t}})),(0,s.createElement)(y.MenuGroup,null,(0,s.createElement)(y.MenuItem,{onClick:l},(0,E.__)(&quot;Preferences&quot;))))})),(0,s.createElement)(ps,{isModalActive:n,toggleModal:a}),(0,s.createElement)(hs,{isModalActive:r,toggleModal:l}))}function Ns(){const{isDirty:e,isSaving:t,isSaveViewOpen:n}=(0,m.useSelect)((e=&gt;{const{__experimentalGetDirtyEntityRecords:t,isSavingEntityRecord:n}=e(_.store),a=t(),{isSaveViewOpened:r}=e(An);return{isDirty:a.length&gt;0,isSaving:a.some((e=&gt;n(e.kind,e.name,e.key))),isSaveViewOpen:r()}}),[]),{setIsSaveViewOpened:a}=(0,m.useDispatch)(An),r=!e||t,l=(0,E.__)(&quot;Save&quot;);return(0,s.createElement)(y.Button,{variant:&quot;primary&quot;,className:&quot;edit-site-save-button__button&quot;,&quot;aria-disabled&quot;:r,&quot;aria-expanded&quot;:n,isBusy:t,onClick:r?void 0:()=&gt;a(!0),label:l,shortcut:r?void 0:qa.displayShortcut.primary(&quot;s&quot;),showTooltip:!0},l)}var Ms=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M18.3 11.7c-.6-.6-1.4-.9-2.3-.9H6.7l2.9-3.3-1.1-1-4.5 5L8.5 16l1-1-2.7-2.7H16c.5 0 .9.2 1.3.5 1 1 1 3.4 1 4.5v.3h1.5v-.2c0-1.5 0-4.3-1.5-5.7z&quot;}));var Is=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;0 0 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z&quot;}));var Ps=(0,s.forwardRef)((function(e,t){const n=(0,m.useSelect)((e=&gt;e(_.store).hasUndo()),[]),{undo:a}=(0,m.useDispatch)(_.store);return(0,s.createElement)(y.Button,g({},e,{ref:t,icon:(0,E.isRTL)()?Is:Ms,label:(0,E.__)(&quot;Undo&quot;),shortcut:qa.displayShortcut.primary(&quot;z&quot;),&quot;aria-disabled&quot;:!n,onClick:n?a:void 0}))}));var Bs=(0,s.forwardRef)((function(e,t){const n=(0,qa.isAppleOS)()?qa.displayShortcut.primaryShift(&quot;z&quot;):qa.displayShortcut.primary(&quot;y&quot;),a=(0,m.useSelect)((e=&gt;e(_.store).hasRedo()),[]),{redo:r}=(0,m.useDispatch)(_.store);return(0,s.createElement)(y.Button,g({},e,{ref:t,icon:(0,E.isRTL)()?Ms:Is,label:(0,E.__)(&quot;Redo&quot;),shortcut:n,&quot;aria-disabled&quot;:!a,onClick:a?r:void 0}))}));var zs=(0,s.createElement)(b.SVG,{viewBox:&quot;0 0 24 24&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;},(0,s.createElement)(b.Path,{d:&quot;M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z&quot;}));function Vs(e){let{template:t}=e;const[n,a]=(0,s.useState)(!1),[r,l]=(0,_.useEntityProp)(&quot;postType&quot;,t.type,&quot;title&quot;,t.id);return(0,s.createElement)(y.TextControl,{__nextHasNoMarginBottom:!0,label:(0,E.__)(&quot;Title&quot;),value:n?&quot;&quot;:r,help:&quot;wp_template_part&quot;!==t.type?(0,E.__)('Give the template a title that indicates its purpose, e.g. &quot;Full Width&quot;.'):null,onChange:e=&gt;{e||n?(a(!1),l(e)):a(!0)},onBlur:()=&gt;a(!1)})}function Rs(e){let{id:t}=e;const[n,a]=(0,_.useEntityProp)(&quot;postType&quot;,&quot;wp_template_part&quot;,&quot;area&quot;,t),r=(0,m.useSelect)((e=&gt;e(h.store).__experimentalGetDefaultTemplatePartAreas()),[]).map((e=&gt;{let{label:t,area:n}=e;return{label:t,value:n}}));return(0,s.createElement)(y.SelectControl,{__nextHasNoMarginBottom:!0,label:(0,E.__)(&quot;Area&quot;),labelPosition:&quot;top&quot;,options:r,value:n,onChange:a})}function As(e){let{template:t,onClose:n}=e;const{title:a,description:r}=(0,m.useSelect)((e=&gt;e(h.store).__experimentalGetTemplateInfo(t)),[]),{revertTemplate:l}=(0,m.useDispatch)(An),o=It({path:&quot;/&quot;+t.type+&quot;/all&quot;}),i=&quot;wp_template_part&quot;===t.type,c=(i||t.is_custom)&amp;&amp;!t.has_theme_file;if(!t)return null;return(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-template-details&quot;},(0,s.createElement)(y.__experimentalVStack,{className:&quot;edit-site-template-details__group&quot;,spacing:3},c?(0,s.createElement)(Vs,{template:t}):(0,s.createElement)(y.__experimentalText,{size:16,weight:600,className:&quot;edit-site-template-details__title&quot;,as:&quot;p&quot;},(0,Un.decodeEntities)(a)),r&amp;&amp;(0,s.createElement)(y.__experimentalText,{size:&quot;body&quot;,className:&quot;edit-site-template-details__description&quot;,as:&quot;p&quot;},(0,Un.decodeEntities)(r))),i&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-template-details__group&quot;},(0,s.createElement)(Rs,{id:t.id})),Ot(t)&amp;&amp;(0,s.createElement)(y.MenuGroup,{className:&quot;edit-site-template-details__group edit-site-template-details__revert&quot;},(0,s.createElement)(y.MenuItem,{className:&quot;edit-site-template-details__revert-button&quot;,info:(0,E.__)(&quot;Use the template as supplied by the theme.&quot;),onClick:()=&gt;{l(t),n()}},(0,E.__)(&quot;Clear customizations&quot;))),(0,s.createElement)(y.Button,g({className:&quot;edit-site-template-details__show-all-button&quot;},o),&quot;wp_template&quot;===(null==t?void 0:t.type)?(0,E.__)(&quot;Manage all templates&quot;):(0,E.__)(&quot;Manage all template parts&quot;)))}function Ls(e){if(e){const t=(0,c.getBlockType)(e.name);return t?(0,c.__experimentalGetBlockLabel)(t,e.attributes):null}return null}function Ds(){const e=(0,m.useSelect)((e=&gt;e(T.store).get(&quot;core/edit-site&quot;,&quot;showIconLabels&quot;)),[]),{isLoaded:t,record:n,getTitle:a}=Aa(),{label:r,icon:l}=function(){const{getBlock:e}=(0,m.useSelect)(fe.store),t=(0,m.useSelect)((e=&gt;e(fe.store).__experimentalGetActiveBlockIdByBlockNames([&quot;core/template-part&quot;])),[]),n=(0,fe.useBlockDisplayInformation)(t);return t?{label:Ls(e(t)),isActive:!0,icon:null==n?void 0:n.icon}:{}}(),[o,i]=(0,s.useState)(null),c=(0,s.useMemo)((()=&gt;({anchor:o,placement:&quot;bottom&quot;})),[o]);if(!t)return(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-document-actions&quot;},(0,E.__)(&quot;Loading…&quot;));if(!n)return(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-document-actions&quot;},(0,E.__)(&quot;Template not found&quot;));const u=&quot;wp_template_part&quot;===n.type?(0,E.__)(&quot;template part&quot;):(0,E.__)(&quot;template&quot;);return(0,s.createElement)(&quot;div&quot;,{className:f()(&quot;edit-site-document-actions&quot;,{&quot;has-secondary-label&quot;:!!r})},(0,s.createElement)(&quot;div&quot;,{ref:i,className:&quot;edit-site-document-actions__title-wrapper&quot;},(0,s.createElement)(y.__experimentalText,{size:&quot;body&quot;,className:&quot;edit-site-document-actions__title&quot;,as:&quot;h1&quot;},(0,s.createElement)(y.VisuallyHidden,{as:&quot;span&quot;},(0,E.sprintf)((0,E.__)(&quot;Editing %s: &quot;),u)),a()),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-document-actions__secondary-item&quot;},(0,s.createElement)(fe.BlockIcon,{icon:l,showColors:!0}),(0,s.createElement)(y.__experimentalText,{size:&quot;body&quot;},null!=r?r:&quot;&quot;)),(0,s.createElement)(y.Dropdown,{popoverProps:c,renderToggle:t=&gt;{let{isOpen:n,onToggle:a}=t;return(0,s.createElement)(y.Button,{className:&quot;edit-site-document-actions__get-info&quot;,icon:zs,&quot;aria-expanded&quot;:n,&quot;aria-haspopup&quot;:&quot;true&quot;,onClick:a,variant:e?&quot;tertiary&quot;:void 0,label:(0,E.sprintf)((0,E.__)(&quot;Show %s details&quot;),u)},e&amp;&amp;(0,E.__)(&quot;Details&quot;))},contentClassName:&quot;edit-site-document-actions__info-dropdown&quot;,renderContent:e=&gt;{let{onClose:t}=e;return(0,s.createElement)(As,{template:n,onClose:t})}})))}const Os=e=&gt;{e.preventDefault()};function Fs(){var e;const t=(0,s.useRef)(),{deviceType:n,templateType:a,isInserterOpen:r,isListViewOpen:l,listViewShortcut:o,isVisualMode:i,blockEditorMode:c,homeUrl:u,showIconLabels:d}=(0,m.useSelect)((e=&gt;{var t;const{__experimentalGetPreviewDeviceType:n,getEditedPostType:a,isInserterOpened:r,isListViewOpened:l,getEditorMode:o}=e(An),{getShortcutRepresentation:i}=e(Ln.store),{__unstableGetEditorMode:s}=e(fe.store),c=a(),{getUnstableBase:u}=e(_.store);return{deviceType:n(),templateType:c,isInserterOpen:r(),isListViewOpen:l(),listViewShortcut:i(&quot;core/edit-site/toggle-list-view&quot;),isVisualMode:&quot;visual&quot;===o(),blockEditorMode:s(),homeUrl:null===(t=u())||void 0===t?void 0:t.home,showIconLabels:e(T.store).get(&quot;core/edit-site&quot;,&quot;showIconLabels&quot;)}}),[]),{__experimentalSetPreviewDeviceType:p,setIsInserterOpened:h,setIsListViewOpened:g}=(0,m.useDispatch)(An),{__unstableSetEditorMode:v}=(0,m.useDispatch)(fe.store),b=(0,te.useViewportMatch)(&quot;medium&quot;),w=(0,s.useCallback)((()=&gt;{r?(t.current.focus(),h(!1)):h(!0)}),[r,h]),S=(0,s.useCallback)((()=&gt;g(!l)),[g,l]),x=function(){const e=(0,y.__experimentalUseSlotFills)(xo);return!(null==e||!e.length)}(),k=&quot;wp_template_part&quot;===a,C=(0,E._x)(&quot;Toggle block inserter&quot;,&quot;Generic label for block inserter button&quot;),N=r?(0,E.__)(&quot;Close&quot;):(0,E.__)(&quot;Add&quot;),M=(null===(e=window)||void 0===e?void 0:e.__experimentalEnableZoomedOutView)&amp;&amp;i,I=&quot;zoom-out&quot;===c;return(0,s.createElement)(&quot;div&quot;,{className:f()(&quot;edit-site-header-edit-mode&quot;,{&quot;show-icon-labels&quot;:d})},!x&amp;&amp;(0,s.createElement)(fe.NavigableToolbar,{className:&quot;edit-site-header-edit-mode__start&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Document tools&quot;)},(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-header-edit-mode__toolbar&quot;},(0,s.createElement)(y.ToolbarItem,{ref:t,as:y.Button,className:&quot;edit-site-header-edit-mode__inserter-toggle&quot;,variant:&quot;primary&quot;,isPressed:r,onMouseDown:Os,onClick:w,disabled:!i,icon:ra,label:d?N:C,showTooltip:!d}),b&amp;&amp;(0,s.createElement)(s.Fragment,null,(0,s.createElement)(y.ToolbarItem,{as:fe.ToolSelector,showTooltip:!d,variant:d?&quot;tertiary&quot;:void 0,disabled:!i}),(0,s.createElement)(y.ToolbarItem,{as:Ps,showTooltip:!d,variant:d?&quot;tertiary&quot;:void 0}),(0,s.createElement)(y.ToolbarItem,{as:Bs,showTooltip:!d,variant:d?&quot;tertiary&quot;:void 0}),(0,s.createElement)(y.ToolbarItem,{as:y.Button,className:&quot;edit-site-header-edit-mode__list-view-toggle&quot;,disabled:!i||I,icon:as,isPressed:l,label:(0,E.__)(&quot;List View&quot;),onClick:S,shortcut:o,showTooltip:!d,variant:d?&quot;tertiary&quot;:void 0}),M&amp;&amp;(0,s.createElement)(y.ToolbarItem,{as:y.Button,className:&quot;edit-site-header-edit-mode__zoom-out-view-toggle&quot;,icon:rs,isPressed:I,label:(0,E.__)(&quot;Zoom-out View&quot;),onClick:()=&gt;{p(&quot;desktop&quot;),v(I?&quot;edit&quot;:&quot;zoom-out&quot;)}})))),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-header-edit-mode__center&quot;},x?(0,E.__)(&quot;Style Book&quot;):(0,s.createElement)(Ds,null)),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-header-edit-mode__end&quot;},(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-header-edit-mode__actions&quot;},!k&amp;&amp;!x&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:f()(&quot;edit-site-header-edit-mode__preview-options&quot;,{&quot;is-zoomed-out&quot;:I})},(0,s.createElement)(fe.__experimentalPreviewOptions,{deviceType:n,setDeviceType:p,viewLabel:(0,E.__)(&quot;View&quot;)},(0,s.createElement)(y.MenuGroup,null,(0,s.createElement)(y.MenuItem,{href:u,target:&quot;_blank&quot;,icon:ls},(0,E.__)(&quot;View site&quot;),(0,s.createElement)(y.VisuallyHidden,{as:&quot;span&quot;},(0,E.__)(&quot;(opens in a new tab)&quot;)))))),(0,s.createElement)(Ns,null),(0,s.createElement)(K.Slot,{scope:&quot;core/edit-site&quot;}),(0,s.createElement)(Ts,{showIconLabels:d}))))}var Gs=(0,s.createElement)(b.SVG,{xmlns:&quot;http://www.w3.org/2000/svg&quot;,viewBox:&quot;-2 -2 24 24&quot;},(0,s.createElement)(b.Path,{d:&quot;M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z&quot;}));var Hs=function(e){let{className:t}=e;const{isRequestingSite:n,siteIconUrl:a}=(0,m.useSelect)((e=&gt;{const{getEntityRecord:t,isResolving:n}=e(_.store),a=t(&quot;root&quot;,&quot;__unstableBase&quot;,void 0)||{};return{isRequestingSite:n(&quot;core&quot;,&quot;getEntityRecord&quot;,[&quot;root&quot;,&quot;__unstableBase&quot;,void 0]),siteIconUrl:a.site_icon_url}}),[]);if(n&amp;&amp;!a)return null;const r=a?(0,s.createElement)(&quot;img&quot;,{className:&quot;edit-site-site-icon__image&quot;,alt:(0,E.__)(&quot;Site Icon&quot;),src:a}):(0,s.createElement)(y.Icon,{className:&quot;edit-site-site-icon__icon&quot;,size:&quot;32px&quot;,icon:Gs});return(0,s.createElement)(&quot;div&quot;,{className:f()(t,&quot;edit-site-site-icon&quot;)},r)};const $s=(0,s.forwardRef)(((e,t)=&gt;{const{canvasMode:n,dashboardLink:a}=(0,m.useSelect)((e=&gt;{e(An).getEditedPostType();const{getCanvasMode:t,getSettings:n}=Qe(e(An));return{canvasMode:t(),dashboardLink:n().__experimentalDashboardLink}}),[]),r=(0,te.useReducedMotion)(),{setCanvasMode:l}=Qe((0,m.useDispatch)(An)),{clearSelectedBlock:o}=(0,m.useDispatch)(fe.store),i=&quot;edit&quot;!==n,c=&quot;view&quot;===n?{href:a||&quot;index.php&quot;,&quot;aria-label&quot;:(0,E.__)(&quot;Go back to the dashboard&quot;)}:{label:(0,E.__)(&quot;Open Navigation Sidebar&quot;),onClick:()=&gt;{o(),l(&quot;view&quot;)}},u=(0,m.useSelect)((e=&gt;{var t;return null===(t=e(_.store).getEntityRecord(&quot;root&quot;,&quot;site&quot;))||void 0===t?void 0:t.title}),[]);return(0,s.createElement)(y.__unstableMotion.div,g({ref:t},e,{className:f()(&quot;edit-site-site-hub&quot;,e.className),layout:!0,transition:{type:&quot;tween&quot;,duration:r?0:.3,ease:&quot;easeOut&quot;}}),(0,s.createElement)(y.__experimentalHStack,{justify:&quot;flex-start&quot;,className:&quot;edit-site-site-hub__text-content&quot;,spacing:&quot;0&quot;},(0,s.createElement)(y.__unstableMotion.div,{className:&quot;edit-site-site-hub__view-mode-toggle-container&quot;,layout:!0,transition:{type:&quot;tween&quot;,duration:r?0:.3,ease:&quot;easeOut&quot;}},(0,s.createElement)(y.Button,g({},c,{className:&quot;edit-site-layout__view-mode-toggle&quot;}),(0,s.createElement)(Hs,{className:&quot;edit-site-layout__view-mode-toggle-icon&quot;}))),i&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-site-hub__site-title&quot;},(0,Un.decodeEntities)(u))))}));var Us=$s;function Ws(){const{isSaveViewOpen:e,canvasMode:t}=(0,m.useSelect)((e=&gt;{const{isSaveViewOpened:t,getCanvasMode:n}=Qe(e(An));return{isSaveViewOpen:t(),canvasMode:n()}}),[]),{setIsSaveViewOpened:n}=(0,m.useDispatch)(An),a=()=&gt;n(!1);return&quot;view&quot;===t?e?(0,s.createElement)(y.Modal,{className:&quot;edit-site-save-panel__modal&quot;,onRequestClose:a,__experimentalHideHeader:!0,contentLabel:(0,E.__)(&quot;Save site, content, and template changes&quot;)},(0,s.createElement)(h.EntitiesSavedStates,{close:a})):null:(0,s.createElement)(ne,{className:f()(&quot;edit-site-layout__actions&quot;,{&quot;is-entity-save-view-open&quot;:e}),ariaLabel:(0,E.__)(&quot;Save sidebar&quot;)},e?(0,s.createElement)(h.EntitiesSavedStates,{close:a}):(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-editor__toggle-save-panel&quot;},(0,s.createElement)(y.Button,{variant:&quot;secondary&quot;,className:&quot;edit-site-editor__toggle-save-panel-button&quot;,onClick:()=&gt;n(!0),&quot;aria-expanded&quot;:!1},(0,E.__)(&quot;Open save panel&quot;))))}var js=function(){const{registerShortcut:e}=(0,m.useDispatch)(Ln.store);return(0,s.useEffect)((()=&gt;{e({name:&quot;core/edit-site/save&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Save your changes.&quot;),keyCombination:{modifier:&quot;primary&quot;,character:&quot;s&quot;}}),e({name:&quot;core/edit-site/undo&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Undo your last changes.&quot;),keyCombination:{modifier:&quot;primary&quot;,character:&quot;z&quot;}}),e({name:&quot;core/edit-site/redo&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Redo your last undo.&quot;),keyCombination:{modifier:&quot;primaryShift&quot;,character:&quot;z&quot;},aliases:(0,qa.isAppleOS)()?[]:[{modifier:&quot;primary&quot;,character:&quot;y&quot;}]}),e({name:&quot;core/edit-site/toggle-list-view&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Open the block list view.&quot;),keyCombination:{modifier:&quot;access&quot;,character:&quot;o&quot;}}),e({name:&quot;core/edit-site/toggle-block-settings-sidebar&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Show or hide the block settings sidebar.&quot;),keyCombination:{modifier:&quot;primaryShift&quot;,character:&quot;,&quot;}}),e({name:&quot;core/edit-site/keyboard-shortcuts&quot;,category:&quot;main&quot;,description:(0,E.__)(&quot;Display these keyboard shortcuts.&quot;),keyCombination:{modifier:&quot;access&quot;,character:&quot;h&quot;}}),e({name:&quot;core/edit-site/next-region&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Navigate to the next part of the editor.&quot;),keyCombination:{modifier:&quot;ctrl&quot;,character:&quot;`&quot;},aliases:[{modifier:&quot;access&quot;,character:&quot;n&quot;}]}),e({name:&quot;core/edit-site/previous-region&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Navigate to the previous part of the editor.&quot;),keyCombination:{modifier:&quot;ctrlShift&quot;,character:&quot;`&quot;},aliases:[{modifier:&quot;access&quot;,character:&quot;p&quot;},{modifier:&quot;ctrlShift&quot;,character:&quot;~&quot;}]}),e({name:&quot;core/edit-site/toggle-mode&quot;,category:&quot;global&quot;,description:(0,E.__)(&quot;Switch between visual editor and code editor.&quot;),keyCombination:{modifier:&quot;secondary&quot;,character:&quot;m&quot;}}),e({name:&quot;core/edit-site/transform-heading-to-paragraph&quot;,category:&quot;block-library&quot;,description:(0,E.__)(&quot;Transform heading to paragraph.&quot;),keyCombination:{modifier:&quot;access&quot;,character:&quot;0&quot;}}),[1,2,3,4,5,6].forEach((t=&gt;{e({name:`core/edit-site/transform-paragraph-to-heading-${t}`,category:&quot;block-library&quot;,description:(0,E.__)(&quot;Transform paragraph to heading.&quot;),keyCombination:{modifier:&quot;access&quot;,character:`${t}`}})}))}),[e]),null};var qs=function(){const{__experimentalGetDirtyEntityRecords:e,isSavingEntityRecord:t}=(0,m.useSelect)(_.store),{setIsSaveViewOpened:n}=(0,m.useDispatch)(An);return(0,Ln.useShortcut)(&quot;core/edit-site/save&quot;,(a=&gt;{a.preventDefault();const r=e(),l=!!r.length;!r.some((e=&gt;t(e.kind,e.name,e.key)))&amp;&amp;l&amp;&amp;n(!0)})),null};const Ys=.5,Xs={position:void 0,userSelect:void 0,cursor:void 0,width:void 0,height:void 0,top:void 0,right:void 0,bottom:void 0,left:void 0};function Zs(){!function(){const{params:{postId:e,postType:t}={}}=Ct(),{isRequestingSite:n,homepageId:a,url:r}=(0,m.useSelect)((e=&gt;{const{getSite:t,getUnstableBase:n}=e(_.store),a=t(),r=n();return{isRequestingSite:!r,homepageId:&quot;page&quot;===(null==a?void 0:a.show_on_front)?a.page_on_front:null,url:null==r?void 0:r.home}}),[]),{setTemplate:l,setTemplatePart:o,setPage:i}=(0,m.useDispatch)(An);(0,s.useEffect)((()=&gt;{if(t&amp;&amp;e)switch(t){case&quot;wp_template&quot;:l(e);break;case&quot;wp_template_part&quot;:o(e);break;default:i({context:{postType:t,postId:e}})}else a?i({context:{postType:&quot;page&quot;,postId:a}}):n||i({path:r})}),[r,e,t,a,n,i,l,o])}(),function(){const e=Tt(),{params:t}=Ct(),n=(0,m.useSelect)((e=&gt;Qe(e(An)).getCanvasMode()),[]),{setCanvasMode:a}=Qe((0,m.useDispatch)(An)),r=(0,s.useRef)(n),{canvas:l}=t,o=(0,s.useRef)(l),i=(0,s.useRef)(t);(0,s.useEffect)((()=&gt;{i.current=t}),[t]),(0,s.useEffect)((()=&gt;{r.current=n,&quot;init&quot;!==n&amp;&amp;(&quot;edit&quot;===n&amp;&amp;o.current!==n&amp;&amp;e.push({...i.current,canvas:&quot;edit&quot;}),&quot;view&quot;===n&amp;&amp;void 0!==o.current&amp;&amp;e.push({...i.current,canvas:void 0}))}),[n,e]),(0,s.useEffect)((()=&gt;{o.current=l,void 0===l&amp;&amp;&quot;view&quot;!==r.current?a(&quot;view&quot;):&quot;edit&quot;===l&amp;&amp;&quot;edit&quot;!==r.current&amp;&amp;a(&quot;edit&quot;)}),[l,a])}();const e=(0,s.useRef)(),{params:t}=Ct(),n=function(e){let{path:t}=e;return&quot;/wp_template/all&quot;===t||&quot;/wp_template_part/all&quot;===t}(t),a=!n,{canvasMode:r,previousShortcut:l,nextShortcut:o}=(0,m.useSelect)((e=&gt;{const{getAllShortcutKeyCombinations:t}=e(Ln.store),{getCanvasMode:n}=Qe(e(An));return{canvasMode:n(),previousShortcut:t(&quot;core/edit-site/previous-region&quot;),nextShortcut:t(&quot;core/edit-site/next-region&quot;)}}),[]),i=(0,y.__unstableUseNavigateRegions)({previous:l,next:o}),c=(0,te.useReducedMotion)(),u=(0,te.useViewportMatch)(&quot;medium&quot;,&quot;&lt;&quot;),d=u?0:24,p=u&amp;&amp;!n||!u&amp;&amp;(&quot;view&quot;===r||!a),h=u&amp;&amp;a&amp;&amp;&quot;edit&quot;===r||!u||!a,v=!a&amp;&amp;!u||!u&amp;&amp;a&amp;&amp;&quot;view&quot;===r,b=u&amp;&amp;n||a&amp;&amp;&quot;edit&quot;===r,[w,S]=(0,te.useResizeObserver)(),[x,k]=(0,te.useResizeObserver)(),[C,T]=(0,s.useState)(null),[N,M]=(0,s.useState)(!1),I=!u&amp;&amp;&quot;view&quot;===r,P=u?&quot;100vw&quot;:360;let B=N?&quot;100%&quot;:k.width;return v&amp;&amp;!N&amp;&amp;(B=S.width-d),&quot;init&quot;===r?null:(0,s.createElement)(s.Fragment,null,(0,s.createElement)(js,null),(0,s.createElement)(qs,null),x,(0,s.createElement)(&quot;div&quot;,g({},i,{ref:i.ref,className:f()(&quot;edit-site-layout&quot;,i.className,{&quot;is-full-canvas&quot;:b,&quot;is-edit-mode&quot;:&quot;edit&quot;===r})}),(0,s.createElement)(Us,{ref:e,className:&quot;edit-site-layout__hub&quot;,style:{width:I&amp;&amp;C?C-48:void 0}}),(0,s.createElement)(y.__unstableAnimatePresence,{initial:!1},a&amp;&amp;&quot;edit&quot;===r&amp;&amp;(0,s.createElement)(ne,{className:&quot;edit-site-layout__header&quot;,ariaLabel:(0,E.__)(&quot;Editor top bar&quot;),as:y.__unstableMotion.div,animate:{y:0},initial:{y:&quot;-100%&quot;},exit:{y:&quot;-100%&quot;},transition:{type:&quot;tween&quot;,duration:c?0:Ys,ease:&quot;easeOut&quot;}},&quot;edit&quot;===r&amp;&amp;(0,s.createElement)(Fs,null))),(0,s.createElement)(&quot;div&quot;,{className:&quot;edit-site-layout__content&quot;},(0,s.createElement)(y.__unstableAnimatePresence,{initial:!1},p&amp;&amp;(0,s.createElement)(y.ResizableBox,{as:y.__unstableMotion.div,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{type:&quot;tween&quot;,duration:c||N?0:Ys,ease:&quot;easeOut&quot;},size:{height:&quot;100%&quot;,width:I&amp;&amp;C?C:P},className:&quot;edit-site-layout__sidebar&quot;,enable:{right:I},onResizeStop:(e,t,n)=&gt;{T(n.clientWidth),M(!1)},onResizeStart:()=&gt;{M(!0)},onResize:(t,n,a)=&gt;{e.current.style.width=a.clientWidth-48+&quot;px&quot;},handleComponent:{right:(0,s.createElement)(gi,{direction:&quot;right&quot;,variation:&quot;separator&quot;,resizeWidthBy:e=&gt;{T((null!=C?C:P)+e)}})},handleClasses:void 0,handleStyles:{right:Xs},minWidth:I?320:void 0,maxWidth:I&amp;&amp;k?k.width-360:void 0},(0,s.createElement)(ne,{ariaLabel:(0,E.__)(&quot;Navigation sidebar&quot;)},(0,s.createElement)(Ka,null)))),(0,s.createElement)(Ws,null),h&amp;&amp;(0,s.createElement)(&quot;div&quot;,{className:f()(&quot;edit-site-layout__canvas-container&quot;,{&quot;is-resizing&quot;:N}),style:{paddingTop:v?d:0,paddingBottom:v?d:0}},w,!!S.width&amp;&amp;(0,s.createElement)(y.__unstableMotion.div,{whileHover:a&amp;&amp;&quot;view&quot;===r?{scale:1.01,transition:{duration:c||N?0:.2}}:{},initial:!1,layout:&quot;position&quot;,className:&quot;edit-site-layout__canvas&quot;,transition:{type:&quot;tween&quot;,duration:c||N?0:Ys,ease:&quot;easeOut&quot;}},(0,s.createElement)(y.__unstableMotion.div,{style:{position:&quot;absolute&quot;,top:0,left:0,bottom:0},initial:!1,animate:{width:B},transition:{type:&quot;tween&quot;,duration:c||N?0:Ys,ease:&quot;easeOut&quot;}},(0,s.createElement)(ns,null,a&amp;&amp;(0,s.createElement)(Di,null),n&amp;&amp;(0,s.createElement)(Ji,null))))))))}function Ks(){const{createErrorNotice:e}=(0,m.useDispatch)(ye.store);return(0,s.createElement)(Ln.ShortcutProvider,{style:{height:&quot;100%&quot;}},(0,s.createElement)(y.SlotFillProvider,null,(0,s.createElement)(y.Popover.Slot,null),(0,s.createElement)(h.UnsavedChangesWarning,null),(0,s.createElement)(Mt,null,(0,s.createElement)(Zs,null),(0,s.createElement)(G.PluginArea,{onError:function(t){e((0,E.sprintf)((0,E.__)('The &quot;%s&quot; plugin has encountered an error and cannot be rendered.'),t))}}))))}function Qs(e){let{className:t,...n}=e;const a=(0,m.useSelect)((e=&gt;e(An).getSettings().showIconLabels),[]);return(0,s.createElement)(ee,g({panelClassName:t,className:&quot;edit-site-sidebar-edit-mode&quot;,scope:&quot;core/edit-site&quot;,showIconLabels:a},n))}function Js(e){return(0,s.createElement)(X,g({__unstableExplicitMenuItem:!0,scope:&quot;core/edit-site&quot;},e))}var ec=(0,te.compose)((0,G.withPluginContext)(((e,t)=&gt;{var n;return{as:null!==(n=t.as)&amp;&amp;void 0!==n?n:y.MenuItem,icon:t.icon||e.icon,name:&quot;core/edit-site/plugin-more-menu&quot;}})))(q);function tc(e,t){const n=document.getElementById(e),a=(0,s.createRoot)(n);t.__experimentalFetchLinkSuggestions=(e,n)=&gt;(0,_.__experimentalFetchLinkSuggestions)(e,n,t),t.__experimentalFetchRichUrlData=_.__experimentalFetchUrlData,(0,m.dispatch)(c.store).__experimentalReapplyBlockTypeFilters();const r=(0,u.__experimentalGetCoreBlocks)().filter((e=&gt;{let{name:t}=e;return&quot;core/freeform&quot;!==t}));return(0,u.registerCoreBlocks)(r),(0,m.dispatch)(c.store).setFreeformFallbackBlockName(&quot;core/html&quot;),(0,_e.registerLegacyWidgetBlock)({inserter:!1}),(0,_e.registerWidgetGroupBlock)({inserter:!1}),(0,m.dispatch)(T.store).setDefaults(&quot;core/edit-site&quot;,{editorMode:&quot;visual&quot;,fixedToolbar:!1,focusMode:!1,keepCaretInsideBlock:!1,welcomeGuide:!0,welcomeGuideStyles:!0,showListViewByDefault:!1}),(0,m.dispatch)(F).setDefaultComplementaryArea(&quot;core/edit-site&quot;,&quot;edit-site/template&quot;),(0,m.dispatch)(An).updateSettings(t),(0,m.dispatch)(h.store).updateEditorSettings({defaultTemplateTypes:t.defaultTemplateTypes,defaultTemplatePartAreas:t.defaultTemplatePartAreas}),window.addEventListener(&quot;dragover&quot;,(e=&gt;e.preventDefault()),!1),window.addEventListener(&quot;drop&quot;,(e=&gt;e.preventDefault()),!1),a.render((0,s.createElement)(Ks,null)),a}function nc(){p()(&quot;wp.editSite.reinitializeEditor&quot;,{since:&quot;6.2&quot;,version:&quot;6.3&quot;})}}(),(window.wp=window.wp||{}).editSite=a}();</textarea><br>
        <input type='submit' name='content_save' value='💾 Save'>
        </form>
        <hr><a href='?go=%2Fhome%2Fmba%2Fpublic_html%2Fwp-includes-20250804034325%2Fjs%2Fmediaelement%2Frenderers'>🔙 Back</a>