@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build-module/components/global-styles/screen-colors.js

@@ -1,17 +1,10 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { __experimentalVStack as VStack } from '@wordpress/components';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import ScreenHeader from './header';
-import Palette from './palette';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { __experimentalVStack as VStack } from "@wordpress/components";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import ScreenHeader from "./header";
+import Palette from "./palette";
+import { unlock } from "../../lock-unlock";
 const {
   useGlobalStyle,
   useGlobalSetting,
@@ -19,31 +12,40 @@ const {
   ColorPanel: StylesColorPanel
 } = unlock(blockEditorPrivateApis);
 function ScreenColors() {
-  const [style] = useGlobalStyle('', undefined, 'user', {
+  const [style] = useGlobalStyle("", void 0, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle('', undefined, 'all', {
+  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
     shouldDecodeEncode: false
   });
-  const [rawSettings] = useGlobalSetting('');
+  const [rawSettings] = useGlobalSetting("");
   const settings = useSettingsForBlockElement(rawSettings);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: __('Colors'),
-      description: __('Palette colors and the application of those colors on site elements.')
-    }), /*#__PURE__*/_jsx("div", {
-      className: "edit-site-global-styles-screen",
-      children: /*#__PURE__*/_jsxs(VStack, {
-        spacing: 7,
-        children: [/*#__PURE__*/_jsx(Palette, {}), /*#__PURE__*/_jsx(StylesColorPanel, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: __("Colors"),
+        description: __(
+          "Palette colors and the application of those colors on site elements."
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "edit-site-global-styles-screen", children: /* @__PURE__ */ jsxs(VStack, { spacing: 7, children: [
+      /* @__PURE__ */ jsx(Palette, {}),
+      /* @__PURE__ */ jsx(
+        StylesColorPanel,
+        {
           inheritedValue: inheritedStyle,
           value: style,
           onChange: setStyle,
-          settings: settings
-        })]
-      })
-    })]
-  });
+          settings
+        }
+      )
+    ] }) })
+  ] });
 }
-export default ScreenColors;
-//# sourceMappingURL=screen-colors.js.map
+var screen_colors_default = ScreenColors;
+export {
+  screen_colors_default as default
+};
+//# sourceMappingURL=screen-colors.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","__experimentalVStack","VStack","privateApis","blockEditorPrivateApis","ScreenHeader","Palette","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","ColorPanel","StylesColorPanel","ScreenColors","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","settings","children","title","description","className","spacing","inheritedValue","value","onChange"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-colors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport Palette from './palette';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tColorPanel: StylesColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenColors() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Colors' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palette colors and the application of those colors on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<Palette />\n\t\t\t\t\t<StylesColorPanel\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenColors;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,OAAO,MAAM,WAAW;AAC/B,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,UAAU,EAAEC;AACb,CAAC,GAAGX,MAAM,CAAEH,sBAAuB,CAAC;AAEpC,SAASe,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,KAAK,CAAE,GAAGN,cAAc,CAAE,EAAE,EAAEO,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGV,cAAc,CAAE,EAAE,EAAEO,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,WAAW,CAAE,GAAGV,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMW,QAAQ,GAAGV,0BAA0B,CAAES,WAAY,CAAC;EAE1D,oBACCd,KAAA,CAAAE,SAAA;IAAAc,QAAA,gBACClB,IAAA,CAACJ,YAAY;MACZuB,KAAK,EAAG5B,EAAE,CAAE,QAAS,CAAG;MACxB6B,WAAW,EAAG7B,EAAE,CACf,sEACD;IAAG,CACH,CAAC,eACFS,IAAA;MAAKqB,SAAS,EAAC,gCAAgC;MAAAH,QAAA,eAC9ChB,KAAA,CAACT,MAAM;QAAC6B,OAAO,EAAG,CAAG;QAAAJ,QAAA,gBACpBlB,IAAA,CAACH,OAAO,IAAE,CAAC,eACXG,IAAA,CAACS,gBAAgB;UAChBc,cAAc,EAAGT,cAAgB;UACjCU,KAAK,EAAGb,KAAO;UACfc,QAAQ,EAAGV,QAAU;UACrBE,QAAQ,EAAGA;QAAU,CACrB,CAAC;MAAA,CACK;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,eAAeP,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-colors.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport Palette from './palette';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tColorPanel: StylesColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenColors() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Colors' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palette colors and the application of those colors on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<Palette />\n\t\t\t\t\t<StylesColorPanel\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenColors;\n"],
+  "mappings": "AAgCE,mBACC,KAOC,YARF;AA7BF,SAAS,UAAU;AACnB,SAAS,wBAAwB,cAAc;AAC/C,SAAS,eAAe,8BAA8B;AAKtD,OAAO,kBAAkB;AACzB,OAAO,aAAa;AACpB,SAAS,cAAc;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACb,IAAI,OAAQ,sBAAuB;AAEnC,SAAS,eAAe;AACvB,QAAM,CAAE,KAAM,IAAI,eAAgB,IAAI,QAAW,QAAQ;AAAA,IACxD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,IAAI,QAAW,OAAO;AAAA,IAC1E,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,WAAW,2BAA4B,WAAY;AAEzD,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,QAAS;AAAA,QACrB,aAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,SAAI,WAAU,kCACd,+BAAC,UAAO,SAAU,GACjB;AAAA,0BAAC,WAAQ;AAAA,MACT;AAAA,QAAC;AAAA;AAAA,UACA,gBAAiB;AAAA,UACjB,OAAQ;AAAA,UACR,UAAW;AAAA,UACX;AAAA;AAAA,MACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/screen-css.js

