@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/keyboard-shortcut-help-modal/shortcut.js

@@ -1,52 +1,60 @@
-/**
- * WordPress dependencies
- */
-import { Fragment } from '@wordpress/element';
-import { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-function KeyCombination({
-  keyCombination,
-  forceAriaLabel
-}) {
-  const shortcut = keyCombination.modifier ? displayShortcutList[keyCombination.modifier](keyCombination.character) : keyCombination.character;
-  const ariaLabel = keyCombination.modifier ? shortcutAriaLabel[keyCombination.modifier](keyCombination.character) : keyCombination.character;
-  return /*#__PURE__*/_jsx("kbd", {
-    className: "editor-keyboard-shortcut-help-modal__shortcut-key-combination",
-    "aria-label": forceAriaLabel || ariaLabel,
-    children: (Array.isArray(shortcut) ? shortcut : [shortcut]).map((character, index) => {
-      if (character === '+') {
-        return /*#__PURE__*/_jsx(Fragment, {
-          children: character
-        }, index);
-      }
-      return /*#__PURE__*/_jsx("kbd", {
-        className: "editor-keyboard-shortcut-help-modal__shortcut-key",
-        children: character
-      }, index);
-    })
-  });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2 } from "@wordpress/element";
+import { displayShortcutList, shortcutAriaLabel } from "@wordpress/keycodes";
+function KeyCombination({ keyCombination, forceAriaLabel }) {
+  const shortcut = keyCombination.modifier ? displayShortcutList[keyCombination.modifier](
+    keyCombination.character
+  ) : keyCombination.character;
+  const ariaLabel = keyCombination.modifier ? shortcutAriaLabel[keyCombination.modifier](
+    keyCombination.character
+  ) : keyCombination.character;
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      className: "editor-keyboard-shortcut-help-modal__shortcut-key-combination",
+      "aria-label": forceAriaLabel || ariaLabel,
+      children: (Array.isArray(shortcut) ? shortcut : [shortcut]).map(
+        (character, index) => {
+          if (character === "+") {
+            return /* @__PURE__ */ jsx(Fragment2, { children: character }, index);
+          }
+          return /* @__PURE__ */ jsx(
+            "kbd",
+            {
+              className: "editor-keyboard-shortcut-help-modal__shortcut-key",
+              children: character
+            },
+            index
+          );
+        }
+      )
+    }
+  );
 }
-function Shortcut({
-  description,
-  keyCombination,
-  aliases = [],
-  ariaLabel
-}) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "editor-keyboard-shortcut-help-modal__shortcut-description",
-      children: description
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "editor-keyboard-shortcut-help-modal__shortcut-term",
-      children: [/*#__PURE__*/_jsx(KeyCombination, {
-        keyCombination: keyCombination,
-        forceAriaLabel: ariaLabel
-      }), aliases.map((alias, index) => /*#__PURE__*/_jsx(KeyCombination, {
-        keyCombination: alias,
-        forceAriaLabel: ariaLabel
-      }, index))]
-    })]
-  });
+function Shortcut({ description, keyCombination, aliases = [], ariaLabel }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "editor-keyboard-shortcut-help-modal__shortcut-description", children: description }),
+    /* @__PURE__ */ jsxs("div", { className: "editor-keyboard-shortcut-help-modal__shortcut-term", children: [
+      /* @__PURE__ */ jsx(
+        KeyCombination,
+        {
+          keyCombination,
+          forceAriaLabel: ariaLabel
+        }
+      ),
+      aliases.map((alias, index) => /* @__PURE__ */ jsx(
+        KeyCombination,
+        {
+          keyCombination: alias,
+          forceAriaLabel: ariaLabel
+        },
+        index
+      ))
+    ] })
+  ] });
 }
-export default Shortcut;
-//# sourceMappingURL=shortcut.js.map
+var shortcut_default = Shortcut;
+export {
+  shortcut_default as default
+};
+//# sourceMappingURL=shortcut.js.map

