@wordpress/block-library 9.28.0 → 9.29.0

package/build-module/accordion/index.js

@@ -0,0 +1,92 @@
+/**
+ * Internal dependencies
+ */
+import edit from './edit';
+import save from './save';
+const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 3,
+  name: "core/accordion",
+  title: "Accordion",
+  category: "design",
+  description: "Displays a group of accordion headers and associated expandable content.",
+  example: {},
+  __experimental: true,
+  supports: {
+    html: false,
+    align: ["wide", "full"],
+    background: {
+      backgroundImage: true,
+      backgroundSize: true,
+      __experimentalDefaultControls: {
+        backgroundImage: true
+      }
+    },
+    color: {
+      background: true,
+      gradient: true
+    },
+    __experimentalBorder: {
+      color: true,
+      radius: true,
+      style: true,
+      width: true,
+      __experimentalDefaultControls: {
+        color: true,
+        radius: true,
+        style: true,
+        width: true
+      }
+    },
+    spacing: {
+      padding: true,
+      margin: ["top", "bottom"],
+      blockGap: true
+    },
+    shadow: true,
+    layout: true,
+    interactivity: true
+  },
+  attributes: {
+    iconPosition: {
+      type: "string",
+      "default": "right"
+    },
+    showIcon: {
+      type: "boolean",
+      "default": true
+    },
+    autoclose: {
+      type: "boolean",
+      "default": false
+    },
+    allowedBlocks: {
+      type: "array"
+    }
+  },
+  providesContext: {
+    "core/accordion-icon-position": "iconPosition",
+    "core/accordion-show-icon": "showIcon"
+  },
+  allowedBlocks: ["core/accordion-content"],
+  textdomain: "default",
+  style: "wp-block-accordion"
+};
+import initBlock from '../utils/init-block';
+import icon from './icon';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  icon,
+  example: {},
+  edit,
+  save
+};
+export const init = () => initBlock({
+  name,
+  metadata,
+  settings
+});
+//# sourceMappingURL=index.js.map

package/build-module/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","title","category","description","example","__experimental","supports","html","align","background","backgroundImage","backgroundSize","__experimentalDefaultControls","color","gradient","__experimentalBorder","radius","style","width","spacing","padding","margin","blockGap","shadow","layout","interactivity","attributes","iconPosition","type","showIcon","autoclose","allowedBlocks","providesContext","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,OAAA;EAAAC,cAAA;EAAAC,QAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,UAAA;MAAAC,eAAA;MAAAC,cAAA;MAAAC,6BAAA;QAAAF,eAAA;MAAA;IAAA;IAAAG,KAAA;MAAAJ,UAAA;MAAAK,QAAA;IAAA;IAAAC,oBAAA;MAAAF,KAAA;MAAAG,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAN,6BAAA;QAAAC,KAAA;QAAAG,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,aAAA;EAAA;EAAAC,UAAA;IAAAC,YAAA;MAAAC,IAAA;MAAA;IAAA;IAAAC,QAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,SAAA;MAAAF,IAAA;MAAA;IAAA;IAAAG,aAAA;MAAAH,IAAA;IAAA;EAAA;EAAAI,eAAA;IAAA;IAAA;EAAA;EAAAD,aAAA;EAAAE,UAAA;EAAAhB,KAAA;AAAA;AAE1B,OAAOiB,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEnC;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMoC,QAAQ,GAAG;EACvBD,IAAI;EACJ/B,OAAO,EAAE,CAAC,CAAC;EACXT,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMyC,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAElC,IAAI;EAAEH,QAAQ;EAAEuC;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/accordion/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+export default init();
+//# sourceMappingURL=init.js.map

package/build-module/accordion/init.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["init"],"sources":["@wordpress/block-library/src/accordion/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,IAAI;AAEzB,eAAeA,IAAI,CAAC,CAAC","ignoreList":[]}

package/build-module/accordion/save.js

@@ -0,0 +1,27 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+/**
+ * WordPress dependencies
+ */
+import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function save({
+  attributes
+}) {
+  const {
+    iconPosition
+  } = attributes;
+  const blockProps = useBlockProps.save();
+  const className = clsx({
+    'icon-position-left': iconPosition === 'left'
+  }, blockProps.className);
+  return /*#__PURE__*/_jsx("div", {
+    ...useInnerBlocksProps.save({
+      ...blockProps,
+      className
+    })
+  });
+}
+//# sourceMappingURL=save.js.map

