@wordpress/block-library 9.28.1-next.0f6f9d12c.0 → 9.29.1-next.e256d081a.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/build/{accordions → accordion}/edit.js +1 -1
- package/build/accordion/edit.js.map +1 -0
- package/build/accordion/icon.js +33 -0
- package/build/accordion/icon.js.map +1 -0
- package/build/{accordions → accordion}/index.js +7 -10
- package/build/accordion/index.js.map +1 -0
- package/build/accordion/init.js.map +1 -0
- package/build/accordion/save.js.map +1 -0
- package/build/accordion/view.js.map +1 -0
- package/build/accordion-content/edit.js.map +1 -0
- package/build/accordion-content/icon.js +35 -0
- package/build/accordion-content/icon.js.map +1 -0
- package/build/accordion-content/icons.js.map +1 -0
- package/build/{accordion-item → accordion-content}/index.js +6 -9
- package/build/accordion-content/index.js.map +1 -0
- package/build/accordion-content/init.js.map +1 -0
- package/build/accordion-content/save.js.map +1 -0
- package/build/accordion-header/edit.js +4 -4
- package/build/accordion-header/edit.js.map +1 -1
- package/build/accordion-header/icon.js +25 -0
- package/build/accordion-header/icon.js.map +1 -0
- package/build/accordion-header/index.js +4 -7
- package/build/accordion-header/index.js.map +1 -1
- package/build/accordion-header/save.js +4 -4
- package/build/accordion-header/save.js.map +1 -1
- package/build/accordion-panel/icon.js +22 -0
- package/build/accordion-panel/icon.js.map +1 -0
- package/build/accordion-panel/index.js +4 -7
- package/build/accordion-panel/index.js.map +1 -1
- package/build/audio/edit.js +3 -1
- package/build/audio/edit.js.map +1 -1
- package/build/form/deprecated.js +97 -0
- package/build/form/deprecated.js.map +1 -0
- package/build/form/index.js +2 -1
- package/build/form/index.js.map +1 -1
- package/build/form/save.js +0 -1
- package/build/form/save.js.map +1 -1
- package/build/gallery/edit.js +9 -3
- package/build/gallery/edit.js.map +1 -1
- package/build/image/edit.js +0 -5
- package/build/image/edit.js.map +1 -1
- package/build/image/image.js +1 -1
- package/build/image/image.js.map +1 -1
- package/build/index.js +4 -4
- package/build/index.js.map +1 -1
- package/build/post-comments-link/edit.js +6 -1
- package/build/post-comments-link/edit.js.map +1 -1
- package/build/query/edit/index.js.map +1 -1
- package/build/query/edit/query-content.js +7 -6
- package/build/query/edit/query-content.js.map +1 -1
- package/build/query/edit/query-placeholder.js +30 -9
- package/build/query/edit/query-placeholder.js.map +1 -1
- package/build/query/edit/query-toolbar.js +4 -2
- package/build/query/edit/query-toolbar.js.map +1 -1
- package/build/template-part/edit/placeholder.js +2 -1
- package/build/template-part/edit/placeholder.js.map +1 -1
- package/build/video/edit-common-settings.js +6 -3
- package/build/video/edit-common-settings.js.map +1 -1
- package/build/video/edit.js +3 -1
- package/build/video/edit.js.map +1 -1
- package/build-module/{accordions → accordion}/edit.js +1 -1
- package/build-module/accordion/edit.js.map +1 -0
- package/build-module/accordion/icon.js +27 -0
- package/build-module/accordion/icon.js.map +1 -0
- package/build-module/{accordions → accordion}/index.js +7 -10
- package/build-module/accordion/index.js.map +1 -0
- package/build-module/accordion/init.js.map +1 -0
- package/build-module/accordion/save.js.map +1 -0
- package/build-module/accordion/view.js.map +1 -0
- package/build-module/accordion-content/edit.js.map +1 -0
- package/build-module/accordion-content/icon.js +29 -0
- package/build-module/accordion-content/icon.js.map +1 -0
- package/build-module/accordion-content/icons.js.map +1 -0
- package/build-module/{accordion-item → accordion-content}/index.js +6 -9
- package/build-module/accordion-content/index.js.map +1 -0
- package/build-module/accordion-content/init.js.map +1 -0
- package/build-module/accordion-content/save.js.map +1 -0
- package/build-module/accordion-header/edit.js +4 -4
- package/build-module/accordion-header/edit.js.map +1 -1
- package/build-module/accordion-header/icon.js +19 -0
- package/build-module/accordion-header/icon.js.map +1 -0
- package/build-module/accordion-header/index.js +4 -7
- package/build-module/accordion-header/index.js.map +1 -1
- package/build-module/accordion-header/save.js +4 -4
- package/build-module/accordion-header/save.js.map +1 -1
- package/build-module/accordion-panel/icon.js +16 -0
- package/build-module/accordion-panel/icon.js.map +1 -0
- package/build-module/accordion-panel/index.js +4 -7
- package/build-module/accordion-panel/index.js.map +1 -1
- package/build-module/audio/edit.js +4 -2
- package/build-module/audio/edit.js.map +1 -1
- package/build-module/form/deprecated.js +90 -0
- package/build-module/form/deprecated.js.map +1 -0
- package/build-module/form/index.js +2 -1
- package/build-module/form/index.js.map +1 -1
- package/build-module/form/save.js +0 -1
- package/build-module/form/save.js.map +1 -1
- package/build-module/gallery/edit.js +9 -3
- package/build-module/gallery/edit.js.map +1 -1
- package/build-module/image/edit.js +0 -5
- package/build-module/image/edit.js.map +1 -1
- package/build-module/image/image.js +1 -1
- package/build-module/image/image.js.map +1 -1
- package/build-module/index.js +4 -4
- package/build-module/index.js.map +1 -1
- package/build-module/post-comments-link/edit.js +6 -1
- package/build-module/post-comments-link/edit.js.map +1 -1
- package/build-module/query/edit/index.js.map +1 -1
- package/build-module/query/edit/query-content.js +8 -7
- package/build-module/query/edit/query-content.js.map +1 -1
- package/build-module/query/edit/query-placeholder.js +30 -10
- package/build-module/query/edit/query-placeholder.js.map +1 -1
- package/build-module/query/edit/query-toolbar.js +4 -2
- package/build-module/query/edit/query-toolbar.js.map +1 -1
- package/build-module/template-part/edit/placeholder.js +2 -1
- package/build-module/template-part/edit/placeholder.js.map +1 -1
- package/build-module/video/edit-common-settings.js +6 -3
- package/build-module/video/edit-common-settings.js.map +1 -1
- package/build-module/video/edit.js +4 -2
- package/build-module/video/edit.js.map +1 -1
- package/build-style/{accordions → accordion}/style-rtl.css +13 -13
- package/build-style/{accordions → accordion}/style.css +13 -13
- package/build-style/editor-rtl.css +4 -0
- package/build-style/editor.css +4 -0
- package/build-style/query/editor-rtl.css +4 -0
- package/build-style/query/editor.css +4 -0
- package/build-style/style-rtl.css +13 -13
- package/build-style/style.css +13 -13
- package/package.json +36 -36
- package/src/{accordions → accordion}/block.json +5 -5
- package/src/{accordions → accordion}/edit.js +1 -1
- package/src/accordion/icon.js +23 -0
- package/src/{accordion-item → accordion}/index.js +2 -5
- package/src/{accordions → accordion}/index.php +12 -12
- package/src/{accordions → accordion}/style.scss +13 -13
- package/src/{accordion-item → accordion-content}/block.json +4 -4
- package/src/accordion-content/icon.js +28 -0
- package/src/{accordions → accordion-content}/index.js +2 -5
- package/src/{accordion-item → accordion-content}/index.php +10 -10
- package/src/accordion-header/block.json +2 -2
- package/src/accordion-header/edit.js +9 -6
- package/src/accordion-header/icon.js +16 -0
- package/src/accordion-header/index.js +2 -5
- package/src/accordion-header/save.js +4 -4
- package/src/accordion-panel/block.json +2 -2
- package/src/accordion-panel/icon.js +15 -0
- package/src/accordion-panel/index.js +2 -5
- package/src/audio/edit.js +6 -1
- package/src/form/block.json +0 -1
- package/src/form/deprecated.js +96 -0
- package/src/form/index.js +2 -0
- package/src/form/save.js +0 -1
- package/src/gallery/edit.js +9 -3
- package/src/image/edit.js +0 -6
- package/src/image/image.js +2 -1
- package/src/index.js +4 -4
- package/src/navigation/edit/test/navigation-menu-selector.js +2 -2
- package/src/post-comments-link/edit.js +7 -1
- package/src/query/edit/index.js +1 -0
- package/src/query/edit/query-content.js +8 -4
- package/src/query/edit/query-placeholder.js +47 -17
- package/src/query/edit/query-toolbar.js +10 -2
- package/src/query/editor.scss +6 -1
- package/src/social-link/README.md +4 -1
- package/src/style.scss +1 -1
- package/src/template-part/edit/placeholder.js +2 -1
- package/src/video/edit-common-settings.js +14 -5
- package/src/video/edit.js +6 -1
- package/build/accordion-item/edit.js.map +0 -1
- package/build/accordion-item/icons.js.map +0 -1
- package/build/accordion-item/index.js.map +0 -1
- package/build/accordion-item/init.js.map +0 -1
- package/build/accordion-item/save.js.map +0 -1
- package/build/accordions/edit.js.map +0 -1
- package/build/accordions/index.js.map +0 -1
- package/build/accordions/init.js.map +0 -1
- package/build/accordions/save.js.map +0 -1
- package/build/accordions/view.js.map +0 -1
- package/build-module/accordion-item/edit.js.map +0 -1
- package/build-module/accordion-item/icons.js.map +0 -1
- package/build-module/accordion-item/index.js.map +0 -1
- package/build-module/accordion-item/init.js.map +0 -1
- package/build-module/accordion-item/save.js.map +0 -1
- package/build-module/accordions/edit.js.map +0 -1
- package/build-module/accordions/index.js.map +0 -1
- package/build-module/accordions/init.js.map +0 -1
- package/build-module/accordions/save.js.map +0 -1
- package/build-module/accordions/view.js.map +0 -1
- /package/build/{accordions → accordion}/init.js +0 -0
- /package/build/{accordions → accordion}/save.js +0 -0
- /package/build/{accordions → accordion}/view.js +0 -0
- /package/build/{accordion-item → accordion-content}/edit.js +0 -0
- /package/build/{accordion-item → accordion-content}/icons.js +0 -0
- /package/build/{accordion-item → accordion-content}/init.js +0 -0
- /package/build/{accordion-item → accordion-content}/save.js +0 -0
- /package/build-module/{accordions → accordion}/init.js +0 -0
- /package/build-module/{accordions → accordion}/save.js +0 -0
- /package/build-module/{accordions → accordion}/view.js +0 -0
- /package/build-module/{accordion-item → accordion-content}/edit.js +0 -0
- /package/build-module/{accordion-item → accordion-content}/icons.js +0 -0
- /package/build-module/{accordion-item → accordion-content}/init.js +0 -0
- /package/build-module/{accordion-item → accordion-content}/save.js +0 -0
- /package/src/{accordions → accordion}/init.js +0 -0
- /package/src/{accordions → accordion}/save.js +0 -0
- /package/src/{accordions → accordion}/view.js +0 -0
- /package/src/{accordion-item → accordion-content}/edit.js +0 -0
- /package/src/{accordion-item → accordion-content}/icons.js +0 -0
- /package/src/{accordion-item → accordion-content}/init.js +0 -0
- /package/src/{accordion-item → accordion-content}/save.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_i18n","require","_components","_element","_jsxRuntime","options","value","label","__","_x","VideoSettings","setAttributes","attributes","autoplay","controls","loop","muted","playsInline","preload","autoPlayHelpText","getAutoplayHelp","Platform","select","web","useCallback","checked","native","toggleFactory","useMemo","toggleAttribute","attribute","newValue","onChangePreload","jsxs","Fragment","children","jsx","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","onChange","help","disabled","SelectControl","__next40pxDefaultSize","hideCancelButton","_default","exports","default"],"sources":["@wordpress/block-library/src/video/edit-common-settings.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useMemo, useCallback, Platform } from '@wordpress/element';\n\nconst options = [\n\t{ value: 'auto', label: __( 'Auto' ) },\n\t{ value: 'metadata', label: __( 'Metadata' ) },\n\t{ value: 'none', label: _x( 'None', 'Preload value' ) },\n];\n\nconst VideoSettings = ( { setAttributes, attributes } ) => {\n\tconst { autoplay, controls, loop, muted, playsInline, preload } =\n\t\tattributes;\n\n\tconst autoPlayHelpText = __(\n\t\t'Autoplay may cause usability issues for some users.'\n\t);\n\n\tconst getAutoplayHelp = Platform.select( {\n\t\tweb: useCallback( ( checked ) => {\n\t\t\treturn checked ? autoPlayHelpText : null;\n\t\t}, [] ),\n\t\tnative: autoPlayHelpText,\n\t} );\n\n\tconst toggleFactory = useMemo( () => {\n\t\tconst toggleAttribute = ( attribute ) => {\n\t\t\treturn ( newValue ) => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\t[ attribute ]: newValue,\n\t\t\t\t\t// Set muted when autoplay changes\n\t\t\t\t\t...( attribute === 'autoplay' && { muted: newValue } ),\n\t\t\t\t} );\n\t\t\t};\n\t\t};\n\n\t\treturn {\n\t\t\tautoplay: toggleAttribute( 'autoplay' ),\n\t\t\tloop: toggleAttribute( 'loop' ),\n\t\t\tmuted: toggleAttribute( 'muted' ),\n\t\t\tcontrols: toggleAttribute( 'controls' ),\n\t\t\tplaysInline: toggleAttribute( 'playsInline' ),\n\t\t};\n\t}, [] );\n\n\tconst onChangePreload = useCallback( ( value ) => {\n\t\tsetAttributes( { preload: value } );\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! autoplay }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { autoplay: false, muted: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\t\tonChange={ toggleFactory.autoplay }\n\t\t\t\t\tchecked={ !! autoplay }\n\t\t\t\t\thelp={ getAutoplayHelp }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! loop }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { loop: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\t\tonChange={ toggleFactory.loop }\n\t\t\t\t\tchecked={ !! loop }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! muted }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { muted: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\t\tonChange={ toggleFactory.muted }\n\t\t\t\t\tchecked={ !! muted }\n\t\t\t\t\tdisabled={ autoplay }\n\t\t\t\t\thelp={\n\t\t\t\t\t\tautoplay ? __( 'Muted because of Autoplay.' ) : null\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! controls }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { controls: true } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\t\tonChange={ toggleFactory.controls }\n\t\t\t\t\tchecked={ !! controls }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! playsInline }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { playsInline: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/* translators: Setting to play videos within the webpage on mobile browsers rather than opening in a fullscreen player. */\n\t\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\t\tonChange={ toggleFactory.playsInline }\n\t\t\t\t\tchecked={ !! playsInline }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => preload !== 'metadata' }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { preload: 'metadata' } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\t\tvalue={ preload }\n\t\t\t\t\tonChange={ onChangePreload }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\thideCancelButton\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</>\n\t);\n};\n\nexport default VideoSettings;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_i18n","require","_components","_element","_jsxRuntime","options","value","label","__","_x","VideoSettings","setAttributes","attributes","autoplay","controls","loop","muted","playsInline","preload","autoPlayHelpText","getAutoplayHelp","Platform","select","web","useCallback","checked","native","toggleFactory","useMemo","toggleAttribute","attribute","newValue","onChangePreload","jsxs","Fragment","children","jsx","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","onChange","help","disabled","SelectControl","__next40pxDefaultSize","hideCancelButton","_default","exports","default"],"sources":["@wordpress/block-library/src/video/edit-common-settings.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useMemo, useCallback, Platform } from '@wordpress/element';\n\nconst options = [\n\t{ value: 'auto', label: __( 'Auto' ) },\n\t{ value: 'metadata', label: __( 'Metadata' ) },\n\t{ value: 'none', label: _x( 'None', 'Preload value' ) },\n];\n\nconst VideoSettings = ( { setAttributes, attributes } ) => {\n\tconst { autoplay, controls, loop, muted, playsInline, preload } =\n\t\tattributes;\n\n\tconst autoPlayHelpText = __(\n\t\t'Autoplay may cause usability issues for some users.'\n\t);\n\n\tconst getAutoplayHelp = Platform.select( {\n\t\tweb: useCallback( ( checked ) => {\n\t\t\treturn checked ? autoPlayHelpText : null;\n\t\t}, [] ),\n\t\tnative: autoPlayHelpText,\n\t} );\n\n\tconst toggleFactory = useMemo( () => {\n\t\tconst toggleAttribute = ( attribute ) => {\n\t\t\treturn ( newValue ) => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\t[ attribute ]: newValue,\n\t\t\t\t\t// Set muted and playsInLine when autoplay changes\n\t\t\t\t\t// playsInline is set to true when autoplay is true to support iOS devices\n\t\t\t\t\t...( attribute === 'autoplay' && {\n\t\t\t\t\t\tmuted: newValue,\n\t\t\t\t\t\tplaysInline: newValue,\n\t\t\t\t\t} ),\n\t\t\t\t} );\n\t\t\t};\n\t\t};\n\n\t\treturn {\n\t\t\tautoplay: toggleAttribute( 'autoplay' ),\n\t\t\tloop: toggleAttribute( 'loop' ),\n\t\t\tmuted: toggleAttribute( 'muted' ),\n\t\t\tcontrols: toggleAttribute( 'controls' ),\n\t\t\tplaysInline: toggleAttribute( 'playsInline' ),\n\t\t};\n\t}, [] );\n\n\tconst onChangePreload = useCallback( ( value ) => {\n\t\tsetAttributes( { preload: value } );\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! autoplay }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { autoplay: false, muted: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Autoplay' ) }\n\t\t\t\t\tonChange={ toggleFactory.autoplay }\n\t\t\t\t\tchecked={ !! autoplay }\n\t\t\t\t\thelp={ getAutoplayHelp }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! loop }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { loop: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Loop' ) }\n\t\t\t\t\tonChange={ toggleFactory.loop }\n\t\t\t\t\tchecked={ !! loop }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! muted }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { muted: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Muted' ) }\n\t\t\t\t\tonChange={ toggleFactory.muted }\n\t\t\t\t\tchecked={ !! muted }\n\t\t\t\t\tdisabled={ autoplay }\n\t\t\t\t\thelp={\n\t\t\t\t\t\tautoplay ? __( 'Muted because of Autoplay.' ) : null\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! controls }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { controls: true } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Playback controls' ) }\n\t\t\t\t\tonChange={ toggleFactory.controls }\n\t\t\t\t\tchecked={ !! controls }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! playsInline }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { playsInline: false } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/* translators: Setting to play videos within the webpage on mobile browsers rather than opening in a fullscreen player. */\n\t\t\t\t\tlabel={ __( 'Play inline' ) }\n\t\t\t\t\tonChange={ toggleFactory.playsInline }\n\t\t\t\t\tchecked={ !! playsInline }\n\t\t\t\t\tdisabled={ autoplay }\n\t\t\t\t\thelp={\n\t\t\t\t\t\tautoplay\n\t\t\t\t\t\t\t? __( 'Play inline enabled because of Autoplay.' )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player.'\n\t\t\t\t\t\t\t )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => preload !== 'metadata' }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { preload: 'metadata' } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Preload' ) }\n\t\t\t\t\tvalue={ preload }\n\t\t\t\t\tonChange={ onChangePreload }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\thideCancelButton\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</>\n\t);\n};\n\nexport default VideoSettings;\n"],"mappings":"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","ignoreList":[]}
|
package/build/video/edit.js
CHANGED
|
@@ -53,6 +53,8 @@ function VideoEdit({
|
|
|
53
53
|
} = attributes;
|
|
54
54
|
const [temporaryURL, setTemporaryURL] = (0, _element.useState)(attributes.blob);
|
|
55
55
|
const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
|
|
56
|
+
const blockEditingMode = (0, _blockEditor.useBlockEditingMode)();
|
|
57
|
+
const hasNonContentControls = blockEditingMode === 'default';
|
|
56
58
|
(0, _hooks.useUploadMediaFromBlobURL)({
|
|
57
59
|
url: temporaryURL,
|
|
58
60
|
allowedTypes: ALLOWED_MEDIA_TYPES,
|
|
@@ -230,7 +232,7 @@ function VideoEdit({
|
|
|
230
232
|
isSelected: isSingleSelected,
|
|
231
233
|
insertBlocksAfter: insertBlocksAfter,
|
|
232
234
|
label: (0, _i18n.__)('Video caption text'),
|
|
233
|
-
showToolbarButton: isSingleSelected
|
|
235
|
+
showToolbarButton: isSingleSelected && hasNonContentControls
|
|
234
236
|
})]
|
|
235
237
|
})]
|
|
236
238
|
});
|
package/build/video/edit.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_blob","_components","_blockEditor","_element","_i18n","_data","_icons","_notices","_util","_hooks","_editCommonSettings","_tracksEditor","_tracks","_caption","_posterImage","_jsxRuntime","ALLOWED_MEDIA_TYPES","VideoEdit","isSelected","isSingleSelected","attributes","className","setAttributes","insertBlocksAfter","onReplace","videoPlayer","useRef","id","controls","poster","src","tracks","temporaryURL","setTemporaryURL","useState","blob","dropdownMenuProps","useToolsPanelDropdownMenuProps","useUploadMediaFromBlobURL","url","allowedTypes","onChange","onSelectVideo","onError","onUploadError","useEffect","current","load","media","undefined","caption","isBlobURL","image","icon","onSelectURL","newSrc","embedBlock","createUpgradedEmbedBlock","createErrorNotice","useDispatch","noticesStore","message","type","placeholder","content","jsx","Placeholder","withIllustration","label","__","instructions","children","classes","clsx","blockProps","useBlockProps","MediaPlaceholder","BlockIcon","onSelect","accept","value","jsxs","Fragment","BlockControls","default","newTracks","group","MediaReplaceFlow","mediaId","mediaURL","onReset","InspectorControls","__experimentalToolsPanel","resetAll","autoplay","loop","muted","playsInline","preload","posterImage","Disabled","isDisabled","ref","Spinner","Caption","showToolbarButton","_default","exports"],"sources":["@wordpress/block-library/src/video/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tDisabled,\n\tSpinner,\n\tPlaceholder,\n\t__experimentalToolsPanel as ToolsPanel,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { video as icon } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport {\n\tuseUploadMediaFromBlobURL,\n\tuseToolsPanelDropdownMenuProps,\n} from '../utils/hooks';\nimport VideoCommonSettings from './edit-common-settings';\nimport TracksEditor from './tracks-editor';\nimport Tracks from './tracks';\nimport { Caption } from '../utils/caption';\nimport PosterImage from '../utils/poster-image';\n\nconst ALLOWED_MEDIA_TYPES = [ 'video' ];\n\nfunction VideoEdit( {\n\tisSelected: isSingleSelected,\n\tattributes,\n\tclassName,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tonReplace,\n} ) {\n\tconst videoPlayer = useRef();\n\tconst { id, controls, poster, src, tracks } = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState( attributes.blob );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tuseUploadMediaFromBlobURL( {\n\t\turl: temporaryURL,\n\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\tonChange: onSelectVideo,\n\t\tonError: onUploadError,\n\t} );\n\n\tuseEffect( () => {\n\t\t// Placeholder may be rendered.\n\t\tif ( videoPlayer.current ) {\n\t\t\tvideoPlayer.current.load();\n\t\t}\n\t}, [ poster ] );\n\n\t// TODO: Whether the video was obtained from the media library or was provided by URL, obtain the `videoWidth` and `videoHeight` of the video once its metadata has loaded and persist in the block attributes.\n\tfunction onSelectVideo( media ) {\n\t\tif ( ! media || ! media.url ) {\n\t\t\t// In this case there was an error\n\t\t\t// previous attributes should be removed\n\t\t\t// because they may be temporary blob urls.\n\t\t\tsetAttributes( {\n\t\t\t\tsrc: undefined,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t\tcaption: undefined,\n\t\t\t\tblob: undefined,\n\t\t\t} );\n\t\t\tsetTemporaryURL();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tsetTemporaryURL( media.url );\n\t\t\treturn;\n\t\t}\n\n\t\t// Sets the block's attribute and updates the edit component from the\n\t\t// selected media.\n\t\tsetAttributes( {\n\t\t\tblob: undefined,\n\t\t\tsrc: media.url,\n\t\t\tid: media.id,\n\t\t\tposter:\n\t\t\t\tmedia.image?.src !== media.icon ? media.image?.src : undefined,\n\t\t\tcaption: media.caption,\n\t\t} );\n\t\tsetTemporaryURL();\n\t}\n\n\tfunction onSelectURL( newSrc ) {\n\t\tif ( newSrc !== src ) {\n\t\t\t// Check if there's an embed block that handles this URL.\n\t\t\tconst embedBlock = createUpgradedEmbedBlock( {\n\t\t\t\tattributes: { url: newSrc },\n\t\t\t} );\n\t\t\tif ( undefined !== embedBlock && onReplace ) {\n\t\t\t\tonReplace( embedBlock );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tblob: undefined,\n\t\t\t\tsrc: newSrc,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t} );\n\t\t\tsetTemporaryURL();\n\t\t}\n\t}\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onUploadError( message ) {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\t// Much of this description is duplicated from MediaPlaceholder.\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName=\"block-editor-media-placeholder\"\n\t\t\t\twithIllustration={ ! isSingleSelected }\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ __( 'Video' ) }\n\t\t\t\tinstructions={ __(\n\t\t\t\t\t'Drag and drop a video, upload, or choose from your library.'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst classes = clsx( className, {\n\t\t'is-transient': !! temporaryURL,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\n\tif ( ! src && ! temporaryURL ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ attributes }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isSingleSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<TracksEditor\n\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\tonChange={ ( newTracks ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { tracks: newTracks } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\t\tmediaURL={ src }\n\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\t\tonReset={ () => onSelectVideo( undefined ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<InspectorControls>\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( {\n\t\t\t\t\t\t\tautoplay: false,\n\t\t\t\t\t\t\tcontrols: true,\n\t\t\t\t\t\t\tloop: false,\n\t\t\t\t\t\t\tmuted: false,\n\t\t\t\t\t\t\tplaysInline: false,\n\t\t\t\t\t\t\tpreload: 'metadata',\n\t\t\t\t\t\t\tposter: undefined,\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<VideoCommonSettings\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t/>\n\t\t\t\t\t<PosterImage\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tonChange={ ( posterImage ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tposter: posterImage?.url,\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</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ /*\n Disable the video tag if the block is not selected\n so the user clicking on it won't play the\n video when the controls are enabled.\n */ }\n\t\t\t\t<Disabled isDisabled={ ! isSingleSelected }>\n\t\t\t\t\t<video\n\t\t\t\t\t\tcontrols={ controls }\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tsrc={ src || temporaryURL }\n\t\t\t\t\t\tref={ videoPlayer }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tracks tracks={ tracks } />\n\t\t\t\t\t</video>\n\t\t\t\t</Disabled>\n\t\t\t\t{ !! temporaryURL && <Spinner /> }\n\t\t\t\t<Caption\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisSelected={ isSingleSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tlabel={ __( 'Video caption text' ) }\n\t\t\t\t\tshowToolbarButton={ isSingleSelected }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n\nexport default VideoEdit;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_blob","_components","_blockEditor","_element","_i18n","_data","_icons","_notices","_util","_hooks","_editCommonSettings","_tracksEditor","_tracks","_caption","_posterImage","_jsxRuntime","ALLOWED_MEDIA_TYPES","VideoEdit","isSelected","isSingleSelected","attributes","className","setAttributes","insertBlocksAfter","onReplace","videoPlayer","useRef","id","controls","poster","src","tracks","temporaryURL","setTemporaryURL","useState","blob","dropdownMenuProps","useToolsPanelDropdownMenuProps","blockEditingMode","useBlockEditingMode","hasNonContentControls","useUploadMediaFromBlobURL","url","allowedTypes","onChange","onSelectVideo","onError","onUploadError","useEffect","current","load","media","undefined","caption","isBlobURL","image","icon","onSelectURL","newSrc","embedBlock","createUpgradedEmbedBlock","createErrorNotice","useDispatch","noticesStore","message","type","placeholder","content","jsx","Placeholder","withIllustration","label","__","instructions","children","classes","clsx","blockProps","useBlockProps","MediaPlaceholder","BlockIcon","onSelect","accept","value","jsxs","Fragment","BlockControls","default","newTracks","group","MediaReplaceFlow","mediaId","mediaURL","onReset","InspectorControls","__experimentalToolsPanel","resetAll","autoplay","loop","muted","playsInline","preload","posterImage","Disabled","isDisabled","ref","Spinner","Caption","showToolbarButton","_default","exports"],"sources":["@wordpress/block-library/src/video/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tDisabled,\n\tSpinner,\n\tPlaceholder,\n\t__experimentalToolsPanel as ToolsPanel,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { video as icon } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport {\n\tuseUploadMediaFromBlobURL,\n\tuseToolsPanelDropdownMenuProps,\n} from '../utils/hooks';\nimport VideoCommonSettings from './edit-common-settings';\nimport TracksEditor from './tracks-editor';\nimport Tracks from './tracks';\nimport { Caption } from '../utils/caption';\nimport PosterImage from '../utils/poster-image';\n\nconst ALLOWED_MEDIA_TYPES = [ 'video' ];\n\nfunction VideoEdit( {\n\tisSelected: isSingleSelected,\n\tattributes,\n\tclassName,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tonReplace,\n} ) {\n\tconst videoPlayer = useRef();\n\tconst { id, controls, poster, src, tracks } = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState( attributes.blob );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst blockEditingMode = useBlockEditingMode();\n\tconst hasNonContentControls = blockEditingMode === 'default';\n\n\tuseUploadMediaFromBlobURL( {\n\t\turl: temporaryURL,\n\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\tonChange: onSelectVideo,\n\t\tonError: onUploadError,\n\t} );\n\n\tuseEffect( () => {\n\t\t// Placeholder may be rendered.\n\t\tif ( videoPlayer.current ) {\n\t\t\tvideoPlayer.current.load();\n\t\t}\n\t}, [ poster ] );\n\n\t// TODO: Whether the video was obtained from the media library or was provided by URL, obtain the `videoWidth` and `videoHeight` of the video once its metadata has loaded and persist in the block attributes.\n\tfunction onSelectVideo( media ) {\n\t\tif ( ! media || ! media.url ) {\n\t\t\t// In this case there was an error\n\t\t\t// previous attributes should be removed\n\t\t\t// because they may be temporary blob urls.\n\t\t\tsetAttributes( {\n\t\t\t\tsrc: undefined,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t\tcaption: undefined,\n\t\t\t\tblob: undefined,\n\t\t\t} );\n\t\t\tsetTemporaryURL();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tsetTemporaryURL( media.url );\n\t\t\treturn;\n\t\t}\n\n\t\t// Sets the block's attribute and updates the edit component from the\n\t\t// selected media.\n\t\tsetAttributes( {\n\t\t\tblob: undefined,\n\t\t\tsrc: media.url,\n\t\t\tid: media.id,\n\t\t\tposter:\n\t\t\t\tmedia.image?.src !== media.icon ? media.image?.src : undefined,\n\t\t\tcaption: media.caption,\n\t\t} );\n\t\tsetTemporaryURL();\n\t}\n\n\tfunction onSelectURL( newSrc ) {\n\t\tif ( newSrc !== src ) {\n\t\t\t// Check if there's an embed block that handles this URL.\n\t\t\tconst embedBlock = createUpgradedEmbedBlock( {\n\t\t\t\tattributes: { url: newSrc },\n\t\t\t} );\n\t\t\tif ( undefined !== embedBlock && onReplace ) {\n\t\t\t\tonReplace( embedBlock );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tblob: undefined,\n\t\t\t\tsrc: newSrc,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t} );\n\t\t\tsetTemporaryURL();\n\t\t}\n\t}\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onUploadError( message ) {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\t// Much of this description is duplicated from MediaPlaceholder.\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName=\"block-editor-media-placeholder\"\n\t\t\t\twithIllustration={ ! isSingleSelected }\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ __( 'Video' ) }\n\t\t\t\tinstructions={ __(\n\t\t\t\t\t'Drag and drop a video, upload, or choose from your library.'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst classes = clsx( className, {\n\t\t'is-transient': !! temporaryURL,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\n\tif ( ! src && ! temporaryURL ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ attributes }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isSingleSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<TracksEditor\n\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\tonChange={ ( newTracks ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { tracks: newTracks } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\t\tmediaURL={ src }\n\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\t\tonReset={ () => onSelectVideo( undefined ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<InspectorControls>\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( {\n\t\t\t\t\t\t\tautoplay: false,\n\t\t\t\t\t\t\tcontrols: true,\n\t\t\t\t\t\t\tloop: false,\n\t\t\t\t\t\t\tmuted: false,\n\t\t\t\t\t\t\tplaysInline: false,\n\t\t\t\t\t\t\tpreload: 'metadata',\n\t\t\t\t\t\t\tposter: undefined,\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<VideoCommonSettings\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t/>\n\t\t\t\t\t<PosterImage\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tonChange={ ( posterImage ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tposter: posterImage?.url,\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</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ /*\n Disable the video tag if the block is not selected\n so the user clicking on it won't play the\n video when the controls are enabled.\n */ }\n\t\t\t\t<Disabled isDisabled={ ! isSingleSelected }>\n\t\t\t\t\t<video\n\t\t\t\t\t\tcontrols={ controls }\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tsrc={ src || temporaryURL }\n\t\t\t\t\t\tref={ videoPlayer }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tracks tracks={ tracks } />\n\t\t\t\t\t</video>\n\t\t\t\t</Disabled>\n\t\t\t\t{ !! temporaryURL && <Spinner /> }\n\t\t\t\t<Caption\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisSelected={ isSingleSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tlabel={ __( 'Video caption text' ) }\n\t\t\t\t\tshowToolbarButton={\n\t\t\t\t\t\tisSingleSelected && hasNonContentControls\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n\nexport default VideoEdit;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@ import { ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl,
|
|
|
10
10
|
*/
|
|
11
11
|
import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
|
-
const ACCORDION_BLOCK_NAME = 'core/accordion-
|
|
13
|
+
const ACCORDION_BLOCK_NAME = 'core/accordion-content';
|
|
14
14
|
const ACCORDION_BLOCK = {
|
|
15
15
|
name: ACCORDION_BLOCK_NAME
|
|
16
16
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useBlockProps","useInnerBlocksProps","InspectorControls","__","ToggleControl","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ACCORDION_BLOCK_NAME","ACCORDION_BLOCK","name","Edit","attributes","autoclose","iconPosition","showIcon","setAttributes","blockProps","dropdownMenuProps","innerBlocksProps","template","defaultBlock","directInsert","templateInsertUpdatesSelection","children","label","resetAll","isShownByDefault","hasValue","onDeselect","isBlock","__nextHasNoMarginBottom","onChange","value","checked","help","__next40pxDefaultSize"],"sources":["@wordpress/block-library/src/accordion/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst ACCORDION_BLOCK_NAME = 'core/accordion-content';\nconst ACCORDION_BLOCK = {\n\tname: ACCORDION_BLOCK_NAME,\n};\n\nexport default function Edit( {\n\tattributes: { autoclose, iconPosition, showIcon },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps();\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: [ [ ACCORDION_BLOCK_NAME ], [ ACCORDION_BLOCK_NAME ] ],\n\t\tdefaultBlock: ACCORDION_BLOCK,\n\t\tdirectInsert: true,\n\t\ttemplateInsertUpdatesSelection: true,\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( {\n\t\t\t\t\t\t\tautoclose: false,\n\t\t\t\t\t\t\tshowIcon: true,\n\t\t\t\t\t\t\ticonPosition: 'right',\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={ __( 'Auto-close' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! autoclose }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { autoclose: false } )\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\tisBlock\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Auto-close' ) }\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\tautoclose: value,\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={ autoclose }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Automatically close accordions when a new one is opened.'\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\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Show icon' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => ! showIcon }\n\t\t\t\t\t\tonDeselect={ () => setAttributes( { showIcon: true } ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show icon' ) }\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\tshowIcon: value,\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={ showIcon }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Display a plus icon next to the accordion header.'\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\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Icon Position' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => iconPosition !== 'right' }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { iconPosition: 'right' } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tlabel={ __( 'Icon Position' ) }\n\t\t\t\t\t\t\tvalue={ iconPosition }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { iconPosition: value } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tlabel={ __( 'Left' ) }\n\t\t\t\t\t\t\t\tvalue=\"left\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\t\tlabel={ __( 'Right' ) }\n\t\t\t\t\t\t\t\tvalue=\"right\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToggleGroupControl>\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":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WordPress dependencies
|
|
3
|
+
*/
|
|
4
|
+
import { SVG, Path } from '@wordpress/primitives';
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
export default /*#__PURE__*/_jsxs(SVG, {
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
10
|
+
fillRule: "evenodd",
|
|
11
|
+
clipRule: "evenodd",
|
|
12
|
+
d: "M19.5 9.25L9.5 9.25L9.5 7.75L19.5 7.75L19.5 9.25Z",
|
|
13
|
+
fill: "currentColor"
|
|
14
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
15
|
+
d: "M4.5 6L8.5 8.5L4.5 11L4.5 6Z",
|
|
16
|
+
fill: "currentColor"
|
|
17
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
clipRule: "evenodd",
|
|
20
|
+
d: "M19.5 16.25L9.5 16.25L9.5 14.75L19.5 14.75L19.5 16.25Z",
|
|
21
|
+
fill: "currentColor"
|
|
22
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
23
|
+
d: "M4.5 13L8.5 15.5L4.5 18L4.5 13Z",
|
|
24
|
+
fill: "currentColor"
|
|
25
|
+
})]
|
|
26
|
+
});
|
|
27
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SVG","Path","jsx","_jsx","jsxs","_jsxs","xmlns","viewBox","children","fillRule","clipRule","d","fill"],"sources":["@wordpress/block-library/src/accordion/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.25L9.5 9.25L9.5 7.75L19.5 7.75L19.5 9.25Z\"\n\t\t\tfill=\"currentColor\"\n\t\t/>\n\t\t<Path d=\"M4.5 6L8.5 8.5L4.5 11L4.5 6Z\" fill=\"currentColor\" />\n\t\t<Path\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M19.5 16.25L9.5 16.25L9.5 14.75L19.5 14.75L19.5 16.25Z\"\n\t\t\tfill=\"currentColor\"\n\t\t/>\n\t\t<Path d=\"M4.5 13L8.5 15.5L4.5 18L4.5 13Z\" 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,mDAAmD;IACrDC,IAAI,EAAC;EAAc,CACnB,CAAC,eACFT,IAAA,CAACF,IAAI;IAACU,CAAC,EAAC,8BAA8B;IAACC,IAAI,EAAC;EAAc,CAAE,CAAC,eAC7DT,IAAA,CAACF,IAAI;IACJQ,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,wDAAwD;IAC1DC,IAAI,EAAC;EAAc,CACnB,CAAC,eACFT,IAAA,CAACF,IAAI;IAACU,CAAC,EAAC,iCAAiC;IAACC,IAAI,EAAC;EAAc,CAAE,CAAC;AAAA,CAC5D,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { accordion } from '@wordpress/icons';
|
|
5
1
|
/**
|
|
6
2
|
* Internal dependencies
|
|
7
3
|
*/
|
|
@@ -10,10 +6,10 @@ import save from './save';
|
|
|
10
6
|
const metadata = {
|
|
11
7
|
$schema: "https://schemas.wp.org/trunk/block.json",
|
|
12
8
|
apiVersion: 3,
|
|
13
|
-
name: "core/
|
|
14
|
-
title: "
|
|
9
|
+
name: "core/accordion",
|
|
10
|
+
title: "Accordion",
|
|
15
11
|
category: "design",
|
|
16
|
-
description: "
|
|
12
|
+
description: "Displays a group of accordion headers and associated expandable content.",
|
|
17
13
|
example: {},
|
|
18
14
|
__experimental: true,
|
|
19
15
|
supports: {
|
|
@@ -72,17 +68,18 @@ const metadata = {
|
|
|
72
68
|
"core/accordion-icon-position": "iconPosition",
|
|
73
69
|
"core/accordion-show-icon": "showIcon"
|
|
74
70
|
},
|
|
75
|
-
allowedBlocks: ["core/accordion-
|
|
71
|
+
allowedBlocks: ["core/accordion-content"],
|
|
76
72
|
textdomain: "default",
|
|
77
|
-
style: "wp-block-
|
|
73
|
+
style: "wp-block-accordion"
|
|
78
74
|
};
|
|
79
75
|
import initBlock from '../utils/init-block';
|
|
76
|
+
import icon from './icon';
|
|
80
77
|
const {
|
|
81
78
|
name
|
|
82
79
|
} = metadata;
|
|
83
80
|
export { metadata, name };
|
|
84
81
|
export const settings = {
|
|
85
|
-
icon
|
|
82
|
+
icon,
|
|
86
83
|
example: {},
|
|
87
84
|
edit,
|
|
88
85
|
save
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,aAAa,EACbC,mBAAmB,EACnBC,iBAAiB,EACjBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SACCC,aAAa,EACbC,wBAAwB,IAAIC,UAAU,EACtCC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B;AACA;AACA;AACA,OAAOC,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,8BAA8B,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhE,eAAe,SAASC,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC;EAAc,CAAC;EAC7BC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,iBAAiB,GAAGZ,8BAA8B,CAAC,CAAC;EAE1D,MAAM;IAAEa,UAAU;IAAEC;EAAc,CAAC,GAAGtB,SAAS,CAC5CuB,MAAM,IAAM;IACb,MAAM;MACLC,eAAe;MACfC,qBAAqB;MACrBH,aAAa,EAAEI;IAChB,CAAC,GAAGH,MAAM,CAAEzB,gBAAiB,CAAC;IAC9B,OAAO;MACNuB,UAAU,EACTG,eAAe,CAAEN,QAAS,CAAC,IAC3BO,qBAAqB,CAAEP,QAAQ,EAAE,IAAK,CAAC;MACxCI,aAAa,EAAEI;IAChB,CAAC;EACF,CAAC,EACD,CAAER,QAAQ,CACX,CAAC;EAED,MAAMS,oBAAoB,GAAGL,aAAa,CAAEJ,QAAS,CAAC,CAAE,CAAC,CAAE;EAC3D,MAAM;IAAEU,qBAAqB;IAAEC;EAAwC,CAAC,GACvE9B,WAAW,CAAED,gBAAiB,CAAC;EAEhCG,SAAS,CAAE,MAAM;IAChB,IAAK0B,oBAAoB,EAAG;MAC3BE,uCAAuC,CAAC,CAAC;MACzCD,qBAAqB,CAAED,oBAAoB,EAAE;QAC5CN;MACD,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CACFA,UAAU,EACVM,oBAAoB,EACpBE,uCAAuC,EACvCD,qBAAqB,CACpB,CAAC;EAEH,MAAME,UAAU,GAAGpC,aAAa,CAAC,CAAC;EAClC,MAAMqC,gBAAgB,GAAGpC,mBAAmB,CAC3C;IACC,GAAGmC,UAAU;IACbE,SAAS,EAAEzB,IAAI,CAAEuB,UAAU,CAACE,SAAS,EAAE;MACtC,SAAS,EAAEf,aAAa,IAAII;IAC7B,CAAE;EACH,CAAC,EACD;IACCY,QAAQ,EAAE,CACT,CAAE,uBAAuB,EAAE,CAAC,CAAC,CAAE,EAC/B,CACC,sBAAsB,EACtB;MACChB;IACD,CAAC,CACD,CACD;IACDiB,YAAY,EAAE,KAAK;IACnBC,YAAY,EAAE,IAAI;IAClBC,8BAA8B,EAAE;EACjC,CACD,CAAC;EAED,oBACCtB,KAAA,CAAAF,SAAA;IAAAyB,QAAA,gBACC3B,IAAA,CAACd,iBAAiB;MAAAyC,QAAA,eACjB3B,IAAA,CAACN,UAAU;QACVkC,KAAK,EAAG7C,EAAE,CAAE,UAAW,CAAG;QAC1B8C,QAAQ,EAAGA,CAAA,KAAM;UAChBpB,aAAa,CAAE;YAAEF,aAAa,EAAE;UAAM,CAAE,CAAC;UACzC,IAAKU,oBAAoB,EAAG;YAC3BC,qBAAqB,CAAED,oBAAoB,EAAE;cAC5CV,aAAa,EAAE;YAChB,CAAE,CAAC;UACJ;QACD,CAAG;QACHG,iBAAiB,EAAGA,iBAAmB;QAAAiB,QAAA,eAEvC3B,IAAA,CAACJ,cAAc;UACdgC,KAAK,EAAG7C,EAAE,CAAE,iBAAkB,CAAG;UACjC+C,gBAAgB;UAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAExB,aAAe;UACnCyB,UAAU,EAAGA,CAAA,KAAM;YAClBvB,aAAa,CAAE;cAAEF,aAAa,EAAE;YAAM,CAAE,CAAC;YACzC,IAAKU,oBAAoB,EAAG;cAC3BC,qBAAqB,CAAED,oBAAoB,EAAE;gBAC5CV,aAAa,EAAE;cAChB,CAAE,CAAC;YACJ;UACD,CAAG;UAAAoB,QAAA,eAEH3B,IAAA,CAACR,aAAa;YACboC,KAAK,EAAG7C,EAAE,CAAE,iBAAkB,CAAG;YACjCkD,uBAAuB;YACvBC,QAAQ,EAAKC,KAAK,IAAM;cACvB1B,aAAa,CAAE;gBACdF,aAAa,EAAE4B;cAChB,CAAE,CAAC;cACH,IAAKlB,oBAAoB,EAAG;gBAC3BC,qBAAqB,CACpBD,oBAAoB,EACpB;kBACCV,aAAa,EAAE4B;gBAChB,CACD,CAAC;cACF;YACD,CAAG;YACHC,OAAO,EAAG7B,aAAe;YACzB8B,IAAI,EAAGtD,EAAE,CACR,iDACD;UAAG,CACH;QAAC,CACa;MAAC,CACN;IAAC,GAhDS,SAiDJ,CAAC,eACpBiB,IAAA;MAAA,GAAUqB;IAAgB,CAAI,CAAC;EAAA,CAC9B,CAAC;AAEL","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WordPress dependencies
|
|
3
|
+
*/
|
|
4
|
+
import { SVG, Path } from '@wordpress/primitives';
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
export default /*#__PURE__*/_jsxs(SVG, {
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
10
|
+
fillRule: "evenodd",
|
|
11
|
+
clipRule: "evenodd",
|
|
12
|
+
d: "M19.5 9.5L9.5 9.5L9.5 8L19.5 8L19.5 9.5Z",
|
|
13
|
+
fill: "currentColor"
|
|
14
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
15
|
+
fillRule: "evenodd",
|
|
16
|
+
clipRule: "evenodd",
|
|
17
|
+
d: "M19.5 13L9.5 13L9.5 11.5L19.5 11.5L19.5 13Z",
|
|
18
|
+
fill: "currentColor"
|
|
19
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
20
|
+
fillRule: "evenodd",
|
|
21
|
+
clipRule: "evenodd",
|
|
22
|
+
d: "M19.5 16.3999L9.5 16.3999L9.5 14.8999L19.5 14.8999L19.5 16.3999Z",
|
|
23
|
+
fill: "currentColor"
|
|
24
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
25
|
+
d: "M4.5 6.25L8.5 8.75L4.5 11.25L4.5 6.25Z",
|
|
26
|
+
fill: "currentColor"
|
|
27
|
+
})]
|
|
28
|
+
});
|
|
29
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { accordionItem } from '@wordpress/icons';
|
|
5
1
|
/**
|
|
6
2
|
* Internal dependencies
|
|
7
3
|
*/
|
|
@@ -10,14 +6,14 @@ import save from './save';
|
|
|
10
6
|
const metadata = {
|
|
11
7
|
$schema: "https://schemas.wp.org/trunk/block.json",
|
|
12
8
|
apiVersion: 3,
|
|
13
|
-
name: "core/accordion-
|
|
9
|
+
name: "core/accordion-content",
|
|
14
10
|
version: "0.1.0",
|
|
15
|
-
title: "Accordion",
|
|
11
|
+
title: "Accordion Content",
|
|
16
12
|
category: "design",
|
|
17
|
-
description: "
|
|
13
|
+
description: "Displays a section of content in an accordion, including a header and expandable content.",
|
|
18
14
|
example: {},
|
|
19
15
|
__experimental: true,
|
|
20
|
-
parent: ["core/
|
|
16
|
+
parent: ["core/accordion"],
|
|
21
17
|
allowedBlocks: ["core/accordion-header", "core/accordion-panel"],
|
|
22
18
|
supports: {
|
|
23
19
|
align: ["wide", "full"],
|
|
@@ -53,12 +49,13 @@ const metadata = {
|
|
|
53
49
|
textdomain: "default"
|
|
54
50
|
};
|
|
55
51
|
import initBlock from '../utils/init-block';
|
|
52
|
+
import icon from './icon';
|
|
56
53
|
const {
|
|
57
54
|
name
|
|
58
55
|
} = metadata;
|
|
59
56
|
export { metadata, name };
|
|
60
57
|
export const settings = {
|
|
61
|
-
icon
|
|
58
|
+
icon,
|
|
62
59
|
example: {},
|
|
63
60
|
edit,
|
|
64
61
|
save
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -12,7 +12,7 @@ import { ToolbarGroup } from '@wordpress/components';
|
|
|
12
12
|
/**
|
|
13
13
|
* Internal dependencies
|
|
14
14
|
*/
|
|
15
|
-
import { plus } from '../accordion-
|
|
15
|
+
import { plus } from '../accordion-content/icons';
|
|
16
16
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
17
17
|
const ICONS = {
|
|
18
18
|
plus
|
|
@@ -63,7 +63,7 @@ export default function Edit({
|
|
|
63
63
|
})
|
|
64
64
|
}), /*#__PURE__*/_jsx(TagName, {
|
|
65
65
|
...blockProps,
|
|
66
|
-
className: clsx(blockProps.className, colorProps.className, borderProps.className, 'accordion-
|
|
66
|
+
className: clsx(blockProps.className, colorProps.className, borderProps.className, 'accordion-content__heading', {
|
|
67
67
|
[`has-custom-font-size`]: blockProps.style.fontSize,
|
|
68
68
|
[`icon-position-left`]: iconPosition === 'left',
|
|
69
69
|
[`has-text-align-${textAlign}`]: textAlign
|
|
@@ -74,7 +74,7 @@ export default function Edit({
|
|
|
74
74
|
...shadowProps.style
|
|
75
75
|
},
|
|
76
76
|
children: /*#__PURE__*/_jsxs("button", {
|
|
77
|
-
className: clsx('accordion-
|
|
77
|
+
className: clsx('accordion-content__toggle'),
|
|
78
78
|
style: {
|
|
79
79
|
...spacingProps.style
|
|
80
80
|
},
|
|
@@ -88,7 +88,7 @@ export default function Edit({
|
|
|
88
88
|
}),
|
|
89
89
|
placeholder: __('Accordion title')
|
|
90
90
|
}), shouldShowIcon && /*#__PURE__*/_jsx("span", {
|
|
91
|
-
className: clsx(`accordion-
|
|
91
|
+
className: clsx(`accordion-content__toggle-icon`, {
|
|
92
92
|
'has-icon-plus': true
|
|
93
93
|
}),
|
|
94
94
|
style: {
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WordPress dependencies
|
|
3
|
+
*/
|
|
4
|
+
import { SVG, Path } from '@wordpress/primitives';
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
export default /*#__PURE__*/_jsxs(SVG, {
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
10
|
+
fillRule: "evenodd",
|
|
11
|
+
clipRule: "evenodd",
|
|
12
|
+
d: "M19.5 12.75L9.5 12.75L9.5 11.25L19.5 11.25L19.5 12.75Z",
|
|
13
|
+
fill: "currentColor"
|
|
14
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
15
|
+
d: "M4.5 9.5L8.5 12L4.5 14.5L4.5 9.5Z",
|
|
16
|
+
fill: "currentColor"
|
|
17
|
+
})]
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SVG","Path","jsx","_jsx","jsxs","_jsxs","xmlns","viewBox","children","fillRule","clipRule","d","fill"],"sources":["@wordpress/block-library/src/accordion-header/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 12.75L9.5 12.75L9.5 11.25L19.5 11.25L19.5 12.75Z\"\n\t\t\tfill=\"currentColor\"\n\t\t/>\n\t\t<Path d=\"M4.5 9.5L8.5 12L4.5 14.5L4.5 9.5Z\" 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,wDAAwD;IAC1DC,IAAI,EAAC;EAAc,CACnB,CAAC,eACFT,IAAA,CAACF,IAAI;IAACU,CAAC,EAAC,mCAAmC;IAACC,IAAI,EAAC;EAAc,CAAE,CAAC;AAAA,CAC9D,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { accordionHeader } from '@wordpress/icons';
|
|
5
1
|
/**
|
|
6
2
|
* Internal dependencies
|
|
7
3
|
*/
|
|
@@ -14,10 +10,10 @@ const metadata = {
|
|
|
14
10
|
version: "0.1.0",
|
|
15
11
|
title: "Accordion Header",
|
|
16
12
|
category: "design",
|
|
17
|
-
description: "
|
|
13
|
+
description: "Displays an accordion header.",
|
|
18
14
|
example: {},
|
|
19
15
|
__experimental: true,
|
|
20
|
-
parent: ["core/accordion-
|
|
16
|
+
parent: ["core/accordion-content"],
|
|
21
17
|
usesContext: ["core/accordion-icon-position", "core/accordion-show-icon"],
|
|
22
18
|
supports: {
|
|
23
19
|
anchor: true,
|
|
@@ -98,12 +94,13 @@ const metadata = {
|
|
|
98
94
|
textdomain: "default"
|
|
99
95
|
};
|
|
100
96
|
import initBlock from '../utils/init-block';
|
|
97
|
+
import icon from './icon';
|
|
101
98
|
const {
|
|
102
99
|
name
|
|
103
100
|
} = metadata;
|
|
104
101
|
export { metadata, name };
|
|
105
102
|
export const settings = {
|
|
106
|
-
icon
|
|
103
|
+
icon,
|
|
107
104
|
example: {},
|
|
108
105
|
edit,
|
|
109
106
|
save
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["edit","save","metadata","$schema","apiVersion","name","version","title","category","description","example","__experimental","parent","usesContext","supports","anchor","color","background","gradient","align","border","interactivity","spacing","padding","margin","__experimentalDefaultControls","__experimentalBorder","radius","style","width","typography","textAlign","fontSize","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","fontFamily","shadow","attributes","openByDefault","type","source","selector","level","levelOptions","textAlignment","iconPosition","showIcon","textdomain","initBlock","icon","settings","init"],"sources":["@wordpress/block-library/src/accordion-header/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,WAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAC,KAAA;MAAAC,UAAA;MAAAC,QAAA;IAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,aAAA;IAAAC,OAAA;MAAAC,OAAA;MAAAC,MAAA;MAAAC,6BAAA;QAAAF,OAAA;QAAAC,MAAA;MAAA;IAAA;IAAAE,oBAAA;MAAAV,KAAA;MAAAW,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAJ,6BAAA;QAAAT,KAAA;QAAAW,MAAA;QAAAC,KAAA;QAAAC,KAAA;MAAA;IAAA;IAAAC,UAAA;MAAAC,SAAA;MAAAC,QAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAb,6BAAA;QAAAO,QAAA;QAAAO,UAAA;MAAA;IAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,aAAA;MAAAC,IAAA;MAAA;IAAA;IAAApC,KAAA;MAAAoC,IAAA;MAAAC,MAAA;MAAAC,QAAA;IAAA;IAAAC,KAAA;MAAAH,IAAA;MAAA;IAAA;IAAAI,YAAA;MAAAJ,IAAA;IAAA;IAAAK,aAAA;MAAAL,IAAA;MAAA;IAAA;IAAAM,YAAA;MAAAN,IAAA;MAAA;MAAA;IAAA;IAAAO,QAAA;MAAAP,IAAA;MAAA;IAAA;EAAA;EAAAQ,UAAA;AAAA;AAE1B,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AAEzB,MAAM;EAAEhD;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMiD,QAAQ,GAAG;EACvBD,IAAI;EACJ3C,OAAO,EAAE,CAAC,CAAC;EACXV,IAAI;EACJC;AACD,CAAC;AAED,OAAO,MAAMsD,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAE;EAAE/C,IAAI;EAAEH,QAAQ;EAAEoD;AAAS,CAAE,CAAC","ignoreList":[]}
|