package/build-module/components/keyboard-shortcut-help-modal/shortcut.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Fragment","displayShortcutList","shortcutAriaLabel","jsx","_jsx","jsxs","_jsxs","_Fragment","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","character","ariaLabel","className","children","Array","isArray","map","index","Shortcut","description","aliases","alias"],"sources":["@wordpress/editor/src/components/keyboard-shortcut-help-modal/shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nfunction Shortcut( { description, keyCombination, aliases = [], ariaLabel } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"editor-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Shortcut;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAN,QAAA,IAAAO,SAAA;AAE7E,SAASC,cAAcA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EAC7D,MAAMC,QAAQ,GAAGF,cAAc,CAACG,QAAQ,GACrCX,mBAAmB,CAAEQ,cAAc,CAACG,QAAQ,CAAE,CAC9CH,cAAc,CAACI,SACf,CAAC,GACDJ,cAAc,CAACI,SAAS;EAC3B,MAAMC,SAAS,GAAGL,cAAc,CAACG,QAAQ,GACtCV,iBAAiB,CAAEO,cAAc,CAACG,QAAQ,CAAE,CAC5CH,cAAc,CAACI,SACf,CAAC,GACDJ,cAAc,CAACI,SAAS;EAE3B,oBACCT,IAAA;IACCW,SAAS,EAAC,+DAA+D;IACzE,cAAaL,cAAc,IAAII,SAAW;IAAAE,QAAA,EAExC,CAAEC,KAAK,CAACC,OAAO,CAAEP,QAAS,CAAC,GAAGA,QAAQ,GAAG,CAAEA,QAAQ,CAAE,EAAGQ,GAAG,CAC5D,CAAEN,SAAS,EAAEO,KAAK,KAAM;MACvB,IAAKP,SAAS,KAAK,GAAG,EAAG;QACxB,oBAAOT,IAAA,CAACJ,QAAQ;UAAAgB,QAAA,EAAiBH;QAAS,GAAnBO,KAA+B,CAAC;MACxD;MAEA,oBACChB,IAAA;QAECW,SAAS,EAAC,mDAAmD;QAAAC,QAAA,EAE3DH;MAAS,GAHLO,KAIF,CAAC;IAER,CACD;EAAC,CACG,CAAC;AAER;AAEA,SAASC,QAAQA,CAAE;EAAEC,WAAW;EAAEb,cAAc;EAAEc,OAAO,GAAG,EAAE;EAAET;AAAU,CAAC,EAAG;EAC7E,oBACCR,KAAA,CAAAC,SAAA;IAAAS,QAAA,gBACCZ,IAAA;MAAKW,SAAS,EAAC,2DAA2D;MAAAC,QAAA,EACvEM;IAAW,CACT,CAAC,eACNhB,KAAA;MAAKS,SAAS,EAAC,oDAAoD;MAAAC,QAAA,gBAClEZ,IAAA,CAACI,cAAc;QACdC,cAAc,EAAGA,cAAgB;QACjCC,cAAc,EAAGI;MAAW,CAC5B,CAAC,EACAS,OAAO,CAACJ,GAAG,CAAE,CAAEK,KAAK,EAAEJ,KAAK,kBAC5BhB,IAAA,CAACI,cAAc;QACdC,cAAc,EAAGe,KAAO;QACxBd,cAAc,EAAGI;MAAW,GACtBM,KACN,CACA,CAAC;IAAA,CACC,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,eAAeC,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/keyboard-shortcut-help-modal/shortcut.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t  )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"editor-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nfunction Shortcut( { description, keyCombination, aliases = [], ariaLabel } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"editor-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Shortcut;\n"],
+  "mappings": "AA0Ba,SAmBX,UAnBW,KAuBV,YAvBU;AAvBb,SAAS,YAAAA,iBAAgB;AACzB,SAAS,qBAAqB,yBAAyB;AAEvD,SAAS,eAAgB,EAAE,gBAAgB,eAAe,GAAI;AAC7D,QAAM,WAAW,eAAe,WAC7B,oBAAqB,eAAe,QAAS;AAAA,IAC7C,eAAe;AAAA,EACf,IACA,eAAe;AAClB,QAAM,YAAY,eAAe,WAC9B,kBAAmB,eAAe,QAAS;AAAA,IAC3C,eAAe;AAAA,EACf,IACA,eAAe;AAElB,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,cAAa,kBAAkB;AAAA,MAE3B,iBAAM,QAAS,QAAS,IAAI,WAAW,CAAE,QAAS,GAAI;AAAA,QACzD,CAAE,WAAW,UAAW;AACvB,cAAK,cAAc,KAAM;AACxB,mBAAO,oBAACA,WAAA,EAAyB,uBAAV,KAAqB;AAAA,UAC7C;AAEA,iBACC;AAAA,YAAC;AAAA;AAAA,cAEA,WAAU;AAAA,cAER;AAAA;AAAA,YAHI;AAAA,UAIP;AAAA,QAEF;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,SAAS,SAAU,EAAE,aAAa,gBAAgB,UAAU,CAAC,GAAG,UAAU,GAAI;AAC7E,SACC,iCACC;AAAA,wBAAC,SAAI,WAAU,6DACZ,uBACH;AAAA,IACA,qBAAC,SAAI,WAAU,sDACd;AAAA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,gBAAiB;AAAA;AAAA,MAClB;AAAA,MACE,QAAQ,IAAK,CAAE,OAAO,UACvB;AAAA,QAAC;AAAA;AAAA,UACA,gBAAiB;AAAA,UACjB,gBAAiB;AAAA;AAAA,QACX;AAAA,MACP,CACC;AAAA,OACH;AAAA,KACD;AAEF;AAEA,IAAO,mBAAQ;",
+  "names": ["Fragment"]
+}