package/build-module/accordion/save.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clsx","useBlockProps","useInnerBlocksProps","jsx","_jsx","save","attributes","iconPosition","blockProps","className"],"sources":["@wordpress/block-library/src/accordion/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { iconPosition } = attributes;\n\tconst blockProps = useBlockProps.save();\n\tconst className = clsx(\n\t\t{\n\t\t\t'icon-position-left': iconPosition === 'left',\n\t\t},\n\t\tblockProps.className\n\t);\n\n\treturn (\n\t\t<div { ...useInnerBlocksProps.save( { ...blockProps, className } ) } />\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AACvB;AACA;AACA;AACA,SAASC,aAAa,EAAEC,mBAAmB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7E,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC;EAAa,CAAC,GAAGD,UAAU;EACnC,MAAME,UAAU,GAAGP,aAAa,CAACI,IAAI,CAAC,CAAC;EACvC,MAAMI,SAAS,GAAGT,IAAI,CACrB;IACC,oBAAoB,EAAEO,YAAY,KAAK;EACxC,CAAC,EACDC,UAAU,CAACC,SACZ,CAAC;EAED,oBACCL,IAAA;IAAA,GAAUF,mBAAmB,CAACG,IAAI,CAAE;MAAE,GAAGG,UAAU;MAAEC;IAAU,CAAE;EAAC,CAAI,CAAC;AAEzE","ignoreList":[]}

package/build-module/accordion/view.js

@@ -0,0 +1,46 @@
+/**
+ * WordPress dependencies
+ */
+import { store, getContext } from '@wordpress/interactivity';
+const {
+  state
+} = store('core/accordion', {
+  state: {
+    get isOpen() {
+      const {
+        isOpen,
+        id
+      } = getContext();
+      return isOpen.includes(id);
+    }
+  },
+  actions: {
+    toggle: () => {
+      const context = getContext();
+      const {
+        id,
+        autoclose
+      } = context;
+      if (autoclose) {
+        context.isOpen = state.isOpen ? [] : [id];
+      } else if (state.isOpen) {
+        context.isOpen = context.isOpen.filter(item => item !== id);
+      } else {
+        context.isOpen.push(id);
+      }
+    }
+  },
+  callbacks: {
+    initIsOpen: () => {
+      const context = getContext();
+      const {
+        id,
+        openByDefault
+      } = context;
+      if (openByDefault) {
+        context.isOpen.push(id);
+      }
+    }
+  }
+});
+//# sourceMappingURL=view.js.map

package/build-module/accordion/view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["store","getContext","state","isOpen","id","includes","actions","toggle","context","autoclose","filter","item","push","callbacks","initIsOpen","openByDefault"],"sources":["@wordpress/block-library/src/accordion/view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, getContext } from '@wordpress/interactivity';\n\nconst { state } = store( 'core/accordion', {\n\tstate: {\n\t\tget isOpen() {\n\t\t\tconst { isOpen, id } = getContext();\n\t\t\treturn isOpen.includes( id );\n\t\t},\n\t},\n\tactions: {\n\t\ttoggle: () => {\n\t\t\tconst context = getContext();\n\t\t\tconst { id, autoclose } = context;\n\n\t\t\tif ( autoclose ) {\n\t\t\t\tcontext.isOpen = state.isOpen ? [] : [ id ];\n\t\t\t} else if ( state.isOpen ) {\n\t\t\t\tcontext.isOpen = context.isOpen.filter(\n\t\t\t\t\t( item ) => item !== id\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcontext.isOpen.push( id );\n\t\t\t}\n\t\t},\n\t},\n\tcallbacks: {\n\t\tinitIsOpen: () => {\n\t\t\tconst context = getContext();\n\t\t\tconst { id, openByDefault } = context;\n\t\t\tif ( openByDefault ) {\n\t\t\t\tcontext.isOpen.push( id );\n\t\t\t}\n\t\t},\n\t},\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,EAAEC,UAAU,QAAQ,0BAA0B;AAE5D,MAAM;EAAEC;AAAM,CAAC,GAAGF,KAAK,CAAE,gBAAgB,EAAE;EAC1CE,KAAK,EAAE;IACN,IAAIC,MAAMA,CAAA,EAAG;MACZ,MAAM;QAAEA,MAAM;QAAEC;MAAG,CAAC,GAAGH,UAAU,CAAC,CAAC;MACnC,OAAOE,MAAM,CAACE,QAAQ,CAAED,EAAG,CAAC;IAC7B;EACD,CAAC;EACDE,OAAO,EAAE;IACRC,MAAM,EAAEA,CAAA,KAAM;MACb,MAAMC,OAAO,GAAGP,UAAU,CAAC,CAAC;MAC5B,MAAM;QAAEG,EAAE;QAAEK;MAAU,CAAC,GAAGD,OAAO;MAEjC,IAAKC,SAAS,EAAG;QAChBD,OAAO,CAACL,MAAM,GAAGD,KAAK,CAACC,MAAM,GAAG,EAAE,GAAG,CAAEC,EAAE,CAAE;MAC5C,CAAC,MAAM,IAAKF,KAAK,CAACC,MAAM,EAAG;QAC1BK,OAAO,CAACL,MAAM,GAAGK,OAAO,CAACL,MAAM,CAACO,MAAM,CACnCC,IAAI,IAAMA,IAAI,KAAKP,EACtB,CAAC;MACF,CAAC,MAAM;QACNI,OAAO,CAACL,MAAM,CAACS,IAAI,CAAER,EAAG,CAAC;MAC1B;IACD;EACD,CAAC;EACDS,SAAS,EAAE;IACVC,UAAU,EAAEA,CAAA,KAAM;MACjB,MAAMN,OAAO,GAAGP,UAAU,CAAC,CAAC;MAC5B,MAAM;QAAEG,EAAE;QAAEW;MAAc,CAAC,GAAGP,OAAO;MACrC,IAAKO,aAAa,EAAG;QACpBP,OAAO,CAACL,MAAM,CAACS,IAAI,CAAER,EAAG,CAAC;MAC1B;IACD;EACD;AACD,CAAE,CAAC","ignoreList":[]}

package/build-module/accordion-content/edit.js

@@ -0,0 +1,120 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useBlockProps, useInnerBlocksProps, InspectorControls, store as blockEditorStore } from '@wordpress/block-editor';
+import { useDispatch, useSelect } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
+import { ToggleControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Edit({
+  attributes: {
+    openByDefault
+  },
+  clientId,
+  setAttributes
+}) {
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+  const {
+    isSelected,
+    getBlockOrder
+  } = useSelect(select => {
+    const {
+      isBlockSelected,
+      hasSelectedInnerBlock,
+      getBlockOrder: getBlockOrderSelector
+    } = select(blockEditorStore);
+    return {
+      isSelected: isBlockSelected(clientId) || hasSelectedInnerBlock(clientId, true),
+      getBlockOrder: getBlockOrderSelector
+    };
+  }, [clientId]);
+  const contentBlockClientId = getBlockOrder(clientId)[1];
+  const {
+    updateBlockAttributes,
+    __unstableMarkNextChangeAsNotPersistent
+  } = useDispatch(blockEditorStore);
+  useEffect(() => {
+    if (contentBlockClientId) {
+      __unstableMarkNextChangeAsNotPersistent();
+      updateBlockAttributes(contentBlockClientId, {
+        isSelected
+      });
+    }
+  }, [isSelected, contentBlockClientId, __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes]);
+  const blockProps = useBlockProps();
+  const innerBlocksProps = useInnerBlocksProps({
+    ...blockProps,
+    className: clsx(blockProps.className, {
+      'is-open': openByDefault || isSelected
+    })
+  }, {
+    template: [['core/accordion-header', {}], ['core/accordion-panel', {
+      openByDefault
+    }]],
+    templateLock: 'all',
+    directInsert: true,
+    templateInsertUpdatesSelection: true
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsx(ToolsPanel, {
+        label: __('Settings'),
+        resetAll: () => {
+          setAttributes({
+            openByDefault: false
+          });
+          if (contentBlockClientId) {
+            updateBlockAttributes(contentBlockClientId, {
+              openByDefault: false
+            });
+          }
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: /*#__PURE__*/_jsx(ToolsPanelItem, {
+          label: __('Open by default'),
+          isShownByDefault: true,
+          hasValue: () => !!openByDefault,
+          onDeselect: () => {
+            setAttributes({
+              openByDefault: false
+            });
+            if (contentBlockClientId) {
+              updateBlockAttributes(contentBlockClientId, {
+                openByDefault: false
+              });
+            }
+          },
+          children: /*#__PURE__*/_jsx(ToggleControl, {
+            label: __('Open by default'),
+            __nextHasNoMarginBottom: true,
+            onChange: value => {
+              setAttributes({
+                openByDefault: value
+              });
+              if (contentBlockClientId) {
+                updateBlockAttributes(contentBlockClientId, {
+                  openByDefault: value
+                });
+              }
+            },
+            checked: openByDefault,
+            help: __('Accordion content will be displayed by default.')
+          })
+        })
+      })
+    }, "setting"), /*#__PURE__*/_jsx("div", {
+      ...innerBlocksProps
+    })]
+  });
+}
+//# sourceMappingURL=edit.js.map