@@ -1,54 +1,62 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { ExternalLink } from '@wordpress/components';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { useDispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
-import ScreenHeader from './header';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useGlobalStyle,
-  AdvancedPanel: StylesAdvancedPanel
-} = unlock(blockEditorPrivateApis);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { ExternalLink } from "@wordpress/components";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { useDispatch } from "@wordpress/data";
+import { unlock } from "../../lock-unlock";
+import { store as editSiteStore } from "../../store";
+import ScreenHeader from "./header";
+const { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(
+  blockEditorPrivateApis
+);
 function ScreenCSS() {
-  const [style] = useGlobalStyle('', undefined, 'user', {
+  const [style] = useGlobalStyle("", void 0, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle('', undefined, 'all', {
+  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
     shouldDecodeEncode: false
   });
-  const {
-    setEditorCanvasContainerView
-  } = unlock(useDispatch(editSiteStore));
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: __('Additional CSS'),
-      description: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [__('You can add custom CSS to further customize the appearance and layout of your site.'), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(ExternalLink, {
-          href: __('https://developer.wordpress.org/advanced-administration/wordpress/css/'),
-          className: "edit-site-global-styles-screen-css-help-link",
-          children: __('Learn more about CSS')
-        })]
-      }),
-      onBack: () => {
-        setEditorCanvasContainerView(undefined);
+  const { setEditorCanvasContainerView } = unlock(
+    useDispatch(editSiteStore)
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: __("Additional CSS"),
+        description: /* @__PURE__ */ jsxs(Fragment, { children: [
+          __(
+            "You can add custom CSS to further customize the appearance and layout of your site."
+          ),
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx(
+            ExternalLink,
+            {
+              href: __(
+                "https://developer.wordpress.org/advanced-administration/wordpress/css/"
+              ),
+              className: "edit-site-global-styles-screen-css-help-link",
+              children: __("Learn more about CSS")
+            }
+          )
+        ] }),
+        onBack: () => {
+          setEditorCanvasContainerView(void 0);
+        }
       }
-    }), /*#__PURE__*/_jsx("div", {
-      className: "edit-site-global-styles-screen-css",
-      children: /*#__PURE__*/_jsx(StylesAdvancedPanel, {
+    ),
+    /* @__PURE__ */ jsx("div", { className: "edit-site-global-styles-screen-css", children: /* @__PURE__ */ jsx(
+      StylesAdvancedPanel,
+      {
         value: style,
         onChange: setStyle,
         inheritedValue: inheritedStyle
-      })
-    })]
-  });
+      }
+    ) })
+  ] });
 }
-export default ScreenCSS;
-//# sourceMappingURL=screen-css.js.map
+var screen_css_default = ScreenCSS;
+export {
+  screen_css_default as default
+};
+//# sourceMappingURL=screen-css.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","ExternalLink","privateApis","blockEditorPrivateApis","useDispatch","unlock","store","editSiteStore","ScreenHeader","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useGlobalStyle","AdvancedPanel","StylesAdvancedPanel","ScreenCSS","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","setEditorCanvasContainerView","children","title","description","href","className","onBack","value","onChange","inheritedValue"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-css.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Additional CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'You can add custom CSS to further customize the appearance and layout of your site.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://developer.wordpress.org/advanced-administration/wordpress/css/'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tonBack={ () => {\n\t\t\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,WAAW,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,OAAOC,YAAY,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,MAAM;EAAEC,cAAc;EAAEC,aAAa,EAAEC;AAAoB,CAAC,GAAGZ,MAAM,CACpEF,sBACD,CAAC;AAED,SAASe,SAASA,CAAA,EAAG;EACpB,MAAM,CAAEC,KAAK,CAAE,GAAGJ,cAAc,CAAE,EAAE,EAAEK,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGR,cAAc,CAAE,EAAE,EAAEK,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EAEH,MAAM;IAAEG;EAA6B,CAAC,GAAGnB,MAAM,CAC9CD,WAAW,CAAEG,aAAc,CAC5B,CAAC;EAED,oBACCO,KAAA,CAAAF,SAAA;IAAAa,QAAA,gBACCf,IAAA,CAACF,YAAY;MACZkB,KAAK,EAAG1B,EAAE,CAAE,gBAAiB,CAAG;MAChC2B,WAAW,eACVb,KAAA,CAAAF,SAAA;QAAAa,QAAA,GACGzB,EAAE,CACH,qFACD,CAAC,eACDU,IAAA,SAAK,CAAC,eACNA,IAAA,CAACT,YAAY;UACZ2B,IAAI,EAAG5B,EAAE,CACR,wEACD,CAAG;UACH6B,SAAS,EAAC,8CAA8C;UAAAJ,QAAA,EAEtDzB,EAAE,CAAE,sBAAuB;QAAC,CACjB,CAAC;MAAA,CACd,CACF;MACD8B,MAAM,EAAGA,CAAA,KAAM;QACdN,4BAA4B,CAAEJ,SAAU,CAAC;MAC1C;IAAG,CACH,CAAC,eACFV,IAAA;MAAKmB,SAAS,EAAC,oCAAoC;MAAAJ,QAAA,eAClDf,IAAA,CAACO,mBAAmB;QACnBc,KAAK,EAAGZ,KAAO;QACfa,QAAQ,EAAGT,QAAU;QACrBU,cAAc,EAAGX;MAAgB,CACjC;IAAC,CACE,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,eAAeJ,SAAS","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-css.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Additional CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'You can add custom CSS to further customize the appearance and layout of your site.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://developer.wordpress.org/advanced-administration/wordpress/css/'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tonBack={ () => {\n\t\t\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],
+  "mappings": "AAoCK,mBAIC,KAJD;AAjCL,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,eAAe,8BAA8B;AACtD,SAAS,mBAAmB;AAK5B,SAAS,cAAc;AACvB,SAAS,SAAS,qBAAqB;AACvC,OAAO,kBAAkB;AAEzB,MAAM,EAAE,gBAAgB,eAAe,oBAAoB,IAAI;AAAA,EAC9D;AACD;AAEA,SAAS,YAAY;AACpB,QAAM,CAAE,KAAM,IAAI,eAAgB,IAAI,QAAW,QAAQ;AAAA,IACxD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,IAAI,QAAW,OAAO;AAAA,IAC1E,oBAAoB;AAAA,EACrB,CAAE;AAEF,QAAM,EAAE,6BAA6B,IAAI;AAAA,IACxC,YAAa,aAAc;AAAA,EAC5B;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,gBAAiB;AAAA,QAC7B,aACC,iCACG;AAAA;AAAA,YACD;AAAA,UACD;AAAA,UACA,oBAAC,QAAG;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACA,MAAO;AAAA,gBACN;AAAA,cACD;AAAA,cACA,WAAU;AAAA,cAER,aAAI,sBAAuB;AAAA;AAAA,UAC9B;AAAA,WACD;AAAA,QAED,QAAS,MAAM;AACd,uCAA8B,MAAU;AAAA,QACzC;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,SAAI,WAAU,sCACd;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ;AAAA,QACR,UAAW;AAAA,QACX,gBAAiB;AAAA;AAAA,IAClB,GACD;AAAA,KACD;AAEF;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/screen-layout.js

