@wordpress/edit-site 6.28.1-next.0f6f9d12c.0 → 6.29.1-next.e256d081a.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 6.29.0 (2025-08-20)
+
 ## 6.28.0 (2025-08-07)
 
 ## 6.27.0 (2025-07-23)

package/build/components/global-styles/screen-style-variations.js

@@ -9,8 +9,6 @@ var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
-var _editor = require("@wordpress/editor");
-var _element = require("@wordpress/element");
 var _header = _interopRequireDefault(require("./header"));
 var _content = _interopRequireDefault(require("../sidebar-navigation-screen-global-styles/content"));
 var _lockUnlock = require("../../lock-unlock");
@@ -33,13 +31,7 @@ function ScreenStyleVariations() {
   const isPreviewMode = (0, _data.useSelect)(select => {
     return select(_blockEditor.store).getSettings().isPreviewMode;
   }, []);
-  const {
-    setDeviceType
-  } = (0, _data.useDispatch)(_editor.store);
   useZoomOut(!isPreviewMode);
-  (0, _element.useEffect)(() => {
-    setDeviceType('desktop');
-  }, [setDeviceType]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
       title: (0, _i18n.__)('Browse styles'),

package/build/components/global-styles/screen-style-variations.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_data","_i18n","_editor","_element","_header","_interopRequireDefault","_content","_lockUnlock","_jsxRuntime","useZoomOut","unlock","blockEditorPrivateApis","ScreenStyleVariations","isPreviewMode","useSelect","select","blockEditorStore","getSettings","setDeviceType","useDispatch","editorStore","useEffect","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut( ! isPreviewMode );\n\tuseEffect( () => {\n\t\tsetDeviceType( 'desktop' );\n\t}, [ setDeviceType ] );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAKA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAlB3C;AACA;AACA;;AAWA;AACA;AACA;;AAKA,MAAM;EAAEW;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEvD,SAASC,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,CAACJ,aAAa;EAC9D,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEK;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,aAAY,CAAC;EACpDX,UAAU,CAAE,CAAEI,aAAc,CAAC;EAC7B,IAAAQ,kBAAS,EAAE,MAAM;IAChBH,aAAa,CAAE,SAAU,CAAC;EAC3B,CAAC,EAAE,CAAEA,aAAa,CAAG,CAAC;EAEtB,oBACC,IAAAV,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAe,QAAA;IAAAC,QAAA,gBACC,IAAAhB,WAAA,CAAAiB,GAAA,EAACrB,OAAA,CAAAsB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAApB,WAAA,CAAAiB,GAAA,EAAC1B,WAAA,CAAA+B,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAhB,WAAA,CAAAiB,GAAA,EAAC1B,WAAA,CAAAmC,QAAQ;QAAAV,QAAA,eACR,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,QAAA,CAAAoB,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcd,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_components","_data","_i18n","_header","_interopRequireDefault","_content","_lockUnlock","_jsxRuntime","useZoomOut","unlock","blockEditorPrivateApis","ScreenStyleVariations","isPreviewMode","useSelect","select","blockEditorStore","getSettings","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tuseZoomOut( ! isPreviewMode );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,QAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAA2C,IAAAQ,WAAA,GAAAR,OAAA;AAhB3C;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAM;EAAES;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEvD,SAASC,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,CAACJ,aAAa;EAC9D,CAAC,EAAE,EAAG,CAAC;EACPJ,UAAU,CAAE,CAAEI,aAAc,CAAC;EAE7B,oBACC,IAAAL,WAAA,CAAAU,IAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAC,QAAA,gBACC,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,OAAA,CAAAkB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAAhB,WAAA,CAAAa,GAAA,EAACpB,WAAA,CAAAyB,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAZ,WAAA,CAAAa,GAAA,EAACpB,WAAA,CAAA6B,QAAQ;QAAAV,QAAA,eACR,IAAAZ,WAAA,CAAAa,GAAA,EAACf,QAAA,CAAAgB,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcV,qBAAqB","ignoreList":[]}

package/build/components/layout/index.js

@@ -10,10 +10,8 @@ var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
-var _commands = require("@wordpress/commands");
 var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
-var _coreCommands = require("@wordpress/core-commands");
 var _router = require("@wordpress/router");
 var _plugins = require("@wordpress/plugins");
 var _notices = require("@wordpress/notices");
@@ -43,9 +41,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * Internal dependencies
  */
 
-const {
-  useCommands
-} = (0, _lockUnlock.unlock)(_coreCommands.privateApis);
 const {
   useGlobalStyle
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
@@ -67,7 +62,6 @@ function Layout() {
   const {
     canvas = 'view'
   } = query;
-  useCommands();
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
   const toggleRef = (0, _element.useRef)();
   const navigateRegionsProps = (0, _components.__unstableUseNavigateRegions)();
@@ -95,7 +89,7 @@ function Layout() {
     // Should not depend on the previous canvas mode value but the next.
   }, [canvas]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.UnsavedChangesWarning, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commands.CommandMenu, {}), canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveKeyboardShortcut.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.UnsavedChangesWarning, {}), canvas === 'view' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveKeyboardShortcut.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: (0, _clsx.default)('edit-site-layout', navigateRegionsProps.className, {

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

@@ -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\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":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_compose","_i18n","_element","_blockEditor","_editor","_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","useGlobalStyle","unlock","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","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 { 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 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 { 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\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{ 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":";;;;;;;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,YAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAMA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AAKA,IAAAY,QAAA,GAAAC,uBAAA,CAAAb,OAAA;AACA,IAAAc,eAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AACA,IAAAgB,qBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,MAAA,GAAAjB,OAAA;AACA,IAAAkB,UAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,QAAA,GAAAnB,OAAA;AACA,IAAAoB,QAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,UAAA,GAAAtB,sBAAA,CAAAC,OAAA;AAAsC,IAAAsB,WAAA,GAAAtB,OAAA;AAAA,SAAAuB,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;AA9CtC;AACA;AACA;;AAGA;AACA;AACA;;AA4BA;AACA;AACA;;AAWA,MAAM;EAAEW;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC3D,MAAM;EAAEC,eAAe;EAAEC;AAAqB,CAAC,GAAG,IAAAH,kBAAM,EAAEI,mBAAkB,CAAC;AAC7E,MAAM;EAAEC;AAAY,CAAC,GAAG,IAAAL,kBAAM,EAAEM,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;EACjC,MAAMM,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,CAAClD,GAAG,CAC7C,MAAM,EACN,gBACD;IACD,CAAC;EACF,CAAE,CAAC;EAEH,MAAM,CAAEmD,eAAe,CAAE,GAAGvC,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM,CAAEwC,aAAa,CAAE,GAAGxC,cAAc,CAAE,gBAAiB,CAAC;EAC5D,MAAMyC,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,IAAApC,WAAA,CAAAmE,IAAA,EAAAnE,WAAA,CAAAoE,QAAA;IAAAC,QAAA,gBACC,IAAArE,WAAA,CAAAsE,GAAA,EAACtF,OAAA,CAAAuF,qBAAqB,IAAE,CAAC,EACvBnC,MAAM,KAAK,MAAM,iBAAI,IAAApC,WAAA,CAAAsE,GAAA,EAAC5E,qBAAA,CAAAa,OAAoB,IAAE,CAAC,eAC/C,IAAAP,WAAA,CAAAsE,GAAA;MAAA,GACM7B,oBAAoB;MACzB+B,GAAG,EAAG/B,oBAAoB,CAAC+B,GAAK;MAChCC,SAAS,EAAG,IAAAC,aAAI,EACf,kBAAkB,EAClBjC,oBAAoB,CAACgC,SAAS,EAC9B;QACC,gBAAgB,EAAErC,MAAM,KAAK,MAAM;QACnC,kBAAkB,EAAEoB;MACrB,CACD,CAAG;MAAAa,QAAA,eAEH,IAAArE,WAAA,CAAAmE,IAAA;QAAKM,SAAS,EAAC,2BAA2B;QAAAJ,QAAA,GAKvC,CAAE,CAAEhC,gBAAgB,IAAI,CAAEH,KAAK,CAACyC,MAAM,kBACvC,IAAA3E,WAAA,CAAAsE,GAAA,EAAC9C,eAAe;UACfoD,SAAS,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;UAChCJ,SAAS,EAAC,kCAAkC;UAAAJ,QAAA,eAE5C,IAAArE,WAAA,CAAAsE,GAAA,EAAC3F,WAAA,CAAAmG,yBAAe;YAAAT,QAAA,EACbjC,MAAM,KAAK,MAAM,iBAClB,IAAApC,WAAA,CAAAmE,IAAA,EAACxF,WAAA,CAAAoG,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;gBACA5C,aAAa,IACbN,gBAAgB,GACb,CAAC,GACDR,kBAAkB;gBACtB2D,IAAI,EAAE;cACP,CAAG;cACHf,SAAS,EAAC,2BAA2B;cAAAJ,QAAA,gBAErC,IAAArE,WAAA,CAAAsE,GAAA,EAAChF,QAAA,CAAAiB,OAAO;gBACPiE,GAAG,EAAGjC,SAAW;gBACjBkD,aAAa,EACZvC;cACA,CACD,CAAC,eACF,IAAAlD,WAAA,CAAAsE,GAAA,EAACzE,QAAA,CAAA6F,yBAAyB;gBAAArB,QAAA,eACzB,IAAArE,WAAA,CAAAsE,GAAA,EAACzE,QAAA,CAAA8F,cAAc;kBACdC,aAAa,EACZ3D,QAAQ,KAAK,QACb;kBACDA,QAAQ,EAAGA,QAAU;kBAAAoC,QAAA,eAErB,IAAArE,WAAA,CAAAsE,GAAA,EAACtF,OAAA,CAAA6G,aAAa;oBAAAxB,QAAA,EACXnC,KAAK,CAAC4D;kBAAO,CACD;gBAAC,CACD;cAAC,CACS,CAAC,eAC5B,IAAA9F,WAAA,CAAAsE,GAAA,EAACxE,QAAA,CAAAS,OAAO,IAAE,CAAC,eACX,IAAAP,WAAA,CAAAsE,GAAA,EAACvE,UAAA,CAAAQ,OAAS,IAAE,CAAC;YAAA,CACF;UACZ,CACe;QAAC,CACF,CACjB,eAED,IAAAP,WAAA,CAAAsE,GAAA,EAACtF,OAAA,CAAA+G,eAAe,IAAE,CAAC,EAEjB1D,gBAAgB,IAAIH,KAAK,CAACyC,MAAM,iBACjC,IAAA3E,WAAA,CAAAsE,GAAA;UAAKG,SAAS,EAAC,0BAA0B;UAAAJ,QAAA,eACxC,IAAArE,WAAA,CAAAsE,GAAA,EAACzE,QAAA,CAAA6F,yBAAyB;YAAArB,QAAA,EACvBjC,MAAM,KAAK,MAAM,gBAClB,IAAApC,WAAA,CAAAmE,IAAA,EAAAnE,WAAA,CAAAoE,QAAA;cAAAC,QAAA,gBACC,IAAArE,WAAA,CAAAsE,GAAA,EAAChF,QAAA,CAAA0G,aAAa;gBACbxB,GAAG,EAAGjC,SAAW;gBACjBkD,aAAa,EACZvC;cACA,CACD,CAAC,eACF,IAAAlD,WAAA,CAAAsE,GAAA,EAACzE,QAAA,CAAA8F,cAAc;gBAAC1D,QAAQ,EAAGA,QAAU;gBAAAoC,QAAA,eACpC,IAAArE,WAAA,CAAAsE,GAAA,EAACtF,OAAA,CAAA6G,aAAa;kBAAAxB,QAAA,EACXnC,KAAK,CAACyC;gBAAM,CACA;cAAC,CACD,CAAC,eACjB,IAAA3E,WAAA,CAAAsE,GAAA,EAACxE,QAAA,CAAAS,OAAO,IAAE,CAAC,eACX,IAAAP,WAAA,CAAAsE,GAAA,EAACvE,UAAA,CAAAQ,OAAS,IAAE,CAAC;YAAA,CACZ,CAAC,gBAEH,IAAAP,WAAA,CAAAsE,GAAA,EAACtF,OAAA,CAAA6G,aAAa;cAAAxB,QAAA,EACXnC,KAAK,CAACyC;YAAM,CACA;UACf,CACyB;QAAC,CACxB,CACL,EAEC,CAAEtC,gBAAgB,IACnBH,KAAK,CAAC+D,OAAO,IACb7D,MAAM,KAAK,MAAM,iBAChB,IAAApC,WAAA,CAAAsE,GAAA;UACCG,SAAS,EAAC,wBAAwB;UAClCyB,KAAK,EAAG;YACPC,QAAQ,EAAEhE,MAAM,EAAE8D;UACnB,CAAG;UAAA5B,QAAA,eAEH,IAAArE,WAAA,CAAAsE,GAAA,EAACtF,OAAA,CAAA6G,aAAa;YAAAxB,QAAA,EAAGnC,KAAK,CAAC+D;UAAO,CAAiB;QAAC,CAC5C,CACL,EAEA,CAAE5D,gBAAgB,IAAIH,KAAK,CAACkE,IAAI,IAAIhE,MAAM,KAAK,MAAM,iBACtD,IAAApC,WAAA,CAAAsE,GAAA;UACCG,SAAS,EAAC,wBAAwB;UAClCyB,KAAK,EAAG;YACPC,QAAQ,EAAEhE,MAAM,EAAEiE;UACnB,CAAG;UAAA/B,QAAA,eAEH,IAAArE,WAAA,CAAAsE,GAAA,EAACtF,OAAA,CAAA6G,aAAa;YAAAxB,QAAA,EAAGnC,KAAK,CAACkE;UAAI,CAAiB;QAAC,CACzC,CACL,EAEC,CAAE/D,gBAAgB,IAAIH,KAAK,CAACmE,OAAO,iBACpC,IAAArG,WAAA,CAAAmE,IAAA;UAAKM,SAAS,EAAC,oCAAoC;UAAAJ,QAAA,GAChDxB,aAAa,EACb,CAAC,CAAEC,UAAU,CAACwD,KAAK,iBACpB,IAAAtG,WAAA,CAAAsE,GAAA;YACCG,SAAS,EAAG,IAAAC,aAAI,EACf,0BAA0B,EAC1B;cACC,kBAAkB,EACjBxB;YACF,CACD,CAAG;YACHsB,GAAG,EAAGnB,YAAc;YAAAgB,QAAA,eAEpB,IAAArE,WAAA,CAAAsE,GAAA,EAACtF,OAAA,CAAA6G,aAAa;cAAAxB,QAAA,eACb,IAAArE,WAAA,CAAAsE,GAAA,EAAC9E,eAAA,CAAAe,OAAc;gBACdgG,OAAO,EAAG,CAAEvD,eAAiB;gBAC7BwD,WAAW,EAAGpE,MAAM,KAAK,MAAQ;gBACjCqE,WAAW,EAAG;kBACbH,KAAK,EACJxD,UAAU,CAACwD,KAAK,GAChB,EAAE,CAAC;kBACJI,MAAM,EAAE5D,UAAU,CAAC4D;gBACpB,CAAG;gBACHC,WAAW,EACVzD,yBACA;gBACD0D,cAAc,EACbzD,4BACA;gBACD0D,iBAAiB,EAAG;kBACnBC,UAAU,EACTjD,aAAa,aAAbA,aAAa,cAAbA,aAAa,GACbD;gBACF,CAAG;gBAAAS,QAAA,EAEDnC,KAAK,CAACmE;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,CAAEpF,IAAI,EAAG;IAClCiF,iBAAiB,CAChB,IAAAI,aAAO,EACN;IACA,IAAAxC,QAAE,EACD,kEACD,CAAC,EACD7C,IACD,CACD,CAAC;EACF;EAEA,oBACC,IAAAhC,WAAA,CAAAsE,GAAA,EAAC3F,WAAA,CAAA2I,gBAAgB;IAAAjD,QAAA,eAChB,IAAArE,WAAA,CAAAmE,IAAA,EAAC1C,oBAAoB;MAAA4C,QAAA,gBAEpB,IAAArE,WAAA,CAAAsE,GAAA,EAACpF,QAAA,CAAAqI,UAAU;QAACC,OAAO,EAAGJ;MAAmB,CAAE,CAAC,eAC5C,IAAApH,WAAA,CAAAsE,GAAA,EAACxC,MAAM;QAAA,GAAMkF;MAAK,CAAI,CAAC;IAAA,CACF;EAAC,CACN,CAAC;AAErB","ignoreList":[]}

package/build-module/components/global-styles/screen-style-variations.js

@@ -3,10 +3,8 @@
  */
 import { privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
 import { Card, CardBody } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
-import { store as editorStore } from '@wordpress/editor';
-import { useEffect } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -25,13 +23,7 @@ function ScreenStyleVariations() {
   const isPreviewMode = useSelect(select => {
     return select(blockEditorStore).getSettings().isPreviewMode;
   }, []);
-  const {
-    setDeviceType
-  } = useDispatch(editorStore);
   useZoomOut(!isPreviewMode);
-  useEffect(() => {
-    setDeviceType('desktop');
-  }, [setDeviceType]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(ScreenHeader, {
       title: __('Browse styles'),

package/build-module/components/global-styles/screen-style-variations.js.map

@@ -1 +1 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","store","blockEditorStore","Card","CardBody","useSelect","useDispatch","__","editorStore","useEffect","ScreenHeader","SidebarNavigationScreenGlobalStylesContent","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useZoomOut","ScreenStyleVariations","isPreviewMode","select","getSettings","setDeviceType","children","title","description","size","isBorderless","className"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut( ! isPreviewMode );\n\tuseEffect( () => {\n\t\tsetDeviceType( 'desktop' );\n\t}, [ setDeviceType ] );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,WAAW,IAAIC,sBAAsB,EACrCC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,IAAI,EAAEC,QAAQ,QAAQ,uBAAuB;AACtD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASN,KAAK,IAAIO,WAAW,QAAQ,mBAAmB;AACxD,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,0CAA0C,MAAM,oDAAoD;AAC3G,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAW,CAAC,GAAGP,MAAM,CAAEZ,sBAAuB,CAAC;AAEvD,SAASoB,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAMC,aAAa,GAAGhB,SAAS,CAAIiB,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEpB,gBAAiB,CAAC,CAACqB,WAAW,CAAC,CAAC,CAACF,aAAa;EAC9D,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEG;EAAc,CAAC,GAAGlB,WAAW,CAAEE,WAAY,CAAC;EACpDW,UAAU,CAAE,CAAEE,aAAc,CAAC;EAC7BZ,SAAS,CAAE,MAAM;IAChBe,aAAa,CAAE,SAAU,CAAC;EAC3B,CAAC,EAAE,CAAEA,aAAa,CAAG,CAAC;EAEtB,oBACCN,KAAA,CAAAF,SAAA;IAAAS,QAAA,gBACCX,IAAA,CAACJ,YAAY;MACZgB,KAAK,EAAGnB,EAAE,CAAE,eAAgB,CAAG;MAC/BoB,WAAW,EAAGpB,EAAE,CACf,oDACD;IAAG,CACH,CAAC,eAEFO,IAAA,CAACX,IAAI;MACJyB,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAL,QAAA,eAE3DX,IAAA,CAACV,QAAQ;QAAAqB,QAAA,eACRX,IAAA,CAACH,0CAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,eAAeS,qBAAqB","ignoreList":[]}
+{"version":3,"names":["privateApis","blockEditorPrivateApis","store","blockEditorStore","Card","CardBody","useSelect","__","ScreenHeader","SidebarNavigationScreenGlobalStylesContent","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useZoomOut","ScreenStyleVariations","isPreviewMode","select","getSettings","children","title","description","size","isBorderless","className"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tuseZoomOut( ! isPreviewMode );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,WAAW,IAAIC,sBAAsB,EACrCC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,IAAI,EAAEC,QAAQ,QAAQ,uBAAuB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,0CAA0C,MAAM,oDAAoD;AAC3G,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAW,CAAC,GAAGP,MAAM,CAAET,sBAAuB,CAAC;AAEvD,SAASiB,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAMC,aAAa,GAAGb,SAAS,CAAIc,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEjB,gBAAiB,CAAC,CAACkB,WAAW,CAAC,CAAC,CAACF,aAAa;EAC9D,CAAC,EAAE,EAAG,CAAC;EACPF,UAAU,CAAE,CAAEE,aAAc,CAAC;EAE7B,oBACCH,KAAA,CAAAF,SAAA;IAAAQ,QAAA,gBACCV,IAAA,CAACJ,YAAY;MACZe,KAAK,EAAGhB,EAAE,CAAE,eAAgB,CAAG;MAC/BiB,WAAW,EAAGjB,EAAE,CACf,oDACD;IAAG,CACH,CAAC,eAEFK,IAAA,CAACR,IAAI;MACJqB,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAL,QAAA,eAE3DV,IAAA,CAACP,QAAQ;QAAAiB,QAAA,eACRV,IAAA,CAACH,0CAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,eAAeS,qBAAqB","ignoreList":[]}

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

@@ -10,10 +10,8 @@ import { __unstableMotion as motion, __unstableAnimatePresence as AnimatePresenc
 import { useReducedMotion, useViewportMatch, useResizeObserver, usePrevious } from '@wordpress/compose';
 import { __, sprintf } from '@wordpress/i18n';
 import { useState, useRef, useEffect } from '@wordpress/element';
-import { CommandMenu } from '@wordpress/commands';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { EditorSnackbars, UnsavedChangesWarning, ErrorBoundary, privateApis as editorPrivateApis } from '@wordpress/editor';
-import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { PluginArea } from '@wordpress/plugins';
 import { store as noticesStore } from '@wordpress/notices';
@@ -33,9 +31,6 @@ import { SidebarContent, SidebarNavigationProvider } from '../sidebar';
 import SaveHub from '../save-hub';
 import SavePanel from '../save-panel';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  useCommands
-} = unlock(coreCommandsPrivateApis);
 const {
   useGlobalStyle
 } = unlock(blockEditorPrivateApis);
@@ -57,7 +52,6 @@ function Layout() {
   const {
     canvas = 'view'
   } = query;
-  useCommands();
   const isMobileViewport = useViewportMatch('medium', '<');
   const toggleRef = useRef();
   const navigateRegionsProps = useNavigateRegions();
@@ -85,7 +79,7 @@ function Layout() {
     // Should not depend on the previous canvas mode value but the next.
   }, [canvas]);
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(UnsavedChangesWarning, {}), /*#__PURE__*/_jsx(CommandMenu, {}), canvas === 'view' && /*#__PURE__*/_jsx(SaveKeyboardShortcut, {}), /*#__PURE__*/_jsx("div", {
+    children: [/*#__PURE__*/_jsx(UnsavedChangesWarning, {}), canvas === 'view' && /*#__PURE__*/_jsx(SaveKeyboardShortcut, {}), /*#__PURE__*/_jsx("div", {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: clsx('edit-site-layout', navigateRegionsProps.className, {

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

@@ -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\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":[]}
+{"version":3,"names":["clsx","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__unstableUseNavigateRegions","useNavigateRegions","SlotFillProvider","useReducedMotion","useViewportMatch","useResizeObserver","usePrevious","__","sprintf","useState","useRef","useEffect","privateApis","blockEditorPrivateApis","EditorSnackbars","UnsavedChangesWarning","ErrorBoundary","editorPrivateApis","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","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 { 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 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 { 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\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{ 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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,gBAAgB,IAAIC,MAAM,EAC1BC,yBAAyB,IAAIC,eAAe,EAC5CC,4BAA4B,IAAIC,kBAAkB,EAClDC,gBAAgB,QACV,uBAAuB;AAC9B,SACCC,gBAAgB,EAChBC,gBAAgB,EAChBC,iBAAiB,EACjBC,WAAW,QACL,oBAAoB;AAC3B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;AAChE,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SACCC,eAAe,EACfC,qBAAqB,EACrBC,aAAa,EACbJ,WAAW,IAAIK,iBAAiB,QAC1B,mBAAmB;AAC1B,SAASL,WAAW,IAAIM,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASH,KAAK,IAAII,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,SAASC,OAAO,IAAIC,OAAO,EAAEC,aAAa,QAAQ,aAAa;AAC/D,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,SAASC,sBAAsB,QAAQ,SAAS;AAChD,OAAOC,kBAAkB,MAAM,aAAa;AAC5C,SAASC,cAAc,EAAEC,yBAAyB,QAAQ,YAAY;AACtE,OAAOC,OAAO,MAAM,aAAa;AACjC,OAAOC,SAAS,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEtC,MAAM;EAAEC;AAAe,CAAC,GAAGd,MAAM,CAAEhB,sBAAuB,CAAC;AAC3D,MAAM;EAAE+B,eAAe;EAAEC;AAAqB,CAAC,GAAGhB,MAAM,CAAEZ,iBAAkB,CAAC;AAC7E,MAAM;EAAE6B;AAAY,CAAC,GAAGjB,MAAM,CAAEX,iBAAkB,CAAC;AAEnD,MAAM6B,kBAAkB,GAAG,GAAG;AAE9B,SAASC,MAAMA,CAAA,EAAG;EACjB,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGP,WAAW,CAAC,CAAC;EAC9D,MAAM;IAAEQ,MAAM,GAAG;EAAO,CAAC,GAAGL,KAAK;EACjC,MAAMM,gBAAgB,GAAGnD,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAMoD,SAAS,GAAG9C,MAAM,CAAC,CAAC;EAC1B,MAAM+C,oBAAoB,GAAGxD,kBAAkB,CAAC,CAAC;EACjD,MAAMyD,aAAa,GAAGvD,gBAAgB,CAAC,CAAC;EACxC,MAAM,CAAEwD,aAAa,EAAEC,UAAU,CAAE,GAAGvD,iBAAiB,CAAC,CAAC;EACzD,MAAMwD,eAAe,GAAG9B,sBAAsB,CAAC,CAAC;EAChD,MAAM,CAAE+B,yBAAyB,EAAEC,4BAA4B,CAAE,GAChEtD,QAAQ,CAAE,KAAM,CAAC;EAClB,MAAMuD,YAAY,GAAGhC,kBAAkB,CAAE;IACxCiC,wBAAwB,EAAEd,QAAQ,GAAG,GAAG,GAAGG;EAC5C,CAAE,CAAC;EAEH,MAAM;IAAEY;EAAe,CAAC,GAAG3C,SAAS,CAAI4C,MAAM,IAAM;IACnD,OAAO;MACND,cAAc,EAAEC,MAAM,CAAE3C,gBAAiB,CAAC,CAAC4C,GAAG,CAC7C,MAAM,EACN,gBACD;IACD,CAAC;EACF,CAAE,CAAC;EAEH,MAAM,CAAEC,eAAe,CAAE,GAAG1B,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM,CAAE2B,aAAa,CAAE,GAAG3B,cAAc,CAAE,gBAAiB,CAAC;EAC5D,MAAM4B,iBAAiB,GAAGjE,WAAW,CAAEgD,MAAO,CAAC;EAC/C3C,SAAS,CAAE,MAAM;IAChB,IAAK4D,iBAAiB,KAAK,MAAM,EAAG;MACnCf,SAAS,CAACgB,OAAO,EAAEC,KAAK,CAAC,CAAC;IAC3B;IACA;EACD,CAAC,EAAE,CAAEnB,MAAM,CAAG,CAAC;EAEf,oBACCd,KAAA,CAAAE,SAAA;IAAAgC,QAAA,gBACCpC,IAAA,CAACvB,qBAAqB,IAAE,CAAC,EACvBuC,MAAM,KAAK,MAAM,iBAAIhB,IAAA,CAACR,oBAAoB,IAAE,CAAC,eAC/CQ,IAAA;MAAA,GACMmB,oBAAoB;MACzBkB,GAAG,EAAGlB,oBAAoB,CAACkB,GAAK;MAChCC,SAAS,EAAGjF,IAAI,CACf,kBAAkB,EAClB8D,oBAAoB,CAACmB,SAAS,EAC9B;QACC,gBAAgB,EAAEtB,MAAM,KAAK,MAAM;QACnC,kBAAkB,EAAEY;MACrB,CACD,CAAG;MAAAQ,QAAA,eAEHlC,KAAA;QAAKoC,SAAS,EAAC,2BAA2B;QAAAF,QAAA,GAKvC,CAAE,CAAEnB,gBAAgB,IAAI,CAAEH,KAAK,CAACyB,MAAM,kBACvCvC,IAAA,CAACM,eAAe;UACfkC,SAAS,EAAGvE,EAAE,CAAE,YAAa,CAAG;UAChCqE,SAAS,EAAC,kCAAkC;UAAAF,QAAA,eAE5CpC,IAAA,CAACvC,eAAe;YAAA2E,QAAA,EACbpB,MAAM,KAAK,MAAM,iBAClBd,KAAA,CAAC3C,MAAM,CAACkF,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;gBACA5B,aAAa,IACbH,gBAAgB,GACb,CAAC,GACDR,kBAAkB;gBACtBwC,IAAI,EAAE;cACP,CAAG;cACHX,SAAS,EAAC,2BAA2B;cAAAF,QAAA,gBAErCpC,IAAA,CAACZ,OAAO;gBACPiD,GAAG,EAAGnB,SAAW;gBACjBgC,aAAa,EACZ1B;cACA,CACD,CAAC,eACFxB,IAAA,CAACJ,yBAAyB;gBAAAwC,QAAA,eACzBpC,IAAA,CAACL,cAAc;kBACdwD,aAAa,EACZtC,QAAQ,KAAK,QACb;kBACDA,QAAQ,EAAGA,QAAU;kBAAAuB,QAAA,eAErBpC,IAAA,CAACtB,aAAa;oBAAA0D,QAAA,EACXtB,KAAK,CAACsC;kBAAO,CACD;gBAAC,CACD;cAAC,CACS,CAAC,eAC5BpD,IAAA,CAACH,OAAO,IAAE,CAAC,eACXG,IAAA,CAACF,SAAS,IAAE,CAAC;YAAA,CACF;UACZ,CACe;QAAC,CACF,CACjB,eAEDE,IAAA,CAACxB,eAAe,IAAE,CAAC,EAEjByC,gBAAgB,IAAIH,KAAK,CAACyB,MAAM,iBACjCvC,IAAA;UAAKsC,SAAS,EAAC,0BAA0B;UAAAF,QAAA,eACxCpC,IAAA,CAACJ,yBAAyB;YAAAwC,QAAA,EACvBpB,MAAM,KAAK,MAAM,gBAClBd,KAAA,CAAAE,SAAA;cAAAgC,QAAA,gBACCpC,IAAA,CAACX,aAAa;gBACbgD,GAAG,EAAGnB,SAAW;gBACjBgC,aAAa,EACZ1B;cACA,CACD,CAAC,eACFxB,IAAA,CAACL,cAAc;gBAACkB,QAAQ,EAAGA,QAAU;gBAAAuB,QAAA,eACpCpC,IAAA,CAACtB,aAAa;kBAAA0D,QAAA,EACXtB,KAAK,CAACyB;gBAAM,CACA;cAAC,CACD,CAAC,eACjBvC,IAAA,CAACH,OAAO,IAAE,CAAC,eACXG,IAAA,CAACF,SAAS,IAAE,CAAC;YAAA,CACZ,CAAC,gBAEHE,IAAA,CAACtB,aAAa;cAAA0D,QAAA,EACXtB,KAAK,CAACyB;YAAM,CACA;UACf,CACyB;QAAC,CACxB,CACL,EAEC,CAAEtB,gBAAgB,IACnBH,KAAK,CAACuC,OAAO,IACbrC,MAAM,KAAK,MAAM,iBAChBhB,IAAA;UACCsC,SAAS,EAAC,wBAAwB;UAClCgB,KAAK,EAAG;YACPC,QAAQ,EAAExC,MAAM,EAAEsC;UACnB,CAAG;UAAAjB,QAAA,eAEHpC,IAAA,CAACtB,aAAa;YAAA0D,QAAA,EAAGtB,KAAK,CAACuC;UAAO,CAAiB;QAAC,CAC5C,CACL,EAEA,CAAEpC,gBAAgB,IAAIH,KAAK,CAAC0C,IAAI,IAAIxC,MAAM,KAAK,MAAM,iBACtDhB,IAAA;UACCsC,SAAS,EAAC,wBAAwB;UAClCgB,KAAK,EAAG;YACPC,QAAQ,EAAExC,MAAM,EAAEyC;UACnB,CAAG;UAAApB,QAAA,eAEHpC,IAAA,CAACtB,aAAa;YAAA0D,QAAA,EAAGtB,KAAK,CAAC0C;UAAI,CAAiB;QAAC,CACzC,CACL,EAEC,CAAEvC,gBAAgB,IAAIH,KAAK,CAAC2C,OAAO,iBACpCvD,KAAA;UAAKoC,SAAS,EAAC,oCAAoC;UAAAF,QAAA,GAChDf,aAAa,EACb,CAAC,CAAEC,UAAU,CAACoC,KAAK,iBACpB1D,IAAA;YACCsC,SAAS,EAAGjF,IAAI,CACf,0BAA0B,EAC1B;cACC,kBAAkB,EACjBmE;YACF,CACD,CAAG;YACHa,GAAG,EAAGX,YAAc;YAAAU,QAAA,eAEpBpC,IAAA,CAACtB,aAAa;cAAA0D,QAAA,eACbpC,IAAA,CAACV,cAAc;gBACdqE,OAAO,EAAG,CAAEpC,eAAiB;gBAC7BqC,WAAW,EAAG5C,MAAM,KAAK,MAAQ;gBACjC6C,WAAW,EAAG;kBACbH,KAAK,EACJpC,UAAU,CAACoC,KAAK,GAChB,EAAE,CAAC;kBACJI,MAAM,EAAExC,UAAU,CAACwC;gBACpB,CAAG;gBACHC,WAAW,EACVvC,yBACA;gBACDwC,cAAc,EACbvC,4BACA;gBACDwC,iBAAiB,EAAG;kBACnBC,UAAU,EACTlC,aAAa,aAAbA,aAAa,cAAbA,aAAa,GACbD;gBACF,CAAG;gBAAAK,QAAA,EAEDtB,KAAK,CAAC2C;cAAO,CACA;YAAC,CACH;UAAC,CACZ,CACL;QAAA,CACG,CACL;MAAA,CACG;IAAC,CACF,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,eAAe,SAASU,8BAA8BA,CAAEC,KAAK,EAAG;EAC/D,MAAM;IAAEC;EAAkB,CAAC,GAAGrF,WAAW,CAAED,YAAa,CAAC;EACzD,SAASuF,iBAAiBA,CAAE1D,IAAI,EAAG;IAClCyD,iBAAiB,CAChBnG,OAAO,CACN;IACAD,EAAE,CACD,kEACD,CAAC,EACD2C,IACD,CACD,CAAC;EACF;EAEA,oBACCZ,IAAA,CAACpC,gBAAgB;IAAAwE,QAAA,eAChBlC,KAAA,CAACK,oBAAoB;MAAA6B,QAAA,gBAEpBpC,IAAA,CAACnB,UAAU;QAAC0F,OAAO,EAAGD;MAAmB,CAAE,CAAC,eAC5CtE,IAAA,CAACU,MAAM;QAAA,GAAM0D;MAAK,CAAI,CAAC;IAAA,CACF;EAAC,CACN,CAAC;AAErB","ignoreList":[]}

package/build-style/posts-rtl.css

@@ -1705,6 +1705,10 @@ div.dataviews-view-list {
   margin-bottom: 16px;
 }
 
+.dataforms-layouts-panel__modal-footer {
+  margin-top: 16px;
+}
+
 .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
   z-index: 159990;
 }
@@ -2088,7 +2092,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _tq8gt_slide-from-right {
+@keyframes _knsuw_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2098,7 +2102,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _tq8gt_slide-from-left {
+@keyframes _knsuw_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2154,10 +2158,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _tq8gt_slide-from-left;
+  animation-name: _knsuw_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _tq8gt_slide-from-right;
+  animation-name: _knsuw_slide-from-right;
 }
 
 .edit-site-site-hub {

package/build-style/posts.css

@@ -1705,6 +1705,10 @@ div.dataviews-view-list {
   margin-bottom: 16px;
 }
 
+.dataforms-layouts-panel__modal-footer {
+  margin-top: 16px;
+}
+
 .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
   z-index: 159990;
 }
@@ -2088,7 +2092,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _tq8gt_slide-from-right {
+@keyframes _knsuw_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2098,7 +2102,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _tq8gt_slide-from-left {
+@keyframes _knsuw_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2154,10 +2158,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _tq8gt_slide-from-left;
+  animation-name: _knsuw_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _tq8gt_slide-from-right;
+  animation-name: _knsuw_slide-from-right;
 }
 
 .edit-site-site-hub {

package/build-style/style-rtl.css

@@ -1705,6 +1705,10 @@ div.dataviews-view-list {
   margin-bottom: 16px;
 }
 
+.dataforms-layouts-panel__modal-footer {
+  margin-top: 16px;
+}
+
 .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
   z-index: 159990;
 }
@@ -3287,7 +3291,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _uwv3d_slide-from-right {
+@keyframes _xt40e_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -3297,7 +3301,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _uwv3d_slide-from-left {
+@keyframes _xt40e_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -3353,10 +3357,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _uwv3d_slide-from-left;
+  animation-name: _xt40e_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _uwv3d_slide-from-right;
+  animation-name: _xt40e_slide-from-right;
 }
 
 .edit-site-sidebar-button {

package/build-style/style.css

@@ -1705,6 +1705,10 @@ div.dataviews-view-list {
   margin-bottom: 16px;
 }
 
+.dataforms-layouts-panel__modal-footer {
+  margin-top: 16px;
+}
+
 .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
   z-index: 159990;
 }
@@ -3288,7 +3292,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _uwv3d_slide-from-right {
+@keyframes _xt40e_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -3298,7 +3302,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _uwv3d_slide-from-left {
+@keyframes _xt40e_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -3354,10 +3358,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _uwv3d_slide-from-left;
+  animation-name: _xt40e_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _uwv3d_slide-from-right;
+  animation-name: _xt40e_slide-from-right;
 }
 
 .edit-site-sidebar-button {