package/build-module/accordion-content/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","useBlockProps","useInnerBlocksProps","InspectorControls","store","blockEditorStore","useDispatch","useSelect","useEffect","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","clsx","useToolsPanelDropdownMenuProps","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","attributes","openByDefault","clientId","setAttributes","dropdownMenuProps","isSelected","getBlockOrder","select","isBlockSelected","hasSelectedInnerBlock","getBlockOrderSelector","contentBlockClientId","updateBlockAttributes","__unstableMarkNextChangeAsNotPersistent","blockProps","innerBlocksProps","className","template","templateLock","directInsert","templateInsertUpdatesSelection","children","label","resetAll","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","onChange","value","checked","help"],"sources":["@wordpress/block-library/src/accordion-content/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function Edit( {\n\tattributes: { openByDefault },\n\tclientId,\n\tsetAttributes,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst { isSelected, getBlockOrder } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetBlockOrder: getBlockOrderSelector,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\thasSelectedInnerBlock( clientId, true ),\n\t\t\t\tgetBlockOrder: getBlockOrderSelector,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst contentBlockClientId = getBlockOrder( clientId )[ 1 ];\n\tconst { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( contentBlockClientId ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\tisSelected,\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tisSelected,\n\t\tcontentBlockClientId,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tupdateBlockAttributes,\n\t] );\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\t...blockProps,\n\t\t\tclassName: clsx( blockProps.className, {\n\t\t\t\t'is-open': openByDefault || isSelected,\n\t\t\t} ),\n\t\t},\n\t\t{\n\t\t\ttemplate: [\n\t\t\t\t[ 'core/accordion-header', {} ],\n\t\t\t\t[\n\t\t\t\t\t'core/accordion-panel',\n\t\t\t\t\t{\n\t\t\t\t\t\topenByDefault,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t],\n\t\t\ttemplateLock: 'all',\n\t\t\tdirectInsert: true,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls key=\"setting\">\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( { openByDefault: false } );\n\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\t\t\t\t\topenByDefault: false,\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\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! openByDefault }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( { openByDefault: false } );\n\t\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\t\tupdateBlockAttributes( contentBlockClientId, {\n\t\t\t\t\t\t\t\t\topenByDefault: false,\n\t\t\t\t\t\t\t\t} );\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\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\topenByDefault: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tif ( contentBlockClientId ) {\n\t\t\t\t\t\t\t\t\tupdateBlockAttributes(\n\t\t\t\t\t\t\t\t\t\tcontentBlockClientId,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\topenByDefault: value,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tchecked={ openByDefault }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Accordion content will be displayed by default.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/accordion-content/icon.js

@@ -0,0 +1,29 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default /*#__PURE__*/_jsxs(SVG, {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  children: [/*#__PURE__*/_jsx(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.5 9.5L9.5 9.5L9.5 8L19.5 8L19.5 9.5Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/_jsx(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.5 13L9.5 13L9.5 11.5L19.5 11.5L19.5 13Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/_jsx(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.5 16.3999L9.5 16.3999L9.5 14.8999L19.5 14.8999L19.5 16.3999Z",
+    fill: "currentColor"
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M4.5 6.25L8.5 8.75L4.5 11.25L4.5 6.25Z",
+    fill: "currentColor"
+  })]
+});
+//# sourceMappingURL=icon.js.map

package/build-module/accordion-content/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SVG","Path","jsx","_jsx","jsxs","_jsxs","xmlns","viewBox","children","fillRule","clipRule","d","fill"],"sources":["@wordpress/block-library/src/accordion-content/icon.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M19.5 9.5L9.5 9.5L9.5 8L19.5 8L19.5 9.5Z\"\n\t\t\tfill=\"currentColor\"\n\t\t/>\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M19.5 13L9.5 13L9.5 11.5L19.5 11.5L19.5 13Z\"\n\t\t\tfill=\"currentColor\"\n\t\t/>\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M19.5 16.3999L9.5 16.3999L9.5 14.8999L19.5 14.8999L19.5 16.3999Z\"\n\t\t\tfill=\"currentColor\"\n\t\t/>\n\t\t<Path d=\"M4.5 6.25L8.5 8.75L4.5 11.25L4.5 6.25Z\" fill=\"currentColor\" />\n\t</SVG>\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,4BACCA,KAAA,CAACL,GAAG;EAACM,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,gBAC1DL,IAAA,CAACF,IAAI;IACJQ,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,0CAA0C;IAC5CC,IAAI,EAAC;EAAc,CACnB,CAAC,eACFT,IAAA,CAACF,IAAI;IACJQ,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,6CAA6C;IAC/CC,IAAI,EAAC;EAAc,CACnB,CAAC,eACFT,IAAA,CAACF,IAAI;IACJQ,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,kEAAkE;IACpEC,IAAI,EAAC;EAAc,CACnB,CAAC,eACFT,IAAA,CAACF,IAAI;IAACU,CAAC,EAAC,wCAAwC;IAACC,IAAI,EAAC;EAAc,CAAE,CAAC;AAAA,CACnE,CAAC","ignoreList":[]}

package/build-module/accordion-content/icons.js

@@ -0,0 +1,22 @@
+/**
+ * WordPress dependencies
+ */
+import { createElement } from '@wordpress/element';
+export const plus = ({
+  width,
+  height
+}) => {
+  return createElement('span', {
+    style: {
+      display: 'inline-block',
+      width: width || 24,
+      height: height || 24,
+      lineHeight: `${height || 24}px`,
+      textAlign: 'center',
+      fontSize: `${(height || 24) * 0.6}px`,
+      fontWeight: 'bold',
+      color: 'currentColor'
+    }
+  }, '+');
+};
+//# sourceMappingURL=icons.js.map

package/build-module/accordion-content/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","plus","width","height","style","display","lineHeight","textAlign","fontSize","fontWeight","color"],"sources":["@wordpress/block-library/src/accordion-content/icons.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createElement } from '@wordpress/element';\n\nexport const plus = ( { width, height } ) => {\n\treturn createElement(\n\t\t'span',\n\t\t{\n\t\t\tstyle: {\n\t\t\t\tdisplay: 'inline-block',\n\t\t\t\twidth: width || 24,\n\t\t\t\theight: height || 24,\n\t\t\t\tlineHeight: `${ height || 24 }px`,\n\t\t\t\ttextAlign: 'center',\n\t\t\t\tfontSize: `${ ( height || 24 ) * 0.6 }px`,\n\t\t\t\tfontWeight: 'bold',\n\t\t\t\tcolor: 'currentColor',\n\t\t\t},\n\t\t},\n\t\t'+'\n\t);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAElD,OAAO,MAAMC,IAAI,GAAGA,CAAE;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAM;EAC5C,OAAOH,aAAa,CACnB,MAAM,EACN;IACCI,KAAK,EAAE;MACNC,OAAO,EAAE,cAAc;MACvBH,KAAK,EAAEA,KAAK,IAAI,EAAE;MAClBC,MAAM,EAAEA,MAAM,IAAI,EAAE;MACpBG,UAAU,EAAE,GAAIH,MAAM,IAAI,EAAE,IAAK;MACjCI,SAAS,EAAE,QAAQ;MACnBC,QAAQ,EAAE,GAAI,CAAEL,MAAM,IAAI,EAAE,IAAK,GAAG,IAAK;MACzCM,UAAU,EAAE,MAAM;MAClBC,KAAK,EAAE;IACR;EACD,CAAC,EACD,GACD,CAAC;AACF,CAAC","ignoreList":[]}

package/build-module/accordion-content/index.js

@@ -0,0 +1,68 @@
+/**
+ * Internal dependencies
+ */
+import edit from './edit';
+import save from './save';
+const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 3,
+  name: "core/accordion-content",
+  version: "0.1.0",
+  title: "Accordion Content",
+  category: "design",
+  description: "Displays a section of content in an accordion, including a header and expandable content.",
+  example: {},
+  __experimental: true,
+  parent: ["core/accordion"],
+  allowedBlocks: ["core/accordion-header", "core/accordion-panel"],
+  supports: {
+    align: ["wide", "full"],
+    color: {
+      background: true,
+      gradient: true
+    },
+    interactivity: true,
+    spacing: {
+      margin: ["top", "bottom"],
+      blockGap: true
+    },
+    __experimentalBorder: {
+      color: true,
+      radius: true,
+      style: true,
+      width: true,
+      __experimentalDefaultControls: {
+        color: true,
+        radius: true,
+        style: true,
+        width: true
+      }
+    },
+    shadow: true
+  },
+  attributes: {
+    openByDefault: {
+      type: "boolean",
+      "default": false
+    }
+  },
+  textdomain: "default"
+};
+import initBlock from '../utils/init-block';
+import icon from './icon';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  icon,
+  example: {},
+  edit,
+  save
+};
+export const init = () => initBlock({
+  name,
+  metadata,
+  settings
+});
+//# sourceMappingURL=index.js.map

package/build-module/accordion-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","version","title","category","description","example","__experimental","parent","allowedBlocks","supports","align","color","background","gradient","interactivity","spacing","margin","blockGap","__experimentalBorder","radius","style","width","__experimentalDefaultControls","shadow","attributes","openByDefault","type","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-content/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport metadata from './block.json';\nimport initBlock from '../utils/init-block';\nimport icon from './icon';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {},\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,OAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,OAAA;EAAAC,cAAA;EAAAC,MAAA;EAAAC,aAAA;EAAAC,QAAA;IAAAC,KAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,QAAA;IAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,oBAAA;MAAAP,KAAA;MAAAQ,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,6BAAA;QAAAX,KAAA;QAAAQ,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAE,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;EAAA;EAAAC,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAE7B;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM8B,QAAQ,GAAG;EACvBD,IAAI;EACJxB,OAAO,EAAE,CAAC,CAAC;EACXV,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMmC,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAE5B,IAAI;EAAEH,QAAQ;EAAEiC;AAAS,CAAE,CAAC","ignoreList":[]}

package/build-module/accordion-content/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+export default init();
+//# sourceMappingURL=init.js.map

package/build-module/accordion-content/init.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["init"],"sources":["@wordpress/block-library/src/accordion-content/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,IAAI;AAEzB,eAAeA,IAAI,CAAC,CAAC","ignoreList":[]}

package/build-module/accordion-content/save.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function save({
+  attributes
+}) {
+  const {
+    openByDefault
+  } = attributes;
+  const blockProps = useBlockProps.save();
+  const className = clsx({
+    'is-open': openByDefault
+  }, blockProps.className);
+  const innerBlocksProps = useInnerBlocksProps.save({
+    ...blockProps,
+    className
+  });
+  return /*#__PURE__*/_jsx("div", {
+    ...innerBlocksProps
+  });
+}
+//# sourceMappingURL=save.js.map

package/build-module/accordion-content/save.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBlockProps","useInnerBlocksProps","clsx","jsx","_jsx","save","attributes","openByDefault","blockProps","className","innerBlocksProps"],"sources":["@wordpress/block-library/src/accordion-content/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\nexport default function save( { attributes } ) {\n\tconst { openByDefault } = attributes;\n\tconst blockProps = useBlockProps.save();\n\tconst className = clsx(\n\t\t{\n\t\t\t'is-open': openByDefault,\n\t\t},\n\t\tblockProps.className\n\t);\n\tconst innerBlocksProps = useInnerBlocksProps.save( {\n\t\t...blockProps,\n\t\tclassName,\n\t} );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC5E;AACA;AACA;AACA,OAAOC,IAAI,MAAM,MAAM;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExB,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC;EAAc,CAAC,GAAGD,UAAU;EACpC,MAAME,UAAU,GAAGR,aAAa,CAACK,IAAI,CAAC,CAAC;EACvC,MAAMI,SAAS,GAAGP,IAAI,CACrB;IACC,SAAS,EAAEK;EACZ,CAAC,EACDC,UAAU,CAACC,SACZ,CAAC;EACD,MAAMC,gBAAgB,GAAGT,mBAAmB,CAACI,IAAI,CAAE;IAClD,GAAGG,UAAU;IACbC;EACD,CAAE,CAAC;EAEH,oBAAOL,IAAA;IAAA,GAAUM;EAAgB,CAAI,CAAC;AACvC","ignoreList":[]}

package/build-module/accordion-header/edit.js

@@ -0,0 +1,108 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useEffect } from '@wordpress/element';
+import { useBlockProps, __experimentalUseBorderProps as useBorderProps, __experimentalUseColorProps as useColorProps, __experimentalGetSpacingClassesAndStyles as useSpacingProps, __experimentalGetShadowClassesAndStyles as useShadowProps, BlockControls, HeadingLevelDropdown, RichText } from '@wordpress/block-editor';
+import { ToolbarGroup } from '@wordpress/components';
+/**
+ * Internal dependencies
+ */
+import { plus } from '../accordion-content/icons';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ICONS = {
+  plus
+};
+export default function Edit({
+  attributes,
+  setAttributes,
+  context
+}) {
+  const {
+    level,
+    title,
+    textAlign,
+    levelOptions
+  } = attributes;
+  const {
+    'core/accordion-icon-position': iconPosition,
+    'core/accordion-show-icon': showIcon
+  } = context;
+  const TagName = 'h' + level;
+
+  // Set icon attributes.
+  useEffect(() => {
+    if (iconPosition !== undefined && showIcon !== undefined) {
+      setAttributes({
+        iconPosition,
+        showIcon
+      });
+    }
+  }, [iconPosition, showIcon, setAttributes]);
+  const blockProps = useBlockProps();
+  const borderProps = useBorderProps(attributes);
+  const colorProps = useColorProps(attributes);
+  const spacingProps = useSpacingProps(attributes);
+  const shadowProps = useShadowProps(attributes);
+  const Icon = ICONS.plus;
+  const shouldShowIcon = showIcon && Icon;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BlockControls, {
+      children: /*#__PURE__*/_jsx(ToolbarGroup, {
+        children: /*#__PURE__*/_jsx(HeadingLevelDropdown, {
+          value: level,
+          options: levelOptions,
+          onChange: newLevel => setAttributes({
+            level: newLevel
+          })
+        })
+      })
+    }), /*#__PURE__*/_jsx(TagName, {
+      ...blockProps,
+      className: clsx(blockProps.className, colorProps.className, borderProps.className, 'accordion-content__heading', {
+        [`has-custom-font-size`]: blockProps.style.fontSize,
+        [`icon-position-left`]: iconPosition === 'left',
+        [`has-text-align-${textAlign}`]: textAlign
+      }),
+      style: {
+        ...borderProps.style,
+        ...colorProps.style,
+        ...shadowProps.style
+      },
+      children: /*#__PURE__*/_jsxs("button", {
+        className: clsx('accordion-content__toggle'),
+        style: {
+          ...spacingProps.style
+        },
+        children: [/*#__PURE__*/_jsx(RichText, {
+          allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough'],
+          disableLineBreaks: true,
+          tagName: "span",
+          value: title,
+          onChange: newTitle => setAttributes({
+            title: newTitle
+          }),
+          placeholder: __('Accordion title')
+        }), shouldShowIcon && /*#__PURE__*/_jsx("span", {
+          className: clsx(`accordion-content__toggle-icon`, {
+            'has-icon-plus': true
+          }),
+          style: {
+            // TO-DO: make this configurable
+            width: `1.2em`,
+            height: `1.2em`
+          },
+          children: Icon && /*#__PURE__*/_jsx(Icon, {
+            width: "1.2em",
+            height: "1.2em"
+          })
+        })]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=edit.js.map

package/build-module/accordion-header/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clsx","__","useEffect","useBlockProps","__experimentalUseBorderProps","useBorderProps","__experimentalUseColorProps","useColorProps","__experimentalGetSpacingClassesAndStyles","useSpacingProps","__experimentalGetShadowClassesAndStyles","useShadowProps","BlockControls","HeadingLevelDropdown","RichText","ToolbarGroup","plus","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ICONS","Edit","attributes","setAttributes","context","level","title","textAlign","levelOptions","iconPosition","showIcon","TagName","undefined","blockProps","borderProps","colorProps","spacingProps","shadowProps","Icon","shouldShowIcon","children","value","options","onChange","newLevel","className","style","fontSize","allowedFormats","disableLineBreaks","tagName","newTitle","placeholder","width","height"],"sources":["@wordpress/block-library/src/accordion-header/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalUseColorProps as useColorProps,\n\t__experimentalGetSpacingClassesAndStyles as useSpacingProps,\n\t__experimentalGetShadowClassesAndStyles as useShadowProps,\n\tBlockControls,\n\tHeadingLevelDropdown,\n\tRichText,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport { plus } from '../accordion-content/icons';\n\nconst ICONS = {\n\tplus,\n};\n\nexport default function Edit( { attributes, setAttributes, context } ) {\n\tconst { level, title, textAlign, levelOptions } = attributes;\n\tconst {\n\t\t'core/accordion-icon-position': iconPosition,\n\t\t'core/accordion-show-icon': showIcon,\n\t} = context;\n\tconst TagName = 'h' + level;\n\n\t// Set icon attributes.\n\tuseEffect( () => {\n\t\tif ( iconPosition !== undefined && showIcon !== undefined ) {\n\t\t\tsetAttributes( {\n\t\t\t\ticonPosition,\n\t\t\t\tshowIcon,\n\t\t\t} );\n\t\t}\n\t}, [ iconPosition, showIcon, setAttributes ] );\n\n\tconst blockProps = useBlockProps();\n\tconst borderProps = useBorderProps( attributes );\n\tconst colorProps = useColorProps( attributes );\n\tconst spacingProps = useSpacingProps( attributes );\n\tconst shadowProps = useShadowProps( attributes );\n\n\tconst Icon = ICONS.plus;\n\tconst shouldShowIcon = showIcon && Icon;\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<HeadingLevelDropdown\n\t\t\t\t\t\tvalue={ level }\n\t\t\t\t\t\toptions={ levelOptions }\n\t\t\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\tblockProps.className,\n\t\t\t\t\tcolorProps.className,\n\t\t\t\t\tborderProps.className,\n\t\t\t\t\t'accordion-content__heading',\n\t\t\t\t\t{\n\t\t\t\t\t\t[ `has-custom-font-size` ]: blockProps.style.fontSize,\n\t\t\t\t\t\t[ `icon-position-left` ]: iconPosition === 'left',\n\t\t\t\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ {\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t...colorProps.style,\n\t\t\t\t\t...shadowProps.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<button\n\t\t\t\t\tclassName={ clsx( 'accordion-content__toggle' ) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...spacingProps.style,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tallowedFormats={ [\n\t\t\t\t\t\t\t'core/bold',\n\t\t\t\t\t\t\t'core/italic',\n\t\t\t\t\t\t\t'core/image',\n\t\t\t\t\t\t\t'core/strikethrough',\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tdisableLineBreaks\n\t\t\t\t\t\ttagName=\"span\"\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ ( newTitle ) =>\n\t\t\t\t\t\t\tsetAttributes( { title: newTitle } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tplaceholder={ __( 'Accordion title' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ shouldShowIcon && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t`accordion-content__toggle-icon`,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'has-icon-plus': true,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t// TO-DO: make this configurable\n\t\t\t\t\t\t\t\twidth: `1.2em`,\n\t\t\t\t\t\t\t\theight: `1.2em`,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ Icon && <Icon width=\"1.2em\" height=\"1.2em\" /> }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</button>\n\t\t\t</TagName>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}