@@ -1,30 +1,21 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import DimensionsPanel from './dimensions-panel';
-import ScreenHeader from './header';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useHasDimensionsPanel,
-  useGlobalSetting,
-  useSettingsForBlockElement
-} = unlock(blockEditorPrivateApis);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import DimensionsPanel from "./dimensions-panel";
+import ScreenHeader from "./header";
+import { unlock } from "../../lock-unlock";
+const { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } = unlock(blockEditorPrivateApis);
 function ScreenLayout() {
-  const [rawSettings] = useGlobalSetting('');
+  const [rawSettings] = useGlobalSetting("");
   const settings = useSettingsForBlockElement(rawSettings);
   const hasDimensionsPanel = useHasDimensionsPanel(settings);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: __('Layout')
-    }), hasDimensionsPanel && /*#__PURE__*/_jsx(DimensionsPanel, {})]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ScreenHeader, { title: __("Layout") }),
+    hasDimensionsPanel && /* @__PURE__ */ jsx(DimensionsPanel, {})
+  ] });
 }
-export default ScreenLayout;
-//# sourceMappingURL=screen-layout.js.map
+var screen_layout_default = ScreenLayout;
+export {
+  screen_layout_default as default
+};
+//# sourceMappingURL=screen-layout.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","privateApis","blockEditorPrivateApis","DimensionsPanel","ScreenHeader","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useHasDimensionsPanel","useGlobalSetting","useSettingsForBlockElement","ScreenLayout","rawSettings","settings","hasDimensionsPanel","children","title"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-layout.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DimensionsPanel from './dimensions-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } =\n\tunlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC,qBAAqB;EAAEC,gBAAgB;EAAEC;AAA2B,CAAC,GAC5ET,MAAM,CAAEH,sBAAuB,CAAC;AAEjC,SAASa,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,WAAW,CAAE,GAAGH,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMI,QAAQ,GAAGH,0BAA0B,CAAEE,WAAY,CAAC;EAC1D,MAAME,kBAAkB,GAAGN,qBAAqB,CAAEK,QAAS,CAAC;EAE5D,oBACCN,KAAA,CAAAF,SAAA;IAAAU,QAAA,gBACCZ,IAAA,CAACH,YAAY;MAACgB,KAAK,EAAGpB,EAAE,CAAE,QAAS;IAAG,CAAE,CAAC,EACvCkB,kBAAkB,iBAAIX,IAAA,CAACJ,eAAe,IAAE,CAAC;EAAA,CAC1C,CAAC;AAEL;AAEA,eAAeY,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-layout.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DimensionsPanel from './dimensions-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } =\n\tunlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],
+  "mappings": "AAsBE,mBACC,KADD;AAnBF,SAAS,UAAU;AACnB,SAAS,eAAe,8BAA8B;AAKtD,OAAO,qBAAqB;AAC5B,OAAO,kBAAkB;AACzB,SAAS,cAAc;AAEvB,MAAM,EAAE,uBAAuB,kBAAkB,2BAA2B,IAC3E,OAAQ,sBAAuB;AAEhC,SAAS,eAAe;AACvB,QAAM,CAAE,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,WAAW,2BAA4B,WAAY;AACzD,QAAM,qBAAqB,sBAAuB,QAAS;AAE3D,SACC,iCACC;AAAA,wBAAC,gBAAa,OAAQ,GAAI,QAAS,GAAI;AAAA,IACrC,sBAAsB,oBAAC,mBAAgB;AAAA,KAC1C;AAEF;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/screen-revisions/index.js