package/build-module/components/list-view-sidebar/index.js

@@ -1,134 +1,111 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalListView as ListView, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { useFocusOnMount, useMergeRefs } from '@wordpress/compose';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { focus } from '@wordpress/dom';
-import { useCallback, useRef, useState } from '@wordpress/element';
-import { __, _x } from '@wordpress/i18n';
-import { useShortcut } from '@wordpress/keyboard-shortcuts';
-import { ESCAPE } from '@wordpress/keycodes';
-
-/**
- * Internal dependencies
- */
-import ListViewOutline from './list-view-outline';
-import { unlock } from '../../lock-unlock';
-import { store as editorStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  TabbedSidebar
-} = unlock(blockEditorPrivateApis);
-export default function ListViewSidebar() {
-  const {
-    setIsListViewOpened
-  } = useDispatch(editorStore);
-  const {
-    getListViewToggleRef
-  } = unlock(useSelect(editorStore));
-
-  // This hook handles focus when the sidebar first renders.
-  const focusOnMountRef = useFocusOnMount('firstElement');
-
-  // When closing the list view, focus should return to the toggle button.
+import { jsx } from "react/jsx-runtime";
+import {
+  __experimentalListView as ListView,
+  privateApis as blockEditorPrivateApis
+} from "@wordpress/block-editor";
+import { useFocusOnMount, useMergeRefs } from "@wordpress/compose";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { focus } from "@wordpress/dom";
+import { useCallback, useRef, useState } from "@wordpress/element";
+import { __, _x } from "@wordpress/i18n";
+import { useShortcut } from "@wordpress/keyboard-shortcuts";
+import { ESCAPE } from "@wordpress/keycodes";
+import ListViewOutline from "./list-view-outline";
+import { unlock } from "../../lock-unlock";
+import { store as editorStore } from "../../store";
+const { TabbedSidebar } = unlock(blockEditorPrivateApis);
+function ListViewSidebar() {
+  const { setIsListViewOpened } = useDispatch(editorStore);
+  const { getListViewToggleRef } = unlock(useSelect(editorStore));
+  const focusOnMountRef = useFocusOnMount("firstElement");
   const closeListView = useCallback(() => {
     setIsListViewOpened(false);
     getListViewToggleRef().current?.focus();
   }, [getListViewToggleRef, setIsListViewOpened]);
-  const closeOnEscape = useCallback(event => {
-    if (event.keyCode === ESCAPE && !event.defaultPrevented) {
-      event.preventDefault();
-      closeListView();
-    }
-  }, [closeListView]);
-
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the dropZoneElement updates.
+  const closeOnEscape = useCallback(
+    (event) => {
+      if (event.keyCode === ESCAPE && !event.defaultPrevented) {
+        event.preventDefault();
+        closeListView();
+      }
+    },
+    [closeListView]
+  );
   const [dropZoneElement, setDropZoneElement] = useState(null);
-  // Tracks our current tab.
-  const [tab, setTab] = useState('list-view');
-
-  // This ref refers to the sidebar as a whole.
+  const [tab, setTab] = useState("list-view");
   const sidebarRef = useRef();
-  // This ref refers to the tab panel.
   const tabsRef = useRef();
-  // This ref refers to the list view application area.
   const listViewRef = useRef();
-
-  // Must merge the refs together so focus can be handled properly in the next function.
-  const listViewContainerRef = useMergeRefs([focusOnMountRef, listViewRef, setDropZoneElement]);
-
-  /*
-   * Callback function to handle list view or outline focus.
-   *
-   * @param {string} currentTab The current tab. Either list view or outline.
-   *
-   * @return void
-   */
+  const listViewContainerRef = useMergeRefs([
+    focusOnMountRef,
+    listViewRef,
+    setDropZoneElement
+  ]);
   function handleSidebarFocus(currentTab) {
-    // Tab panel focus.
     const tabPanelFocus = focus.tabbable.find(tabsRef.current)[0];
-    // List view tab is selected.
-    if (currentTab === 'list-view') {
-      // Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.
-      const listViewApplicationFocus = focus.tabbable.find(listViewRef.current)[0];
-      const listViewFocusArea = sidebarRef.current.contains(listViewApplicationFocus) ? listViewApplicationFocus : tabPanelFocus;
+    if (currentTab === "list-view") {
+      const listViewApplicationFocus = focus.tabbable.find(
+        listViewRef.current
+      )[0];
+      const listViewFocusArea = sidebarRef.current.contains(
+        listViewApplicationFocus
+      ) ? listViewApplicationFocus : tabPanelFocus;
       listViewFocusArea.focus();
-      // Outline tab is selected.
     } else {
       tabPanelFocus.focus();
     }
   }
   const handleToggleListViewShortcut = useCallback(() => {
-    // If the sidebar has focus, it is safe to close.
-    if (sidebarRef.current.contains(sidebarRef.current.ownerDocument.activeElement)) {
+    if (sidebarRef.current.contains(
+      sidebarRef.current.ownerDocument.activeElement
+    )) {
       closeListView();
     } else {
-      // If the list view or outline does not have focus, focus should be moved to it.
       handleSidebarFocus(tab);
     }
   }, [closeListView, tab]);
-
-  // This only fires when the sidebar is open because of the conditional rendering.
-  // It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.
-  useShortcut('core/editor/toggle-list-view', handleToggleListViewShortcut);
+  useShortcut("core/editor/toggle-list-view", handleToggleListViewShortcut);
   return (
-    /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    _jsx("div", {
-      className: "editor-list-view-sidebar",
-      onKeyDown: closeOnEscape,
-      ref: sidebarRef,
-      children: /*#__PURE__*/_jsx(TabbedSidebar, {
-        tabs: [{
-          name: 'list-view',
-          title: _x('List View', 'Post overview'),
-          panel: /*#__PURE__*/_jsx("div", {
-            className: "editor-list-view-sidebar__list-view-container",
-            children: /*#__PURE__*/_jsx("div", {
-              className: "editor-list-view-sidebar__list-view-panel-content",
-              children: /*#__PURE__*/_jsx(ListView, {
-                dropZoneElement: dropZoneElement
-              })
-            })
-          }),
-          panelRef: listViewContainerRef
-        }, {
-          name: 'outline',
-          title: _x('Outline', 'Post overview'),
-          panel: /*#__PURE__*/_jsx("div", {
-            className: "editor-list-view-sidebar__list-view-container",
-            children: /*#__PURE__*/_jsx(ListViewOutline, {})
-          })
-        }],
-        onClose: closeListView,
-        onSelect: tabName => setTab(tabName),
-        defaultTabId: "list-view",
-        ref: tabsRef,
-        closeButtonLabel: __('Close')
-      })
-    })
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "editor-list-view-sidebar",
+        onKeyDown: closeOnEscape,
+        ref: sidebarRef,
+        children: /* @__PURE__ */ jsx(
+          TabbedSidebar,
+          {
+            tabs: [
+              {
+                name: "list-view",
+                title: _x("List View", "Post overview"),
+                panel: /* @__PURE__ */ jsx("div", { className: "editor-list-view-sidebar__list-view-container", children: /* @__PURE__ */ jsx("div", { className: "editor-list-view-sidebar__list-view-panel-content", children: /* @__PURE__ */ jsx(
+                  ListView,
+                  {
+                    dropZoneElement
+                  }
+                ) }) }),
+                panelRef: listViewContainerRef
+              },
+              {
+                name: "outline",
+                title: _x("Outline", "Post overview"),
+                panel: /* @__PURE__ */ jsx("div", { className: "editor-list-view-sidebar__list-view-container", children: /* @__PURE__ */ jsx(ListViewOutline, {}) })
+              }
+            ],
+            onClose: closeListView,
+            onSelect: (tabName) => setTab(tabName),
+            defaultTabId: "list-view",
+            ref: tabsRef,
+            closeButtonLabel: __("Close")
+          }
+        )
+      }
+    )
   );
 }
-//# sourceMappingURL=index.js.map
+export {
+  ListViewSidebar as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/list-view-sidebar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalListView","ListView","privateApis","blockEditorPrivateApis","useFocusOnMount","useMergeRefs","useDispatch","useSelect","focus","useCallback","useRef","useState","__","_x","useShortcut","ESCAPE","ListViewOutline","unlock","store","editorStore","jsx","_jsx","TabbedSidebar","ListViewSidebar","setIsListViewOpened","getListViewToggleRef","focusOnMountRef","closeListView","current","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","dropZoneElement","setDropZoneElement","tab","setTab","sidebarRef","tabsRef","listViewRef","listViewContainerRef","handleSidebarFocus","currentTab","tabPanelFocus","tabbable","find","listViewApplicationFocus","listViewFocusArea","contains","handleToggleListViewShortcut","ownerDocument","activeElement","className","onKeyDown","ref","children","tabs","name","title","panel","panelRef","onClose","onSelect","tabName","defaultTabId","closeButtonLabel"],"sources":["@wordpress/editor/src/components/list-view-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ListViewOutline from './list-view-outline';\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { TabbedSidebar } = unlock( blockEditorPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editorStore ) );\n\n\t// This hook handles focus when the sidebar first renders.\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\t// Tracks our current tab.\n\tconst [ tab, setTab ] = useState( 'list-view' );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the tab panel.\n\tconst tabsRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t// Must merge the refs together so focus can be handled properly in the next function.\n\tconst listViewContainerRef = useMergeRefs( [\n\t\tfocusOnMountRef,\n\t\tlistViewRef,\n\t\tsetDropZoneElement,\n\t] );\n\n\t/*\n\t * Callback function to handle list view or outline focus.\n\t *\n\t * @param {string} currentTab The current tab. Either list view or outline.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus( currentTab ) {\n\t\t// Tab panel focus.\n\t\tconst tabPanelFocus = focus.tabbable.find( tabsRef.current )[ 0 ];\n\t\t// List view tab is selected.\n\t\tif ( currentTab === 'list-view' ) {\n\t\t\t// Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.\n\t\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\t\tlistViewRef.current\n\t\t\t)[ 0 ];\n\t\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\t\tlistViewApplicationFocus\n\t\t\t)\n\t\t\t\t? listViewApplicationFocus\n\t\t\t\t: tabPanelFocus;\n\t\t\tlistViewFocusArea.focus();\n\t\t\t// Outline tab is selected.\n\t\t} else {\n\t\t\ttabPanelFocus.focus();\n\t\t}\n\t}\n\n\tconst handleToggleListViewShortcut = useCallback( () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcloseListView();\n\t\t} else {\n\t\t\t// If the list view or outline does not have focus, focus should be moved to it.\n\t\t\thandleSidebarFocus( tab );\n\t\t}\n\t}, [ closeListView, tab ] );\n\n\t// This only fires when the sidebar is open because of the conditional rendering.\n\t// It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/editor/toggle-list-view', handleToggleListViewShortcut );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"editor-list-view-sidebar\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<TabbedSidebar\n\t\t\t\ttabs={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'list-view',\n\t\t\t\t\t\ttitle: _x( 'List View', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-panel-content\">\n\t\t\t\t\t\t\t\t\t<ListView\n\t\t\t\t\t\t\t\t\t\tdropZoneElement={ dropZoneElement }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tpanelRef: listViewContainerRef,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'outline',\n\t\t\t\t\t\ttitle: _x( 'Outline', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<ListViewOutline />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonClose={ closeListView }\n\t\t\t\tonSelect={ ( tabName ) => setTab( tabName ) }\n\t\t\t\tdefaultTabId=\"list-view\"\n\t\t\t\tref={ tabsRef }\n\t\t\t\tcloseButtonLabel={ __( 'Close' ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/list-view-sidebar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ListViewOutline from './list-view-outline';\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { TabbedSidebar } = unlock( blockEditorPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editorStore ) );\n\n\t// This hook handles focus when the sidebar first renders.\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\t// Tracks our current tab.\n\tconst [ tab, setTab ] = useState( 'list-view' );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the tab panel.\n\tconst tabsRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t// Must merge the refs together so focus can be handled properly in the next function.\n\tconst listViewContainerRef = useMergeRefs( [\n\t\tfocusOnMountRef,\n\t\tlistViewRef,\n\t\tsetDropZoneElement,\n\t] );\n\n\t/*\n\t * Callback function to handle list view or outline focus.\n\t *\n\t * @param {string} currentTab The current tab. Either list view or outline.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus( currentTab ) {\n\t\t// Tab panel focus.\n\t\tconst tabPanelFocus = focus.tabbable.find( tabsRef.current )[ 0 ];\n\t\t// List view tab is selected.\n\t\tif ( currentTab === 'list-view' ) {\n\t\t\t// Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.\n\t\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\t\tlistViewRef.current\n\t\t\t)[ 0 ];\n\t\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\t\tlistViewApplicationFocus\n\t\t\t)\n\t\t\t\t? listViewApplicationFocus\n\t\t\t\t: tabPanelFocus;\n\t\t\tlistViewFocusArea.focus();\n\t\t\t// Outline tab is selected.\n\t\t} else {\n\t\t\ttabPanelFocus.focus();\n\t\t}\n\t}\n\n\tconst handleToggleListViewShortcut = useCallback( () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcloseListView();\n\t\t} else {\n\t\t\t// If the list view or outline does not have focus, focus should be moved to it.\n\t\t\thandleSidebarFocus( tab );\n\t\t}\n\t}, [ closeListView, tab ] );\n\n\t// This only fires when the sidebar is open because of the conditional rendering.\n\t// It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/editor/toggle-list-view', handleToggleListViewShortcut );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"editor-list-view-sidebar\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<TabbedSidebar\n\t\t\t\ttabs={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'list-view',\n\t\t\t\t\t\ttitle: _x( 'List View', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-panel-content\">\n\t\t\t\t\t\t\t\t\t<ListView\n\t\t\t\t\t\t\t\t\t\tdropZoneElement={ dropZoneElement }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tpanelRef: listViewContainerRef,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'outline',\n\t\t\t\t\t\ttitle: _x( 'Outline', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<ListViewOutline />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonClose={ closeListView }\n\t\t\t\tonSelect={ ( tabName ) => setTab( tabName ) }\n\t\t\t\tdefaultTabId=\"list-view\"\n\t\t\t\tref={ tabsRef }\n\t\t\t\tcloseButtonLabel={ __( 'Close' ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/list-view-sidebar/list-view-outline.js

@@ -1,37 +1,30 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalText as Text } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import CharacterCount from '../character-count';
-import WordCount from '../word-count';
-import TimeToRead from '../time-to-read';
-import DocumentOutline from '../document-outline';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export default function ListViewOutline() {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "editor-list-view-sidebar__outline",
-      children: [/*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx(Text, {
-          children: __('Characters:')
-        }), /*#__PURE__*/_jsx(Text, {
-          children: /*#__PURE__*/_jsx(CharacterCount, {})
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx(Text, {
-          children: __('Words:')
-        }), /*#__PURE__*/_jsx(WordCount, {})]
-      }), /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx(Text, {
-          children: __('Time to read:')
-        }), /*#__PURE__*/_jsx(TimeToRead, {})]
-      })]
-    }), /*#__PURE__*/_jsx(DocumentOutline, {})]
-  });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __experimentalText as Text } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import CharacterCount from "../character-count";
+import WordCount from "../word-count";
+import TimeToRead from "../time-to-read";
+import DocumentOutline from "../document-outline";
+function ListViewOutline() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "editor-list-view-sidebar__outline", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { children: __("Characters:") }),
+        /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(CharacterCount, {}) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { children: __("Words:") }),
+        /* @__PURE__ */ jsx(WordCount, {})
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Text, { children: __("Time to read:") }),
+        /* @__PURE__ */ jsx(TimeToRead, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DocumentOutline, {})
+  ] });
 }
