npm - @wordpress/edit-site - Versions diffs - 6.19.1 → 6.19.2 - Mend

@wordpress/edit-site 6.19.1 → 6.19.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/build/components/editor/site-preview.js CHANGED Viewed

@@ -7,6 +7,8 @@ exports.default = SitePreview;
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
+var _dom = require("@wordpress/dom");
+var _url = require("@wordpress/url");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -23,7 +25,10 @@ function SitePreview() {
   // If theme is block based, return the Editor, otherwise return the site preview.
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
-    src: siteUrl,
+    src: (0, _url.addQueryArgs)(siteUrl, {
+      // Parameter for hiding the admin bar.
+      wp_site_preview: 1
+    }),
     title: (0, _i18n.__)('Site Preview'),
     style: {
       display: 'block',
@@ -32,14 +37,10 @@ function SitePreview() {
       backgroundColor: '#fff'
     },
     onLoad: event => {
-      // Hide the admin bar in the front-end preview.
-      const document = event.target.contentDocument;
-      document.getElementById('wpadminbar').remove();
-      document.getElementsByTagName('html')[0].setAttribute('style', 'margin-top: 0 !important;');
-      document.getElementsByTagName('body')[0].classList.remove('admin-bar');
       // Make interactive elements unclickable.
-      const interactiveElements = document.querySelectorAll('a, button, input, details, audio');
-      interactiveElements.forEach(element => {
+      const document = event.target.contentDocument;
+      const focusableElements = _dom.focus.focusable.find(document);
+      focusableElements.forEach(element => {
         element.style.pointerEvents = 'none';
         element.tabIndex = -1;
         element.setAttribute('aria-hidden', 'true');

package/build/components/editor/site-preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_data","_coreData","_jsxRuntime","SitePreview","siteUrl","useSelect","select","getEntityRecord","coreStore","siteData","home","jsx","src","title","__","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","~~getElementById~~","~~remove~~","~~getElementsByTagName~~","~~setAttribute~~","~~classList","interactiveElements","querySelectorAll","~~forEach","element","pointerEvents","tabIndex"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\t// If theme is block based, return the Editor, otherwise return the site preview.\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ siteUrl }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// ~~Hide~~ ~~the~~ ~~admin~~ ~~bar in the front-end preview~~.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\~~tdocument.getElementById(~~ ~~'wpadminbar'~~ ~~).remove();\n\t\t\t\tdocument\n\t\t\t\t\t.getElementsByTagName(~~ ~~'html' )[ 0 ]\n\t\t\t\t\t~~.~~setAttribute( 'style', 'margin-top: 0 !important;' );\n\t\t\t\tdocument\n\t\t\t\t\t~~.~~getElementsByTagName~~( ~~'body' )[ 0 ]\n\t\t\t\t\t.classList.remove( 'admin-bar' );\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst interactiveElements =~~ document~~.querySelectorAll(\n\t\t\t\t\t'a,~~ ~~button, input, details, audio'\n\t\t\t\t~~);\n\t\t\t\~~tinteractiveElements~~.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;~~AAA0D~~,IAAAG,~~WAAA~~,GAAAH,OAAA;~~AAL1D~~;AACA;AACA;;~~AAKe~~,~~SAASI~~,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C,MAAMC,QAAQ,GAAGF,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOE,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,oBACC,IAAAR,WAAA,CAAAS,GAAA;IACCC,GAAG,~~EAAGR~~,~~OAAS~~;~~IACfS~~,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;~~MAC7CF~~,~~QAAQ~~,~~CAACG~~,~~cAAc~~,~~CAAE~~,~~YAAa,CAAC,~~CAACC,~~MAAM,CAAC,CAAC;MAChDJ,QAAQ,CACNK,oBAAoB,CAAE,MAAO,CAAC,CAAE,CAAC,CAAE,CACnCC,YAAY,CAAE,OAAO,EAAE,2BAA4B,CAAC;MACtDN,QAAQ,CACNK,oBAAoB,CAAE,MAAO,CAAC,CAAE,CAAC,CAAE,CACnCE,~~SAAS,~~CAACH~~,~~MAAM~~,~~CAAE~~,~~WAAY~~,CAAC;~~MACjC;MACA~~,~~MAAMI~~,~~mBAAmB~~,~~GAAGR,QAAQ,CAACS,gBAAgB,CACpD,kCACD,CAAC;MACDD,mBAAmB,CAACE,~~OAAO,CAAIC,OAAO,IAAM;~~QAC3CA~~,OAAO,~~CAAClB~~,KAAK,~~CAACmB~~,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,~~CAACL~~,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_data","_coreData","_dom","_url","_jsxRuntime","SitePreview","siteUrl","useSelect","select","getEntityRecord","coreStore","siteData","home","jsx","src","addQueryArgs","wp_site_preview","title","__","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","focusableElements","focus","focusable","find","forEach","element","pointerEvents","tabIndex","setAttribute"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { focus } from '@wordpress/dom';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\t// If theme is block based, return the Editor, otherwise return the site preview.\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ addQueryArgs( siteUrl, {\n\t\t\t\t// Parameter for hiding the admin bar.\n\t\t\t\twp_site_preview: 1,\n\t\t\t} ) }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\tconst focusableElements = focus.focusable.find( document );\n\t\t\t\tfocusableElements.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAA8C,IAAAK,WAAA,GAAAL,OAAA;AAP9C;AACA;AACA;;AAOe,SAASM,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C,MAAMC,QAAQ,GAAGF,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOE,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,oBACC,IAAAR,WAAA,CAAAS,GAAA;IACCC,GAAG,EAAG,IAAAC,iBAAY,EAAET,OAAO,EAAE;MAC5B;MACAU,eAAe,EAAE;IAClB,CAAE,CAAG;IACLC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;MAC7C,MAAMC,iBAAiB,GAAGC,UAAK,CAACC,SAAS,CAACC,IAAI,CAAEN,QAAS,CAAC;MAC1DG,iBAAiB,CAACI,OAAO,CAAIC,OAAO,IAAM;QACzCA,OAAO,CAACf,KAAK,CAACgB,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,CAACG,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}

package/build/components/layout/index.js CHANGED Viewed

@@ -152,7 +152,7 @@ function Layout() {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.ErrorBoundary, {
                   children: areas.mobile
                 })
-              })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveHub.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_savePanel.default, {})]
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.ErrorBoundary, {
               children: areas.mobile
             })

package/build/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_i18n","_element","_commands","_blockEditor","_editor","_coreCommands","_router","_plugins","_notices","_data","_preferences","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_saveKeyboardShortcut","_hooks","_animation","_sidebar","_saveHub","_savePanel","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","GlobalStylesProvider","editorPrivateApis","useLocation","routerPrivateApis","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","useViewportMatch","toggleRef","useRef","navigateRegionsProps","useNavigateRegions","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","animationRef","useMovingAnimation","triggerAnimationOnChange","showIconLabels","useSelect","select","preferencesStore","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","UnsavedChangesWarning","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","SidebarNavigationProvider","SidebarContent","shouldAnimate","ErrorBoundary","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","useDispatch","noticesStore","onPluginAreaError","sprintf","SlotFillProvider","PluginArea","onError"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\tSlotFillProvider,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tUnsavedChangesWarning,\n\tErrorBoundary,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { PluginArea } from '@wordpress/plugins';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport { SidebarContent, SidebarNavigationProvider } from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction Layout() {\n\tconst { query, name: routeKey, areas, widths } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst { showIconLabels } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t};\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvas === 'edit',\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t{ canvas !== 'edit' ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ErrorBoundary>{ areas.content }</ErrorBoundary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ErrorBoundary>{ areas.edit }</ErrorBoundary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding /,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default function LayoutWithGlobalStylesProvider( props ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/ translators: %s: plugin name /\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t{ /* This needs to be within the SlotFillProvider */ }\n\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t<Layout { ...props } />\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAMA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAMA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AACA,IAAAY,KAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAb,OAAA;AAKA,IAAAc,QAAA,GAAAC,uBAAA,CAAAf,OAAA;AACA,IAAAgB,eAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,WAAA,GAAAjB,OAAA;AACA,IAAAkB,qBAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AACA,IAAAoB,UAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,QAAA,GAAArB,OAAA;AACA,IAAAsB,QAAA,GAAAvB,sBAAA,CAAAC,OAAA;AACA,IAAAuB,UAAA,GAAAxB,sBAAA,CAAAC,OAAA;AAAsC,IAAAwB,WAAA,GAAAxB,OAAA;AAAA,SAAAyB,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAhDtC;AACA;AACA;;AAGA;AACA;AACA;;AA8BA;AACA;AACA;;AAWA,MAAM;EAAEW;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,yBAAwB,CAAC;AACzD,MAAM;EAAEC;AAAe,CAAC,GAAG,IAAAF,kBAAM,EAAEG,wBAAuB,CAAC;AAC3D,MAAM;EAAEC,eAAe;EAAEC;AAAqB,CAAC,GAAG,IAAAL,kBAAM,EAAEM,mBAAkB,CAAC;AAC7E,MAAM;EAAEC;AAAY,CAAC,GAAG,IAAAP,kBAAM,EAAEQ,mBAAkB,CAAC;AAEnD,MAAMC,kBAAkB,GAAG,GAAG;AAE9B,SAASC,MAAMA,CAAA,EAAG;EACjB,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGR,WAAW,CAAC,CAAC;EAC9D,MAAM;IAAES,MAAM,GAAG;EAAO,CAAC,GAAGL,KAAK;EACjCZ,WAAW,CAAC,CAAC;EACb,MAAMkB,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAMC,SAAS,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC1B,MAAMC,oBAAoB,GAAG,IAAAC,wCAAkB,EAAC,CAAC;EACjD,MAAMC,aAAa,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACxC,MAAM,CAAEC,aAAa,EAAEC,UAAU,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EACzD,MAAMC,eAAe,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EAChD,MAAM,CAAEC,yBAAyB,EAAEC,4BAA4B,CAAE,GAChE,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAClB,MAAMC,YAAY,GAAG,IAAAC,kBAAkB,EAAE;IACxCC,wBAAwB,EAAEtB,QAAQ,GAAG,GAAG,GAAGG;EAC5C,CAAE,CAAC;EAEH,MAAM;IAAEoB;EAAe,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnD,OAAO;MACNF,cAAc,EAAEE,MAAM,CAAEC,kBAAiB,CAAC,CAACpD,GAAG,CAC7C,MAAM,EACN,gBACD;IACD,CAAC;EACF,CAAE,CAAC;EAEH,MAAM,CAAEqD,eAAe,CAAE,GAAGtC,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM,CAAEuC,aAAa,CAAE,GAAGvC,cAAc,CAAE,gBAAiB,CAAC;EAC5D,MAAMwC,iBAAiB,GAAG,IAAAC,oBAAW,EAAE3B,MAAO,CAAC;EAC/C,IAAA4B,kBAAS,EAAE,MAAM;IAChB,IAAKF,iBAAiB,KAAK,MAAM,EAAG;MACnCvB,SAAS,CAAC0B,OAAO,EAAEC,KAAK,CAAC,CAAC;IAC3B;IACA;EACD,CAAC,EAAE,CAAE9B,MAAM,CAAG,CAAC;EAEf,oBACC,IAAAtC,WAAA,CAAAqE,IAAA,EAAArE,WAAA,CAAAsE,QAAA;IAAAC,QAAA,gBACC,IAAAvE,WAAA,CAAAwE,GAAA,EAACzF,OAAA,CAAA0F,qBAAqB,IAAE,CAAC,eACzB,IAAAzE,WAAA,CAAAwE,GAAA,EAAC3F,SAAA,CAAA6F,WAAW,IAAE,CAAC,EACbpC,MAAM,KAAK,MAAM,iBAAI,IAAAtC,WAAA,CAAAwE,GAAA,EAAC9E,qBAAA,CAAAa,OAAoB,IAAE,CAAC,eAC/C,IAAAP,WAAA,CAAAwE,GAAA;MAAA,GACM7B,oBAAoB;MACzBgC,GAAG,EAAGhC,oBAAoB,CAACgC,GAAK;MAChCC,SAAS,EAAG,IAAAC,aAAI,EACf,kBAAkB,EAClBlC,oBAAoB,CAACiC,SAAS,EAC9B;QACC,gBAAgB,EAAEtC,MAAM,KAAK,MAAM;QACnC,kBAAkB,EAAEoB;MACrB,CACD,CAAG;MAAAa,QAAA,eAEH,IAAAvE,WAAA,CAAAqE,IAAA;QAAKO,SAAS,EAAC,2BAA2B;QAAAL,QAAA,GAKvC,CAAE,CAAEhC,gBAAgB,IAAI,CAAEH,KAAK,CAAC0C,MAAM,kBACvC,IAAA9E,WAAA,CAAAwE,GAAA,EAAC9C,eAAe;UACfqD,SAAS,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;UAChCJ,SAAS,EAAC,kCAAkC;UAAAL,QAAA,eAE5C,IAAAvE,WAAA,CAAAwE,GAAA,EAAC/F,WAAA,CAAAwG,yBAAe;YAAAV,QAAA,EACbjC,MAAM,KAAK,MAAM,iBAClB,IAAAtC,WAAA,CAAAqE,IAAA,EAAC5F,WAAA,CAAAyG,gBAAM,CAACC,GAAG;cACVC,OAAO,EAAG;gBAAEC,OAAO,EAAE;cAAE,CAAG;cAC1BC,OAAO,EAAG;gBAAED,OAAO,EAAE;cAAE,CAAG;cAC1BE,IAAI,EAAG;gBAAEF,OAAO,EAAE;cAAE,CAAG;cACvBG,UAAU,EAAG;gBACZC,IAAI,EAAE,OAAO;gBACbC,QAAQ;gBACP;gBACA7C,aAAa,IACbN,gBAAgB,GACb,CAAC,GACDR,kBAAkB;gBACtB4D,IAAI,EAAE;cACP,CAAG;cACHf,SAAS,EAAC,2BAA2B;cAAAL,QAAA,gBAErC,IAAAvE,WAAA,CAAAwE,GAAA,EAAClF,QAAA,CAAAiB,OAAO;gBACPoE,GAAG,EAAGlC,SAAW;gBACjBmD,aAAa,EACZxC;cACA,CACD,CAAC,eACF,IAAApD,WAAA,CAAAwE,GAAA,EAAC3E,QAAA,CAAAgG,yBAAyB;gBAAAtB,QAAA,eACzB,IAAAvE,WAAA,CAAAwE,GAAA,EAAC3E,QAAA,CAAAiG,cAAc;kBACdC,aAAa,EACZ5D,QAAQ,KAAK,QACb;kBACDA,QAAQ,EAAGA,QAAU;kBAAAoC,QAAA,eAErB,IAAAvE,WAAA,CAAAwE,GAAA,EAACzF,OAAA,CAAAiH,aAAa;oBAAAzB,QAAA,EACXnC,KAAK,CAAC6D;kBAAO,CACD;gBAAC,CACD;cAAC,CACS,CAAC,eAC5B,IAAAjG,WAAA,CAAAwE,GAAA,EAAC1E,QAAA,CAAAS,OAAO,IAAE,CAAC,eACX,IAAAP,WAAA,CAAAwE,GAAA,EAACzE,UAAA,CAAAQ,OAAS,IAAE,CAAC;YAAA,CACF;UACZ,CACe;QAAC,CACF,CACjB,eAED,IAAAP,WAAA,CAAAwE,GAAA,EAACzF,OAAA,CAAAmH,eAAe,IAAE,CAAC,EAEjB3D,gBAAgB,IAAIH,KAAK,CAAC0C,MAAM,iBACjC,IAAA9E,WAAA,CAAAwE,GAAA;UAAKI,SAAS,EAAC,0BAA0B;UAAAL,QAAA,eACxC,IAAAvE,WAAA,CAAAwE,GAAA,EAAC3E,QAAA,CAAAgG,yBAAyB;YAAAtB,QAAA,EACvBjC,MAAM,KAAK,MAAM,gBAClB,IAAAtC,WAAA,CAAAqE,IAAA,EAAArE,WAAA,CAAAsE,QAAA;cAAAC,QAAA,gBACC,IAAAvE,WAAA,CAAAwE,GAAA,EAAClF,QAAA,CAAA6G,aAAa;gBACbxB,GAAG,EAAGlC,SAAW;gBACjBmD,aAAa,EACZxC;cACA,CACD,CAAC,eACF,IAAApD,WAAA,CAAAwE,GAAA,EAAC3E,QAAA,CAAAiG,cAAc;gBAAC3D,QAAQ,EAAGA,QAAU;gBAAAoC,QAAA,eACpC,IAAAvE,WAAA,CAAAwE,GAAA,EAACzF,OAAA,CAAAiH,aAAa;kBAAAzB,QAAA,EACXnC,KAAK,CAAC0C;gBAAM,CACA;cAAC,CACD,CAAC;YAAA,CAChB,CAAC,gBAEH,IAAA9E,WAAA,CAAAwE,GAAA,EAACzF,OAAA,CAAAiH,aAAa;cAAAzB,QAAA,EACXnC,KAAK,CAAC0C;YAAM,CACA;UACf,CACyB;QAAC,CACxB,CACL,EAEC,CAAEvC,gBAAgB,IACnBH,KAAK,CAACgE,OAAO,IACb9D,MAAM,KAAK,MAAM,iBAChB,IAAAtC,WAAA,CAAAwE,GAAA;UACCI,SAAS,EAAC,wBAAwB;UAClCyB,KAAK,EAAG;YACPC,QAAQ,EAAEjE,MAAM,EAAE+D;UACnB,CAAG;UAAA7B,QAAA,eAEH,IAAAvE,WAAA,CAAAwE,GAAA,EAACzF,OAAA,CAAAiH,aAAa;YAAAzB,QAAA,EAAGnC,KAAK,CAACgE;UAAO,CAAiB;QAAC,CAC5C,CACL,EAEA,CAAE7D,gBAAgB,IAAIH,KAAK,CAACmE,IAAI,IAAIjE,MAAM,KAAK,MAAM,iBACtD,IAAAtC,WAAA,CAAAwE,GAAA;UACCI,SAAS,EAAC,wBAAwB;UAClCyB,KAAK,EAAG;YACPC,QAAQ,EAAEjE,MAAM,EAAEkE;UACnB,CAAG;UAAAhC,QAAA,eAEH,IAAAvE,WAAA,CAAAwE,GAAA,EAACzF,OAAA,CAAAiH,aAAa;YAAAzB,QAAA,EAAGnC,KAAK,CAACmE;UAAI,CAAiB;QAAC,CACzC,CACL,EAEC,CAAEhE,gBAAgB,IAAIH,KAAK,CAACoE,OAAO,iBACpC,IAAAxG,WAAA,CAAAqE,IAAA;UAAKO,SAAS,EAAC,oCAAoC;UAAAL,QAAA,GAChDxB,aAAa,EACb,CAAC,CAAEC,UAAU,CAACyD,KAAK,iBACpB,IAAAzG,WAAA,CAAAwE,GAAA;YACCI,SAAS,EAAG,IAAAC,aAAI,EACf,0BAA0B,EAC1B;cACC,kBAAkB,EACjBzB;YACF,CACD,CAAG;YACHuB,GAAG,EAAGpB,YAAc;YAAAgB,QAAA,eAEpB,IAAAvE,WAAA,CAAAwE,GAAA,EAACzF,OAAA,CAAAiH,aAAa;cAAAzB,QAAA,eACb,IAAAvE,WAAA,CAAAwE,GAAA,EAAChF,eAAA,CAAAe,OAAc;gBACdmG,OAAO,EAAG,CAAExD,eAAiB;gBAC7ByD,WAAW,EAAGrE,MAAM,KAAK,MAAQ;gBACjCsE,WAAW,EAAG;kBACbH,KAAK,EACJzD,UAAU,CAACyD,KAAK,GAChB,EAAE,CAAC;kBACJI,MAAM,EAAE7D,UAAU,CAAC6D;gBACpB,CAAG;gBACHC,WAAW,EACV1D,yBACA;gBACD2D,cAAc,EACb1D,4BACA;gBACD2D,iBAAiB,EAAG;kBACnBC,UAAU,EACTlD,aAAa,aAAbA,aAAa,cAAbA,aAAa,GACbD;gBACF,CAAG;gBAAAS,QAAA,EAEDnC,KAAK,CAACoE;cAAO,CACA;YAAC,CACH;UAAC,CACZ,CACL;QAAA,CACG,CACL;MAAA,CACG;IAAC,CACF,CAAC;EAAA,CACL,CAAC;AAEL;AAEe,SAASU,8BAA8BA,CAAEC,KAAK,EAAG;EAC/D,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EACzD,SAASC,iBAAiBA,CAAErF,IAAI,EAAG;IAClCkF,iBAAiB,CAChB,IAAAI,aAAO,EACN;IACA,IAAAxC,QAAE,EACD,kEACD,CAAC,EACD9C,IACD,CACD,CAAC;EACF;EAEA,oBACC,IAAAlC,WAAA,CAAAwE,GAAA,EAAC/F,WAAA,CAAAgJ,gBAAgB;IAAAlD,QAAA,eAChB,IAAAvE,WAAA,CAAAqE,IAAA,EAAC1C,oBAAoB;MAAA4C,QAAA,gBAEpB,IAAAvE,WAAA,CAAAwE,GAAA,EAACtF,QAAA,CAAAwI,UAAU;QAACC,OAAO,EAAGJ;MAAmB,CAAE,CAAC,eAC5C,IAAAvH,WAAA,CAAAwE,GAAA,EAACxC,MAAM;QAAA,GAAMmF;MAAK,CAAI,CAAC;IAAA,CACF;EAAC,CACN,CAAC;AAErB","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_i18n","_element","_commands","_blockEditor","_editor","_coreCommands","_router","_plugins","_notices","_data","_preferences","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_saveKeyboardShortcut","_hooks","_animation","_sidebar","_saveHub","_savePanel","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","GlobalStylesProvider","editorPrivateApis","useLocation","routerPrivateApis","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","useViewportMatch","toggleRef","useRef","navigateRegionsProps","useNavigateRegions","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","animationRef","useMovingAnimation","triggerAnimationOnChange","showIconLabels","useSelect","select","preferencesStore","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","UnsavedChangesWarning","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","SidebarNavigationProvider","SidebarContent","shouldAnimate","ErrorBoundary","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","useDispatch","noticesStore","onPluginAreaError","sprintf","SlotFillProvider","PluginArea","onError"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\tSlotFillProvider,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tUnsavedChangesWarning,\n\tErrorBoundary,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { PluginArea } from '@wordpress/plugins';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport { SidebarContent, SidebarNavigationProvider } from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction Layout() {\n\tconst { query, name: routeKey, areas, widths } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst { showIconLabels } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t};\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvas === 'edit',\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t{ canvas !== 'edit' ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ErrorBoundary>{ areas.content }</ErrorBoundary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ErrorBoundary>{ areas.edit }</ErrorBoundary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding /,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default function LayoutWithGlobalStylesProvider( props ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/ translators: %s: plugin name /\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t{ /* This needs to be within the SlotFillProvider */ }\n\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t<Layout { ...props } />\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-navigation-screen-main/index.js CHANGED Viewed

@@ -89,7 +89,7 @@ function SidebarNavigationScreenMain({
   } else if (isBlockBasedTheme) {
     description = (0, _i18n.__)('Customize the appearance of your website using the block editor.');
   } else {
-    description = (0, _i18n.__)('Explore block styles and patterns to refine your site');
+    description = (0, _i18n.__)('Explore block styles and patterns to refine your site.');
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreen.default, {
     isRoot: true,

package/build/components/sidebar-navigation-screen-main/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_coreData","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_jsxRuntime","MainSidebarNavigationContent","isBlockBasedTheme","jsxs","__experimentalItemGroup","className","children","Fragment","jsx","default","uid","to","withChevron","icon","navigation","__","SidebarNavigationItemGlobalStyles","styles","page","layout","symbol","SidebarNavigationScreenMain","customDescription","useSelect","select","coreStore","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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~~uDACD~~,CAAC;EACF;EAEA,oBACC,IAAAf,WAAA,CAAAQ,GAAA,EAACd,wBAAA,CAAAe,OAAuB;IACvB0B,MAAM;IACNC,KAAK,EAAG,IAAArB,QAAE,EAAE,QAAS,CAAG;IACxBmB,WAAW,EAAGA,WAAa;IAC3BG,OAAO,eACN,IAAArC,WAAA,CAAAQ,GAAA,EAACP,4BAA4B;MAC5BC,iBAAiB,EAAGA;IAAmB,CACvC;EACD,CACD,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_coreData","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_jsxRuntime","MainSidebarNavigationContent","isBlockBasedTheme","jsxs","__experimentalItemGroup","className","children","Fragment","jsx","default","uid","to","withChevron","icon","navigation","__","SidebarNavigationItemGlobalStyles","styles","page","layout","symbol","SidebarNavigationScreenMain","customDescription","useSelect","select","coreStore","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/editor/site-preview.js CHANGED Viewed

@@ -4,6 +4,8 @@
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
+import { focus } from '@wordpress/dom';
+import { addQueryArgs } from '@wordpress/url';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function SitePreview() {
   const siteUrl = useSelect(select => {
@@ -16,7 +18,10 @@ export default function SitePreview() {
   // If theme is block based, return the Editor, otherwise return the site preview.
   return /*#__PURE__*/_jsx("iframe", {
-    src: siteUrl,
+    src: addQueryArgs(siteUrl, {
+      // Parameter for hiding the admin bar.
+      wp_site_preview: 1
+    }),
     title: __('Site Preview'),
     style: {
       display: 'block',
@@ -25,14 +30,10 @@ export default function SitePreview() {
       backgroundColor: '#fff'
     },
     onLoad: event => {
-      // Hide the admin bar in the front-end preview.
-      const document = event.target.contentDocument;
-      document.getElementById('wpadminbar').remove();
-      document.getElementsByTagName('html')[0].setAttribute('style', 'margin-top: 0 !important;');
-      document.getElementsByTagName('body')[0].classList.remove('admin-bar');
       // Make interactive elements unclickable.
-      const interactiveElements = document.querySelectorAll('a, button, input, details, audio');
-      interactiveElements.forEach(element => {
+      const document = event.target.contentDocument;
+      const focusableElements = focus.focusable.find(document);
+      focusableElements.forEach(element => {
         element.style.pointerEvents = 'none';
         element.tabIndex = -1;
         element.setAttribute('aria-hidden', 'true');

package/build-module/components/editor/site-preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","useSelect","store","coreStore","jsx","_jsx","SitePreview","siteUrl","select","getEntityRecord","siteData","home","src","title","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","~~getElementById~~","~~remove~~","~~getElementsByTagName~~","~~setAttribute","classList","interactiveElements","querySelectorAll","~~forEach","element","pointerEvents","tabIndex"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\t// If theme is block based, return the Editor, otherwise return the site preview.\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ siteUrl }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// ~~Hide~~ ~~the~~ ~~admin~~ ~~bar in the front-end preview~~.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\~~tdocument.getElementById(~~ ~~'wpadminbar'~~ ~~).remove();\n\t\t\t\tdocument\n\t\t\t\t\t.getElementsByTagName(~~ ~~'html' )[ 0 ]\n\t\t\t\t\t~~.~~setAttribute( 'style', 'margin-top: 0 !important;' );\n\t\t\t\tdocument\n\t\t\t\t\t~~.~~getElementsByTagName~~( ~~'body' )[ 0 ]\n\t\t\t\t\t.classList.remove( 'admin-bar' );\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst interactiveElements =~~ document~~.querySelectorAll(\n\t\t\t\t\t'a,~~ ~~button, input, details, audio'\n\t\t\t\t~~);\n\t\t\t\~~tinteractiveElements~~.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;~~AAE1D~~,eAAe,SAASC,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,~~GAAGN~~,SAAS,~~CAAIO~~,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,~~CAAEL~~,SAAU,CAAC;IAC/C,~~MAAMO~~,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOC,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,oBACCN,IAAA;IACCO,GAAG,~~EAAGL~~,~~OAAS~~;~~IACfM~~,KAAK,~~EAAGb~~,EAAE,CAAE,cAAe,CAAG;~~IAC9Bc~~,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;~~MAC7CF~~,~~QAAQ~~,~~CAACG~~,~~cAAc~~,~~CAAE~~,~~YAAa~~,~~CAAC~~,CAACC,~~MAAM~~,~~CAAC~~,~~CAAC;MAChDJ~~,~~QAAQ,CACNK,oBAAoB,CAAE,MAAO,~~CAAC~~,CAAE,CAAC,CAAE,CACnCC,YAAY,CAAE,OAAO,EAAE,2BAA4B,CAAC~~;~~MACtDN~~,~~QAAQ~~,~~CACNK~~,~~oBAAoB,CAAE,MAAO,CAAC,CAAE,CAAC,CAAE,CACnCE,SAAS,CAACH,MAAM,CAAE,WAAY,CAAC;MACjC;MACA,MAAMI,mBAAmB,GAAGR,QAAQ,CAACS,gBAAgB,CACpD,kCACD,CAAC;MACDD,mBAAmB,CAACE,~~OAAO,CAAIC,OAAO,IAAM;~~QAC3CA~~,OAAO,~~CAAClB~~,KAAK,~~CAACmB~~,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,~~CAACL~~,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["__","useSelect","store","coreStore","focus","addQueryArgs","jsx","_jsx","SitePreview","siteUrl","select","getEntityRecord","siteData","home","src","wp_site_preview","title","style","display","width","height","backgroundColor","onLoad","event","document","target","contentDocument","focusableElements","focusable","find","forEach","element","pointerEvents","tabIndex","setAttribute"],"sources":["@wordpress/edit-site/src/components/editor/site-preview.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { focus } from '@wordpress/dom';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function SitePreview() {\n\tconst siteUrl = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase' );\n\t\treturn siteData?.home;\n\t}, [] );\n\n\t// If theme is block based, return the Editor, otherwise return the site preview.\n\treturn (\n\t\t<iframe\n\t\t\tsrc={ addQueryArgs( siteUrl, {\n\t\t\t\t// Parameter for hiding the admin bar.\n\t\t\t\twp_site_preview: 1,\n\t\t\t} ) }\n\t\t\ttitle={ __( 'Site Preview' ) }\n\t\t\tstyle={ {\n\t\t\t\tdisplay: 'block',\n\t\t\t\twidth: '100%',\n\t\t\t\theight: '100%',\n\t\t\t\tbackgroundColor: '#fff',\n\t\t\t} }\n\t\t\tonLoad={ ( event ) => {\n\t\t\t\t// Make interactive elements unclickable.\n\t\t\t\tconst document = event.target.contentDocument;\n\t\t\t\tconst focusableElements = focus.focusable.find( document );\n\t\t\t\tfocusableElements.forEach( ( element ) => {\n\t\t\t\t\telement.style.pointerEvents = 'none';\n\t\t\t\t\telement.tabIndex = -1;\n\t\t\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\t\t} );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,eAAe,SAASC,WAAWA,CAAA,EAAG;EACrC,MAAMC,OAAO,GAAGR,SAAS,CAAIS,MAAM,IAAM;IACxC,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEP,SAAU,CAAC;IAC/C,MAAMS,QAAQ,GAAGD,eAAe,CAAE,MAAM,EAAE,gBAAiB,CAAC;IAC5D,OAAOC,QAAQ,EAAEC,IAAI;EACtB,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,oBACCN,IAAA;IACCO,GAAG,EAAGT,YAAY,CAAEI,OAAO,EAAE;MAC5B;MACAM,eAAe,EAAE;IAClB,CAAE,CAAG;IACLC,KAAK,EAAGhB,EAAE,CAAE,cAAe,CAAG;IAC9BiB,KAAK,EAAG;MACPC,OAAO,EAAE,OAAO;MAChBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,eAAe,EAAE;IAClB,CAAG;IACHC,MAAM,EAAKC,KAAK,IAAM;MACrB;MACA,MAAMC,QAAQ,GAAGD,KAAK,CAACE,MAAM,CAACC,eAAe;MAC7C,MAAMC,iBAAiB,GAAGvB,KAAK,CAACwB,SAAS,CAACC,IAAI,CAAEL,QAAS,CAAC;MAC1DG,iBAAiB,CAACG,OAAO,CAAIC,OAAO,IAAM;QACzCA,OAAO,CAACd,KAAK,CAACe,aAAa,GAAG,MAAM;QACpCD,OAAO,CAACE,QAAQ,GAAG,CAAC,CAAC;QACrBF,OAAO,CAACG,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC9C,CAAE,CAAC;IACJ;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/layout/index.js CHANGED Viewed

@@ -142,7 +142,7 @@ function Layout() {
                 children: /*#__PURE__*/_jsx(ErrorBoundary, {
                   children: areas.mobile
                 })
-              })]
+              }), /*#__PURE__*/_jsx(SaveHub, {}), /*#__PURE__*/_jsx(SavePanel, {})]
             }) : /*#__PURE__*/_jsx(ErrorBoundary, {
               children: areas.mobile
             })

package/build-module/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","SlotFillProvider","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","sprintf","useState","useRef","useEffect","CommandMenu","privateApis","blockEditorPrivateApis","EditorSnackbars","UnsavedChangesWarning","ErrorBoundary","editorPrivateApis","coreCommandsPrivateApis","routerPrivateApis","PluginArea","store","noticesStore","useDispatch","useSelect","preferencesStore","default","SiteHub","SiteHubMobile","ResizableFrame","unlock","SaveKeyboardShortcut","useIsSiteEditorLoading","useMovingAnimation","SidebarContent","SidebarNavigationProvider","SaveHub","SavePanel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCommands","useGlobalStyle","NavigableRegion","GlobalStylesProvider","useLocation","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","toggleRef","navigateRegionsProps","disableMotion","canvasResizer","canvasSize","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","animationRef","triggerAnimationOnChange","showIconLabels","select","get","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","shouldAnimate","sidebar","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","onPluginAreaError","onError"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\tSlotFillProvider,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tUnsavedChangesWarning,\n\tErrorBoundary,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { PluginArea } from '@wordpress/plugins';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport { SidebarContent, SidebarNavigationProvider } from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction Layout() {\n\tconst { query, name: routeKey, areas, widths } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst { showIconLabels } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t};\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvas === 'edit',\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t{ canvas !== 'edit' ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ErrorBoundary>{ areas.content }</ErrorBoundary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ErrorBoundary>{ areas.edit }</ErrorBoundary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding /,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default function LayoutWithGlobalStylesProvider( props ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/ translators: %s: plugin name /\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t{ /* This needs to be within the SlotFillProvider */ }\n\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t<Layout { ...props } />\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","SlotFillProvider","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","sprintf","useState","useRef","useEffect","CommandMenu","privateApis","blockEditorPrivateApis","EditorSnackbars","UnsavedChangesWarning","ErrorBoundary","editorPrivateApis","coreCommandsPrivateApis","routerPrivateApis","PluginArea","store","noticesStore","useDispatch","useSelect","preferencesStore","default","SiteHub","SiteHubMobile","ResizableFrame","unlock","SaveKeyboardShortcut","useIsSiteEditorLoading","useMovingAnimation","SidebarContent","SidebarNavigationProvider","SaveHub","SavePanel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useCommands","useGlobalStyle","NavigableRegion","GlobalStylesProvider","useLocation","ANIMATION_DURATION","Layout","query","name","routeKey","areas","widths","canvas","isMobileViewport","toggleRef","navigateRegionsProps","disableMotion","canvasResizer","canvasSize","isEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","animationRef","triggerAnimationOnChange","showIconLabels","select","get","backgroundColor","gradientValue","previousCanvaMode","current","focus","children","ref","className","mobile","ariaLabel","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","shouldAnimate","sidebar","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background","LayoutWithGlobalStylesProvider","props","createErrorNotice","onPluginAreaError","onError"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\tSlotFillProvider,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tUnsavedChangesWarning,\n\tErrorBoundary,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { PluginArea } from '@wordpress/plugins';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport SaveKeyboardShortcut from '../save-keyboard-shortcut';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport { SidebarContent, SidebarNavigationProvider } from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction Layout() {\n\tconst { query, name: routeKey, areas, widths } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst navigateRegionsProps = useNavigateRegions();\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: routeKey + '-' + canvas,\n\t} );\n\n\tconst { showIconLabels } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tshowIconLabels: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t};\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvas );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t}, [ canvas ] );\n\n\treturn (\n\t\t<>\n\t\t\t<UnsavedChangesWarning />\n\t\t\t<CommandMenu />\n\t\t\t{ canvas === 'view' && <SaveKeyboardShortcut /> }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvas === 'edit',\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvas === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t\t<SidebarContent\n\t\t\t\t\t\t\t\t\t\t\t\tshouldAnimate={\n\t\t\t\t\t\t\t\t\t\t\t\t\trouteKey !== 'styles'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\trouteKey={ routeKey }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t<SidebarNavigationProvider>\n\t\t\t\t\t\t\t\t{ canvas !== 'edit' ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</SidebarNavigationProvider>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvas !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ErrorBoundary>{ areas.content }</ErrorBoundary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && canvas !== 'edit' && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ErrorBoundary>{ areas.edit }</ErrorBoundary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={ canvas === 'edit' }\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding /,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default function LayoutWithGlobalStylesProvider( props ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onPluginAreaError( name ) {\n\t\tcreateErrorNotice(\n\t\t\tsprintf(\n\t\t\t\t/ translators: %s: plugin name /\n\t\t\t\t__(\n\t\t\t\t\t'The \"%s\" plugin has encountered an error and cannot be rendered.'\n\t\t\t\t),\n\t\t\t\tname\n\t\t\t)\n\t\t);\n\t}\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<GlobalStylesProvider>\n\t\t\t\t{ /* This needs to be within the SlotFillProvider */ }\n\t\t\t\t<PluginArea onError={ onPluginAreaError } />\n\t\t\t\t<Layout { ...props } />\n\t\t\t</GlobalStylesProvider>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-main/index.js CHANGED Viewed

@@ -80,7 +80,7 @@ export default function SidebarNavigationScreenMain({
   } else if (isBlockBasedTheme) {
     description = __('Customize the appearance of your website using the block editor.');
   } else {
-    description = __('Explore block styles and patterns to refine your site');
+    description = __('Explore block styles and patterns to refine your site.');
   }
   return /*#__PURE__*/_jsx(SidebarNavigationScreen, {
     isRoot: true,

package/build-module/components/sidebar-navigation-screen-main/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useSelect","useEffect","store","coreStore","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","editSiteStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MainSidebarNavigationContent","isBlockBasedTheme","className","children","uid","to","withChevron","icon","SidebarNavigationScreenMain","customDescription","select","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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~~uDACD~~,CAAC;EACF;EAEA,oBACCiB,IAAA,CAACN,uBAAuB;IACvB2B,MAAM;IACNC,KAAK,EAAGvC,EAAE,CAAE,QAAS,CAAG;IACxBqC,WAAW,EAAGA,WAAa;IAC3BG,OAAO,eACNvB,IAAA,CAACK,4BAA4B;MAC5BC,iBAAiB,EAAGA;IAAmB,CACvC;EACD,CACD,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalItemGroup","ItemGroup","__","layout","symbol","navigation","styles","page","useDispatch","useSelect","useEffect","store","coreStore","SidebarNavigationScreen","SidebarNavigationItem","SidebarNavigationItemGlobalStyles","unlock","editSiteStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MainSidebarNavigationContent","isBlockBasedTheme","className","children","uid","to","withChevron","icon","SidebarNavigationScreenMain","customDescription","select","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.19.1",
+	"version": "6.19.2",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -46,7 +46,7 @@
 		"@wordpress/date": "^5.19.1",
 		"@wordpress/deprecated": "^4.19.1",
 		"@wordpress/dom": "^4.19.1",
-		"@wordpress/editor": "^14.19.1",
+		"@wordpress/editor": "^14.19.2",
 		"@wordpress/element": "^6.19.1",
 		"@wordpress/escape-html": "^3.19.1",
 		"@wordpress/fields": "^0.11.1",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "6f49fee89f840761f7fedf662713cbd4a71723e9"
+	"gitHead": "3fbb8643c9b90c73434804e2f7b49c94325f459f"
 }

package/src/components/editor/site-preview.js CHANGED Viewed

@@ -4,6 +4,8 @@
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
+import { focus } from '@wordpress/dom';
+import { addQueryArgs } from '@wordpress/url';
 export default function SitePreview() {
 	const siteUrl = useSelect( ( select ) => {
@@ -15,7 +17,10 @@ export default function SitePreview() {
 	// If theme is block based, return the Editor, otherwise return the site preview.
 	return (
 		<iframe
-			src={ siteUrl }
+			src={ addQueryArgs( siteUrl, {
+				// Parameter for hiding the admin bar.
+				wp_site_preview: 1,
+			} ) }
 			title={ __( 'Site Preview' ) }
 			style={ {
 				display: 'block',
@@ -24,20 +29,10 @@ export default function SitePreview() {
 				backgroundColor: '#fff',
 			} }
 			onLoad={ ( event ) => {
-				// Hide the admin bar in the front-end preview.
-				const document = event.target.contentDocument;
-				document.getElementById( 'wpadminbar' ).remove();
-				document
-					.getElementsByTagName( 'html' )[ 0 ]
-					.setAttribute( 'style', 'margin-top: 0 !important;' );
-				document
-					.getElementsByTagName( 'body' )[ 0 ]
-					.classList.remove( 'admin-bar' );
 				// Make interactive elements unclickable.
-				const interactiveElements = document.querySelectorAll(
-					'a, button, input, details, audio'
-				);
-				interactiveElements.forEach( ( element ) => {
+				const document = event.target.contentDocument;
+				const focusableElements = focus.focusable.find( document );
+				focusableElements.forEach( ( element ) => {
 					element.style.pointerEvents = 'none';
 					element.tabIndex = -1;
 					element.setAttribute( 'aria-hidden', 'true' );

package/src/components/layout/index.js CHANGED Viewed

@@ -179,6 +179,8 @@ function Layout() {
 												{ areas.mobile }
 											</ErrorBoundary>
 										</SidebarContent>
+										<SaveHub />
+										<SavePanel />
 									</>
 								) : (
 									<ErrorBoundary>

package/src/components/sidebar-navigation-screen-main/index.js CHANGED Viewed

@@ -100,7 +100,7 @@ export default function SidebarNavigationScreenMain( { customDescription } ) {
 		);
 	} else {
 		description = __(
-			'Explore block styles and patterns to refine your site'
+			'Explore block styles and patterns to refine your site.'
 		);
 	}