@@ -1,49 +1,41 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { __experimentalConfirmDialog as ConfirmDialog, Spinner } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useContext, useState, useEffect } from '@wordpress/element';
-import { privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import ScreenHeader from '../header';
-import { unlock } from '../../../lock-unlock';
-import Revisions from '../../revisions';
-import { store as editSiteStore } from '../../../store';
-import useGlobalStylesRevisions from './use-global-styles-revisions';
-import RevisionsButtons from './revisions-buttons';
-import StyleBook from '../../style-book';
-import Pagination from '../../pagination';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  GlobalStylesContext,
-  areGlobalStyleConfigsEqual
-} = unlock(blockEditorPrivateApis);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __, sprintf } from "@wordpress/i18n";
+import {
+  __experimentalConfirmDialog as ConfirmDialog,
+  Spinner
+} from "@wordpress/components";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { useContext, useState, useEffect } from "@wordpress/element";
+import {
+  privateApis as blockEditorPrivateApis,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import ScreenHeader from "../header";
+import { unlock } from "../../../lock-unlock";
+import Revisions from "../../revisions";
+import { store as editSiteStore } from "../../../store";
+import useGlobalStylesRevisions from "./use-global-styles-revisions";
+import RevisionsButtons from "./revisions-buttons";
+import StyleBook from "../../style-book";
+import Pagination from "../../pagination";
+const { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(
+  blockEditorPrivateApis
+);
 const PAGE_SIZE = 10;
 function ScreenRevisions() {
-  const {
-    user: currentEditorGlobalStyles,
-    setUserConfig
-  } = useContext(GlobalStylesContext);
-  const {
-    blocks,
-    editorCanvasContainerView
-  } = useSelect(select => ({
-    editorCanvasContainerView: unlock(select(editSiteStore)).getEditorCanvasContainerView(),
-    blocks: select(blockEditorStore).getBlocks()
-  }), []);
+  const { user: currentEditorGlobalStyles, setUserConfig } = useContext(GlobalStylesContext);
+  const { blocks, editorCanvasContainerView } = useSelect(
+    (select) => ({
+      editorCanvasContainerView: unlock(
+        select(editSiteStore)
+      ).getEditorCanvasContainerView(),
+      blocks: select(blockEditorStore).getBlocks()
+    }),
+    []
+  );
   const [currentPage, setCurrentPage] = useState(1);
   const [currentRevisions, setCurrentRevisions] = useState([]);
-  const {
-    revisions,
-    isLoading,
-    hasUnsavedChanges,
-    revisionsCount
-  } = useGlobalStylesRevisions({
+  const { revisions, isLoading, hasUnsavedChanges, revisionsCount } = useGlobalStylesRevisions({
     query: {
       per_page: PAGE_SIZE,
       page: currentPage
@@ -51,19 +43,22 @@ function ScreenRevisions() {
   });
   const numPages = Math.ceil(revisionsCount / PAGE_SIZE);
   const [currentlySelectedRevision, setCurrentlySelectedRevision] = useState(currentEditorGlobalStyles);
-  const [isLoadingRevisionWithUnsavedChanges, setIsLoadingRevisionWithUnsavedChanges] = useState(false);
-  const {
-    setEditorCanvasContainerView
-  } = unlock(useDispatch(editSiteStore));
-  const selectedRevisionMatchesEditorStyles = areGlobalStyleConfigsEqual(currentlySelectedRevision, currentEditorGlobalStyles);
-
-  // The actual code that triggers the revisions screen to navigate back
-  // to the home screen in in `packages/edit-site/src/components/global-styles/ui.js`.
+  const [
+    isLoadingRevisionWithUnsavedChanges,
+    setIsLoadingRevisionWithUnsavedChanges
+  ] = useState(false);
+  const { setEditorCanvasContainerView } = unlock(
+    useDispatch(editSiteStore)
+  );
+  const selectedRevisionMatchesEditorStyles = areGlobalStyleConfigsEqual(
+    currentlySelectedRevision,
+    currentEditorGlobalStyles
+  );
   const onCloseRevisions = () => {
-    const canvasContainerView = editorCanvasContainerView === 'global-styles-revisions:style-book' ? 'style-book' : undefined;
+    const canvasContainerView = editorCanvasContainerView === "global-styles-revisions:style-book" ? "style-book" : void 0;
     setEditorCanvasContainerView(canvasContainerView);
   };
-  const restoreRevision = revision => {
+  const restoreRevision = (revision) => {
     setUserConfig(() => revision);
     setIsLoadingRevisionWithUnsavedChanges(false);
     onCloseRevisions();
@@ -77,67 +72,84 @@ function ScreenRevisions() {
   const currentlySelectedRevisionId = currentlySelectedRevision?.id;
   const shouldSelectFirstItem = !!firstRevision?.id && !selectedRevisionMatchesEditorStyles && !currentlySelectedRevisionId;
   useEffect(() => {
-    /*
-     * Ensure that the first item is selected and loaded into the preview pane
-     * when no revision is selected and the selected styles don't match the current editor styles.
-     * This is required in case editor styles are changed outside the revisions panel,
-     * e.g., via the reset styles function of useGlobalStylesReset().
-     * See: https://github.com/WordPress/gutenberg/issues/55866
-     */
     if (shouldSelectFirstItem) {
       setCurrentlySelectedRevision(firstRevision);
     }
   }, [shouldSelectFirstItem, firstRevision]);
-
-  // Only display load button if there is a revision to load,
-  // and it is different from the current editor styles.
-  const isLoadButtonEnabled = !!currentlySelectedRevisionId && currentlySelectedRevisionId !== 'unsaved' && !selectedRevisionMatchesEditorStyles;
+  const isLoadButtonEnabled = !!currentlySelectedRevisionId && currentlySelectedRevisionId !== "unsaved" && !selectedRevisionMatchesEditorStyles;
   const hasRevisions = !!currentRevisions.length;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: revisionsCount &&
-      // translators: %s: number of revisions.
-      sprintf(__('Revisions (%s)'), revisionsCount),
-      description: __('Click on previously saved styles to preview them. To restore a selected version to the editor, hit "Apply." When you\'re ready, use the Save button to save your changes.'),
-      onBack: onCloseRevisions
-    }), !hasRevisions && /*#__PURE__*/_jsx(Spinner, {
-      className: "edit-site-global-styles-screen-revisions__loading"
-    }), hasRevisions && (editorCanvasContainerView === 'global-styles-revisions:style-book' ? /*#__PURE__*/_jsx(StyleBook, {
-      userConfig: currentlySelectedRevision,
-      isSelected: () => {},
-      onClose: () => {
-        setEditorCanvasContainerView('global-styles-revisions');
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: revisionsCount && // translators: %s: number of revisions.
+        sprintf(__("Revisions (%s)"), revisionsCount),
+        description: __(
+          `Click on previously saved styles to preview them. To restore a selected version to the editor, hit "Apply." When you're ready, use the Save button to save your changes.`
+        ),
+        onBack: onCloseRevisions
       }
-    }) : /*#__PURE__*/_jsx(Revisions, {
-      blocks: blocks,
-      userConfig: currentlySelectedRevision,
-      closeButtonLabel: __('Close revisions')
-    })), /*#__PURE__*/_jsx(RevisionsButtons, {
-      onChange: setCurrentlySelectedRevision,
-      selectedRevisionId: currentlySelectedRevisionId,
-      userRevisions: currentRevisions,
-      canApplyRevision: isLoadButtonEnabled,
-      onApplyRevision: () => hasUnsavedChanges ? setIsLoadingRevisionWithUnsavedChanges(true) : restoreRevision(currentlySelectedRevision)
-    }), numPages > 1 && /*#__PURE__*/_jsx("div", {
-      className: "edit-site-global-styles-screen-revisions__footer",
-      children: /*#__PURE__*/_jsx(Pagination, {
+    ),
+    !hasRevisions && /* @__PURE__ */ jsx(Spinner, { className: "edit-site-global-styles-screen-revisions__loading" }),
+    hasRevisions && (editorCanvasContainerView === "global-styles-revisions:style-book" ? /* @__PURE__ */ jsx(
+      StyleBook,
+      {
+        userConfig: currentlySelectedRevision,
+        isSelected: () => {
+        },
+        onClose: () => {
+          setEditorCanvasContainerView(
+            "global-styles-revisions"
+          );
+        }
+      }
+    ) : /* @__PURE__ */ jsx(
+      Revisions,
+      {
+        blocks,
+        userConfig: currentlySelectedRevision,
+        closeButtonLabel: __("Close revisions")
+      }
+    )),
+    /* @__PURE__ */ jsx(
+      RevisionsButtons,
+      {
+        onChange: setCurrentlySelectedRevision,
+        selectedRevisionId: currentlySelectedRevisionId,
+        userRevisions: currentRevisions,
+        canApplyRevision: isLoadButtonEnabled,
+        onApplyRevision: () => hasUnsavedChanges ? setIsLoadingRevisionWithUnsavedChanges(true) : restoreRevision(currentlySelectedRevision)
+      }
+    ),
+    numPages > 1 && /* @__PURE__ */ jsx("div", { className: "edit-site-global-styles-screen-revisions__footer", children: /* @__PURE__ */ jsx(
+      Pagination,
+      {
         className: "edit-site-global-styles-screen-revisions__pagination",
-        currentPage: currentPage,
-        numPages: numPages,
+        currentPage,
+        numPages,
         changePage: setCurrentPage,
         totalItems: revisionsCount,
         disabled: isLoading,
-        label: __('Global Styles pagination')
-      })
-    }), isLoadingRevisionWithUnsavedChanges && /*#__PURE__*/_jsx(ConfirmDialog, {
-      isOpen: isLoadingRevisionWithUnsavedChanges,
-      confirmButtonText: __('Apply'),
-      onConfirm: () => restoreRevision(currentlySelectedRevision),
-      onCancel: () => setIsLoadingRevisionWithUnsavedChanges(false),
-      size: "medium",
-      children: __('Are you sure you want to apply this revision? Any unsaved changes will be lost.')
-    })]
-  });
+        label: __("Global Styles pagination")
+      }
+    ) }),
+    isLoadingRevisionWithUnsavedChanges && /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        isOpen: isLoadingRevisionWithUnsavedChanges,
+        confirmButtonText: __("Apply"),
+        onConfirm: () => restoreRevision(currentlySelectedRevision),
+        onCancel: () => setIsLoadingRevisionWithUnsavedChanges(false),
+        size: "medium",
+        children: __(
+          "Are you sure you want to apply this revision? Any unsaved changes will be lost."
+        )
+      }
+    )
+  ] });
 }