-//# sourceMappingURL=list-view-outline.js.map
+export {
+  ListViewOutline as default
+};
+//# sourceMappingURL=list-view-outline.js.map

package/build-module/components/list-view-sidebar/list-view-outline.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalText","Text","__","CharacterCount","WordCount","TimeToRead","DocumentOutline","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ListViewOutline","children","className"],"sources":["@wordpress/editor/src/components/list-view-sidebar/list-view-outline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CharacterCount from '../character-count';\nimport WordCount from '../word-count';\nimport TimeToRead from '../time-to-read';\nimport DocumentOutline from '../document-outline';\n\nexport default function ListViewOutline() {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-list-view-sidebar__outline\">\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Characters:' ) }</Text>\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t<CharacterCount />\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Words:' ) }</Text>\n\t\t\t\t\t<WordCount />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Time to read:' ) }</Text>\n\t\t\t\t\t<TimeToRead />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<DocumentOutline />\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,kBAAkB,IAAIC,IAAI,QAAQ,uBAAuB;AAClE,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,UAAU,MAAM,iBAAiB;AACxC,OAAOC,eAAe,MAAM,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElD,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,oBACCH,KAAA,CAAAE,SAAA;IAAAE,QAAA,gBACCJ,KAAA;MAAKK,SAAS,EAAC,mCAAmC;MAAAD,QAAA,gBACjDJ,KAAA;QAAAI,QAAA,gBACCN,IAAA,CAACP,IAAI;UAAAa,QAAA,EAAGZ,EAAE,CAAE,aAAc;QAAC,CAAQ,CAAC,eACpCM,IAAA,CAACP,IAAI;UAAAa,QAAA,eACJN,IAAA,CAACL,cAAc,IAAE;QAAC,CACb,CAAC;MAAA,CACH,CAAC,eACNO,KAAA;QAAAI,QAAA,gBACCN,IAAA,CAACP,IAAI;UAAAa,QAAA,EAAGZ,EAAE,CAAE,QAAS;QAAC,CAAQ,CAAC,eAC/BM,IAAA,CAACJ,SAAS,IAAE,CAAC;MAAA,CACT,CAAC,eACNM,KAAA;QAAAI,QAAA,gBACCN,IAAA,CAACP,IAAI;UAAAa,QAAA,EAAGZ,EAAE,CAAE,eAAgB;QAAC,CAAQ,CAAC,eACtCM,IAAA,CAACH,UAAU,IAAE,CAAC;MAAA,CACV,CAAC;IAAA,CACF,CAAC,eACNG,IAAA,CAACF,eAAe,IAAE,CAAC;EAAA,CAClB,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/list-view-sidebar/list-view-outline.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CharacterCount from '../character-count';\nimport WordCount from '../word-count';\nimport TimeToRead from '../time-to-read';\nimport DocumentOutline from '../document-outline';\n\nexport default function ListViewOutline() {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-list-view-sidebar__outline\">\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Characters:' ) }</Text>\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t<CharacterCount />\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Words:' ) }</Text>\n\t\t\t\t\t<WordCount />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Time to read:' ) }</Text>\n\t\t\t\t\t<TimeToRead />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<DocumentOutline />\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AAgBE,mBAGG,KADD,YAFF;AAbF,SAAS,sBAAsB,YAAY;AAC3C,SAAS,UAAU;AAKnB,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,qBAAqB;AAEb,SAAR,kBAAmC;AACzC,SACC,iCACC;AAAA,yBAAC,SAAI,WAAU,qCACd;AAAA,2BAAC,SACA;AAAA,4BAAC,QAAO,aAAI,aAAc,GAAG;AAAA,QAC7B,oBAAC,QACA,8BAAC,kBAAe,GACjB;AAAA,SACD;AAAA,MACA,qBAAC,SACA;AAAA,4BAAC,QAAO,aAAI,QAAS,GAAG;AAAA,QACxB,oBAAC,aAAU;AAAA,SACZ;AAAA,MACA,qBAAC,SACA;AAAA,4BAAC,QAAO,aAAI,eAAgB,GAAG;AAAA,QAC/B,oBAAC,cAAW;AAAA,SACb;AAAA,OACD;AAAA,IACA,oBAAC,mBAAgB;AAAA,KAClB;AAEF;",
+  "names": []
+}