-export default ScreenRevisions;
-//# sourceMappingURL=index.js.map
+var screen_revisions_default = ScreenRevisions;
+export {
+  screen_revisions_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/global-styles/screen-revisions/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","sprintf","__experimentalConfirmDialog","ConfirmDialog","Spinner","useSelect","useDispatch","useContext","useState","useEffect","privateApis","blockEditorPrivateApis","store","blockEditorStore","ScreenHeader","unlock","Revisions","editSiteStore","useGlobalStylesRevisions","RevisionsButtons","StyleBook","Pagination","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","GlobalStylesContext","areGlobalStyleConfigsEqual","PAGE_SIZE","ScreenRevisions","user","currentEditorGlobalStyles","setUserConfig","blocks","editorCanvasContainerView","select","getEditorCanvasContainerView","getBlocks","currentPage","setCurrentPage","currentRevisions","setCurrentRevisions","revisions","isLoading","hasUnsavedChanges","revisionsCount","query","per_page","page","numPages","Math","ceil","currentlySelectedRevision","setCurrentlySelectedRevision","isLoadingRevisionWithUnsavedChanges","setIsLoadingRevisionWithUnsavedChanges","setEditorCanvasContainerView","selectedRevisionMatchesEditorStyles","onCloseRevisions","canvasContainerView","undefined","restoreRevision","revision","length","firstRevision","currentlySelectedRevisionId","id","shouldSelectFirstItem","isLoadButtonEnabled","hasRevisions","children","title","description","onBack","className","userConfig","isSelected","onClose","closeButtonLabel","onChange","selectedRevisionId","userRevisions","canApplyRevision","onApplyRevision","changePage","totalItems","disabled","label","isOpen","confirmButtonText","onConfirm","onCancel","size"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tSpinner,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext, useState, useEffect } from '@wordpress/element';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from '../header';\nimport { unlock } from '../../../lock-unlock';\nimport Revisions from '../../revisions';\nimport { store as editSiteStore } from '../../../store';\nimport useGlobalStylesRevisions from './use-global-styles-revisions';\nimport RevisionsButtons from './revisions-buttons';\nimport StyleBook from '../../style-book';\nimport Pagination from '../../pagination';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst PAGE_SIZE = 10;\n\nfunction ScreenRevisions() {\n\tconst { user: currentEditorGlobalStyles, setUserConfig } =\n\t\tuseContext( GlobalStylesContext );\n\tconst { blocks, editorCanvasContainerView } = useSelect(\n\t\t( select ) => ( {\n\t\t\teditorCanvasContainerView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tblocks: select( blockEditorStore ).getBlocks(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst [ currentPage, setCurrentPage ] = useState( 1 );\n\tconst [ currentRevisions, setCurrentRevisions ] = useState( [] );\n\tconst { revisions, isLoading, hasUnsavedChanges, revisionsCount } =\n\t\tuseGlobalStylesRevisions( {\n\t\t\tquery: {\n\t\t\t\tper_page: PAGE_SIZE,\n\t\t\t\tpage: currentPage,\n\t\t\t},\n\t\t} );\n\n\tconst numPages = Math.ceil( revisionsCount / PAGE_SIZE );\n\n\tconst [ currentlySelectedRevision, setCurrentlySelectedRevision ] =\n\t\tuseState( currentEditorGlobalStyles );\n\tconst [\n\t\tisLoadingRevisionWithUnsavedChanges,\n\t\tsetIsLoadingRevisionWithUnsavedChanges,\n\t] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst selectedRevisionMatchesEditorStyles = areGlobalStyleConfigsEqual(\n\t\tcurrentlySelectedRevision,\n\t\tcurrentEditorGlobalStyles\n\t);\n\n\t// The actual code that triggers the revisions screen to navigate back\n\t// to the home screen in in `packages/edit-site/src/components/global-styles/ui.js`.\n\tconst onCloseRevisions = () => {\n\t\tconst canvasContainerView =\n\t\t\teditorCanvasContainerView === 'global-styles-revisions:style-book'\n\t\t\t\t? 'style-book'\n\t\t\t\t: undefined;\n\t\tsetEditorCanvasContainerView( canvasContainerView );\n\t};\n\n\tconst restoreRevision = ( revision ) => {\n\t\tsetUserConfig( () => revision );\n\t\tsetIsLoadingRevisionWithUnsavedChanges( false );\n\t\tonCloseRevisions();\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! isLoading && revisions.length ) {\n\t\t\tsetCurrentRevisions( revisions );\n\t\t}\n\t}, [ revisions, isLoading ] );\n\n\tconst firstRevision = revisions[ 0 ];\n\tconst currentlySelectedRevisionId = currentlySelectedRevision?.id;\n\tconst shouldSelectFirstItem =\n\t\t!! firstRevision?.id &&\n\t\t! selectedRevisionMatchesEditorStyles &&\n\t\t! currentlySelectedRevisionId;\n\n\tuseEffect( () => {\n\t\t/*\n\t\t * Ensure that the first item is selected and loaded into the preview pane\n\t\t * when no revision is selected and the selected styles don't match the current editor styles.\n\t\t * This is required in case editor styles are changed outside the revisions panel,\n\t\t * e.g., via the reset styles function of useGlobalStylesReset().\n\t\t * See: https://github.com/WordPress/gutenberg/issues/55866\n\t\t */\n\t\tif ( shouldSelectFirstItem ) {\n\t\t\tsetCurrentlySelectedRevision( firstRevision );\n\t\t}\n\t}, [ shouldSelectFirstItem, firstRevision ] );\n\n\t// Only display load button if there is a revision to load,\n\t// and it is different from the current editor styles.\n\tconst isLoadButtonEnabled =\n\t\t!! currentlySelectedRevisionId &&\n\t\tcurrentlySelectedRevisionId !== 'unsaved' &&\n\t\t! selectedRevisionMatchesEditorStyles;\n\tconst hasRevisions = !! currentRevisions.length;\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={\n\t\t\t\t\trevisionsCount &&\n\t\t\t\t\t// translators: %s: number of revisions.\n\t\t\t\t\tsprintf( __( 'Revisions (%s)' ), revisionsCount )\n\t\t\t\t}\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Click on previously saved styles to preview them. To restore a selected version to the editor, hit \"Apply.\" When you\\'re ready, use the Save button to save your changes.'\n\t\t\t\t) }\n\t\t\t\tonBack={ onCloseRevisions }\n\t\t\t/>\n\t\t\t{ ! hasRevisions && (\n\t\t\t\t<Spinner className=\"edit-site-global-styles-screen-revisions__loading\" />\n\t\t\t) }\n\t\t\t{ hasRevisions &&\n\t\t\t\t( editorCanvasContainerView ===\n\t\t\t\t'global-styles-revisions:style-book' ? (\n\t\t\t\t\t<StyleBook\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tisSelected={ () => {} }\n\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t'global-styles-revisions'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Revisions\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tcloseButtonLabel={ __( 'Close revisions' ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t<RevisionsButtons\n\t\t\t\tonChange={ setCurrentlySelectedRevision }\n\t\t\t\tselectedRevisionId={ currentlySelectedRevisionId }\n\t\t\t\tuserRevisions={ currentRevisions }\n\t\t\t\tcanApplyRevision={ isLoadButtonEnabled }\n\t\t\t\tonApplyRevision={ () =>\n\t\t\t\t\thasUnsavedChanges\n\t\t\t\t\t\t? setIsLoadingRevisionWithUnsavedChanges( true )\n\t\t\t\t\t\t: restoreRevision( currentlySelectedRevision )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ numPages > 1 && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-revisions__footer\">\n\t\t\t\t\t<Pagination\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__pagination\"\n\t\t\t\t\t\tcurrentPage={ currentPage }\n\t\t\t\t\t\tnumPages={ numPages }\n\t\t\t\t\t\tchangePage={ setCurrentPage }\n\t\t\t\t\t\ttotalItems={ revisionsCount }\n\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\tlabel={ __( 'Global Styles pagination' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ isLoadingRevisionWithUnsavedChanges && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ isLoadingRevisionWithUnsavedChanges }\n\t\t\t\t\tconfirmButtonText={ __( 'Apply' ) }\n\t\t\t\t\tonConfirm={ () =>\n\t\t\t\t\t\trestoreRevision( currentlySelectedRevision )\n\t\t\t\t\t}\n\t\t\t\t\tonCancel={ () =>\n\t\t\t\t\t\tsetIsLoadingRevisionWithUnsavedChanges( false )\n\t\t\t\t\t}\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Are you sure you want to apply this revision? Any unsaved changes will be lost.'\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenRevisions;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/screen-revisions/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tSpinner,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext, useState, useEffect } from '@wordpress/element';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from '../header';\nimport { unlock } from '../../../lock-unlock';\nimport Revisions from '../../revisions';\nimport { store as editSiteStore } from '../../../store';\nimport useGlobalStylesRevisions from './use-global-styles-revisions';\nimport RevisionsButtons from './revisions-buttons';\nimport StyleBook from '../../style-book';\nimport Pagination from '../../pagination';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst PAGE_SIZE = 10;\n\nfunction ScreenRevisions() {\n\tconst { user: currentEditorGlobalStyles, setUserConfig } =\n\t\tuseContext( GlobalStylesContext );\n\tconst { blocks, editorCanvasContainerView } = useSelect(\n\t\t( select ) => ( {\n\t\t\teditorCanvasContainerView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tblocks: select( blockEditorStore ).getBlocks(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst [ currentPage, setCurrentPage ] = useState( 1 );\n\tconst [ currentRevisions, setCurrentRevisions ] = useState( [] );\n\tconst { revisions, isLoading, hasUnsavedChanges, revisionsCount } =\n\t\tuseGlobalStylesRevisions( {\n\t\t\tquery: {\n\t\t\t\tper_page: PAGE_SIZE,\n\t\t\t\tpage: currentPage,\n\t\t\t},\n\t\t} );\n\n\tconst numPages = Math.ceil( revisionsCount / PAGE_SIZE );\n\n\tconst [ currentlySelectedRevision, setCurrentlySelectedRevision ] =\n\t\tuseState( currentEditorGlobalStyles );\n\tconst [\n\t\tisLoadingRevisionWithUnsavedChanges,\n\t\tsetIsLoadingRevisionWithUnsavedChanges,\n\t] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst selectedRevisionMatchesEditorStyles = areGlobalStyleConfigsEqual(\n\t\tcurrentlySelectedRevision,\n\t\tcurrentEditorGlobalStyles\n\t);\n\n\t// The actual code that triggers the revisions screen to navigate back\n\t// to the home screen in in `packages/edit-site/src/components/global-styles/ui.js`.\n\tconst onCloseRevisions = () => {\n\t\tconst canvasContainerView =\n\t\t\teditorCanvasContainerView === 'global-styles-revisions:style-book'\n\t\t\t\t? 'style-book'\n\t\t\t\t: undefined;\n\t\tsetEditorCanvasContainerView( canvasContainerView );\n\t};\n\n\tconst restoreRevision = ( revision ) => {\n\t\tsetUserConfig( () => revision );\n\t\tsetIsLoadingRevisionWithUnsavedChanges( false );\n\t\tonCloseRevisions();\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! isLoading && revisions.length ) {\n\t\t\tsetCurrentRevisions( revisions );\n\t\t}\n\t}, [ revisions, isLoading ] );\n\n\tconst firstRevision = revisions[ 0 ];\n\tconst currentlySelectedRevisionId = currentlySelectedRevision?.id;\n\tconst shouldSelectFirstItem =\n\t\t!! firstRevision?.id &&\n\t\t! selectedRevisionMatchesEditorStyles &&\n\t\t! currentlySelectedRevisionId;\n\n\tuseEffect( () => {\n\t\t/*\n\t\t * Ensure that the first item is selected and loaded into the preview pane\n\t\t * when no revision is selected and the selected styles don't match the current editor styles.\n\t\t * This is required in case editor styles are changed outside the revisions panel,\n\t\t * e.g., via the reset styles function of useGlobalStylesReset().\n\t\t * See: https://github.com/WordPress/gutenberg/issues/55866\n\t\t */\n\t\tif ( shouldSelectFirstItem ) {\n\t\t\tsetCurrentlySelectedRevision( firstRevision );\n\t\t}\n\t}, [ shouldSelectFirstItem, firstRevision ] );\n\n\t// Only display load button if there is a revision to load,\n\t// and it is different from the current editor styles.\n\tconst isLoadButtonEnabled =\n\t\t!! currentlySelectedRevisionId &&\n\t\tcurrentlySelectedRevisionId !== 'unsaved' &&\n\t\t! selectedRevisionMatchesEditorStyles;\n\tconst hasRevisions = !! currentRevisions.length;\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={\n\t\t\t\t\trevisionsCount &&\n\t\t\t\t\t// translators: %s: number of revisions.\n\t\t\t\t\tsprintf( __( 'Revisions (%s)' ), revisionsCount )\n\t\t\t\t}\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Click on previously saved styles to preview them. To restore a selected version to the editor, hit \"Apply.\" When you\\'re ready, use the Save button to save your changes.'\n\t\t\t\t) }\n\t\t\t\tonBack={ onCloseRevisions }\n\t\t\t/>\n\t\t\t{ ! hasRevisions && (\n\t\t\t\t<Spinner className=\"edit-site-global-styles-screen-revisions__loading\" />\n\t\t\t) }\n\t\t\t{ hasRevisions &&\n\t\t\t\t( editorCanvasContainerView ===\n\t\t\t\t'global-styles-revisions:style-book' ? (\n\t\t\t\t\t<StyleBook\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tisSelected={ () => {} }\n\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t'global-styles-revisions'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Revisions\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tcloseButtonLabel={ __( 'Close revisions' ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t<RevisionsButtons\n\t\t\t\tonChange={ setCurrentlySelectedRevision }\n\t\t\t\tselectedRevisionId={ currentlySelectedRevisionId }\n\t\t\t\tuserRevisions={ currentRevisions }\n\t\t\t\tcanApplyRevision={ isLoadButtonEnabled }\n\t\t\t\tonApplyRevision={ () =>\n\t\t\t\t\thasUnsavedChanges\n\t\t\t\t\t\t? setIsLoadingRevisionWithUnsavedChanges( true )\n\t\t\t\t\t\t: restoreRevision( currentlySelectedRevision )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ numPages > 1 && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-revisions__footer\">\n\t\t\t\t\t<Pagination\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__pagination\"\n\t\t\t\t\t\tcurrentPage={ currentPage }\n\t\t\t\t\t\tnumPages={ numPages }\n\t\t\t\t\t\tchangePage={ setCurrentPage }\n\t\t\t\t\t\ttotalItems={ revisionsCount }\n\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\tlabel={ __( 'Global Styles pagination' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ isLoadingRevisionWithUnsavedChanges && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ isLoadingRevisionWithUnsavedChanges }\n\t\t\t\t\tconfirmButtonText={ __( 'Apply' ) }\n\t\t\t\t\tonConfirm={ () =>\n\t\t\t\t\t\trestoreRevision( currentlySelectedRevision )\n\t\t\t\t\t}\n\t\t\t\t\tonCancel={ () =>\n\t\t\t\t\t\tsetIsLoadingRevisionWithUnsavedChanges( false )\n\t\t\t\t\t}\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Are you sure you want to apply this revision? Any unsaved changes will be lost.'\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenRevisions;\n"],
+  "mappings": "AA0HE,mBACC,KADD;AAvHF,SAAS,IAAI,eAAe;AAC5B;AAAA,EACC,+BAA+B;AAAA,EAC/B;AAAA,OACM;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,YAAY,UAAU,iBAAiB;AAChD;AAAA,EACC,eAAe;AAAA,EACf,SAAS;AAAA,OACH;AAKP,OAAO,kBAAkB;AACzB,SAAS,cAAc;AACvB,OAAO,eAAe;AACtB,SAAS,SAAS,qBAAqB;AACvC,OAAO,8BAA8B;AACrC,OAAO,sBAAsB;AAC7B,OAAO,eAAe;AACtB,OAAO,gBAAgB;AAEvB,MAAM,EAAE,qBAAqB,2BAA2B,IAAI;AAAA,EAC3D;AACD;AAEA,MAAM,YAAY;AAElB,SAAS,kBAAkB;AAC1B,QAAM,EAAE,MAAM,2BAA2B,cAAc,IACtD,WAAY,mBAAoB;AACjC,QAAM,EAAE,QAAQ,0BAA0B,IAAI;AAAA,IAC7C,CAAE,YAAc;AAAA,MACf,2BAA2B;AAAA,QAC1B,OAAQ,aAAc;AAAA,MACvB,EAAE,6BAA6B;AAAA,MAC/B,QAAQ,OAAQ,gBAAiB,EAAE,UAAU;AAAA,IAC9C;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,CAAE,aAAa,cAAe,IAAI,SAAU,CAAE;AACpD,QAAM,CAAE,kBAAkB,mBAAoB,IAAI,SAAU,CAAC,CAAE;AAC/D,QAAM,EAAE,WAAW,WAAW,mBAAmB,eAAe,IAC/D,yBAA0B;AAAA,IACzB,OAAO;AAAA,MACN,UAAU;AAAA,MACV,MAAM;AAAA,IACP;AAAA,EACD,CAAE;AAEH,QAAM,WAAW,KAAK,KAAM,iBAAiB,SAAU;AAEvD,QAAM,CAAE,2BAA2B,4BAA6B,IAC/D,SAAU,yBAA0B;AACrC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,EACD,IAAI,SAAU,KAAM;AACpB,QAAM,EAAE,6BAA6B,IAAI;AAAA,IACxC,YAAa,aAAc;AAAA,EAC5B;AACA,QAAM,sCAAsC;AAAA,IAC3C;AAAA,IACA;AAAA,EACD;AAIA,QAAM,mBAAmB,MAAM;AAC9B,UAAM,sBACL,8BAA8B,uCAC3B,eACA;AACJ,iCAA8B,mBAAoB;AAAA,EACnD;AAEA,QAAM,kBAAkB,CAAE,aAAc;AACvC,kBAAe,MAAM,QAAS;AAC9B,2CAAwC,KAAM;AAC9C,qBAAiB;AAAA,EAClB;AAEA,YAAW,MAAM;AAChB,QAAK,CAAE,aAAa,UAAU,QAAS;AACtC,0BAAqB,SAAU;AAAA,IAChC;AAAA,EACD,GAAG,CAAE,WAAW,SAAU,CAAE;AAE5B,QAAM,gBAAgB,UAAW,CAAE;AACnC,QAAM,8BAA8B,2BAA2B;AAC/D,QAAM,wBACL,CAAC,CAAE,eAAe,MAClB,CAAE,uCACF,CAAE;AAEH,YAAW,MAAM;AAQhB,QAAK,uBAAwB;AAC5B,mCAA8B,aAAc;AAAA,IAC7C;AAAA,EACD,GAAG,CAAE,uBAAuB,aAAc,CAAE;AAI5C,QAAM,sBACL,CAAC,CAAE,+BACH,gCAAgC,aAChC,CAAE;AACH,QAAM,eAAe,CAAC,CAAE,iBAAiB;AAEzC,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OACC;AAAA,QAEA,QAAS,GAAI,gBAAiB,GAAG,cAAe;AAAA,QAEjD,aAAc;AAAA,UACb;AAAA,QACD;AAAA,QACA,QAAS;AAAA;AAAA,IACV;AAAA,IACE,CAAE,gBACH,oBAAC,WAAQ,WAAU,qDAAoD;AAAA,IAEtE,iBACC,8BACF,uCACC;AAAA,MAAC;AAAA;AAAA,QACA,YAAa;AAAA,QACb,YAAa,MAAM;AAAA,QAAC;AAAA,QACpB,SAAU,MAAM;AACf;AAAA,YACC;AAAA,UACD;AAAA,QACD;AAAA;AAAA,IACD,IAEA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,YAAa;AAAA,QACb,kBAAmB,GAAI,iBAAkB;AAAA;AAAA,IAC1C;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACA,UAAW;AAAA,QACX,oBAAqB;AAAA,QACrB,eAAgB;AAAA,QAChB,kBAAmB;AAAA,QACnB,iBAAkB,MACjB,oBACG,uCAAwC,IAAK,IAC7C,gBAAiB,yBAA0B;AAAA;AAAA,IAEhD;AAAA,IACE,WAAW,KACZ,oBAAC,SAAI,WAAU,oDACd;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,YAAa;AAAA,QACb,YAAa;AAAA,QACb,UAAW;AAAA,QACX,OAAQ,GAAI,0BAA2B;AAAA;AAAA,IACxC,GACD;AAAA,IAEC,uCACD;AAAA,MAAC;AAAA;AAAA,QACA,QAAS;AAAA,QACT,mBAAoB,GAAI,OAAQ;AAAA,QAChC,WAAY,MACX,gBAAiB,yBAA0B;AAAA,QAE5C,UAAW,MACV,uCAAwC,KAAM;AAAA,QAE/C,MAAK;AAAA,QAEH;AAAA,UACD;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;AAEA,IAAO,2BAAQ;",
+  "names": []
+}