@wordpress/block-library 9.36.2-next.8fd3f8831.0 → 9.37.2-next.06ee73755.0

package/build-module/verse/edit.mjs

@@ -0,0 +1,64 @@
+// packages/block-library/src/verse/edit.js
+import clsx from "clsx";
+import { __ } from "@wordpress/i18n";
+import {
+  RichText,
+  BlockControls,
+  AlignmentToolbar,
+  useBlockProps
+} from "@wordpress/block-editor";
+import { createBlock, getDefaultBlockName } from "@wordpress/blocks";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function VerseEdit({
+  attributes,
+  setAttributes,
+  mergeBlocks,
+  onRemove,
+  insertBlocksAfter,
+  style
+}) {
+  const { textAlign, content } = attributes;
+  const blockProps = useBlockProps({
+    className: clsx({
+      [`has-text-align-${textAlign}`]: textAlign
+    }),
+    style
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(BlockControls, { children: /* @__PURE__ */ jsx(
+      AlignmentToolbar,
+      {
+        value: textAlign,
+        onChange: (nextAlign) => {
+          setAttributes({ textAlign: nextAlign });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      RichText,
+      {
+        tagName: "pre",
+        identifier: "content",
+        preserveWhiteSpace: true,
+        value: content,
+        onChange: (nextContent) => {
+          setAttributes({
+            content: nextContent
+          });
+        },
+        "aria-label": __("Verse text"),
+        placeholder: __("Write verse\u2026"),
+        onRemove,
+        onMerge: mergeBlocks,
+        textAlign,
+        ...blockProps,
+        __unstablePastePlainText: true,
+        __unstableOnSplitAtDoubleLineEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
+      }
+    )
+  ] });
+}
+export {
+  VerseEdit as default
+};
+//# sourceMappingURL=edit.mjs.map

package/build-module/verse/index.mjs

@@ -0,0 +1,55 @@
+// packages/block-library/src/verse/index.js
+import { __ } from "@wordpress/i18n";
+import { verse as icon } from "@wordpress/icons";
+import { privateApis as blocksPrivateApis } from "@wordpress/blocks";
+import initBlock from "../utils/init-block.mjs";
+import deprecated from "./deprecated.mjs";
+import edit from "./edit.mjs";
+import metadata from "./block.json";
+import save from "./save.mjs";
+import transforms from "./transforms.mjs";
+import { unlock } from "../lock-unlock.mjs";
+var { fieldsKey, formKey } = unlock(blocksPrivateApis);
+var { name } = metadata;
+var settings = {
+  icon,
+  example: {
+    attributes: {
+      /* eslint-disable @wordpress/i18n-no-collapsible-whitespace */
+      // translators: Sample content for the Verse block. Can be replaced with a more locale-adequate work.
+      content: __(
+        "WHAT was he doing, the great god Pan,\n	Down in the reeds by the river?\nSpreading ruin and scattering ban,\nSplashing and paddling with hoofs of a goat,\nAnd breaking the golden lilies afloat\n    With the dragon-fly on the river."
+      )
+      /* eslint-enable @wordpress/i18n-no-collapsible-whitespace */
+    }
+  },
+  transforms,
+  deprecated,
+  merge(attributes, attributesToMerge) {
+    return {
+      content: attributes.content + "\n\n" + attributesToMerge.content
+    };
+  },
+  edit,
+  save
+};
+if (window.__experimentalContentOnlyInspectorFields) {
+  settings[fieldsKey] = [
+    {
+      id: "content",
+      label: __("Content"),
+      type: "richtext"
+    }
+  ];
+  settings[formKey] = {
+    fields: ["content"]
+  };
+}
+var init = () => initBlock({ name, metadata, settings });
+export {
+  init,
+  metadata,
+  name,
+  settings
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/verse/init.mjs

@@ -0,0 +1,7 @@
+// packages/block-library/src/verse/init.js
+import { init } from "./index.mjs";
+var init_default = init();
+export {
+  init_default as default
+};
+//# sourceMappingURL=init.mjs.map

package/build-module/verse/save.mjs

@@ -0,0 +1,15 @@
+// packages/block-library/src/verse/save.js
+import clsx from "clsx";
+import { RichText, useBlockProps } from "@wordpress/block-editor";
+import { jsx } from "react/jsx-runtime";
+function save({ attributes }) {
+  const { textAlign, content } = attributes;
+  const className = clsx({
+    [`has-text-align-${textAlign}`]: textAlign
+  });
+  return /* @__PURE__ */ jsx("pre", { ...useBlockProps.save({ className }), children: /* @__PURE__ */ jsx(RichText.Content, { value: content }) });
+}
+export {
+  save as default
+};
+//# sourceMappingURL=save.mjs.map

package/build-module/verse/transforms.mjs

@@ -0,0 +1,23 @@
+// packages/block-library/src/verse/transforms.js
+import { createBlock } from "@wordpress/blocks";
+var transforms = {
+  from: [
+    {
+      type: "block",
+      blocks: ["core/paragraph"],
+      transform: (attributes) => createBlock("core/verse", attributes)
+    }
+  ],
+  to: [
+    {
+      type: "block",
+      blocks: ["core/paragraph"],
+      transform: (attributes) => createBlock("core/paragraph", attributes)
+    }
+  ]
+};
+var transforms_default = transforms;
+export {
+  transforms_default as default
+};
+//# sourceMappingURL=transforms.mjs.map

package/build-module/video/deprecated.mjs

@@ -0,0 +1,46 @@
+// packages/block-library/src/video/deprecated.js
+import { RichText, useBlockProps } from "@wordpress/block-editor";
+import metadata from "./block.json";
+import Tracks from "./tracks.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { attributes: blockAttributes } = metadata;
+var v1 = {
+  attributes: blockAttributes,
+  save({ attributes }) {
+    const {
+      autoplay,
+      caption,
+      controls,
+      loop,
+      muted,
+      poster,
+      preload,
+      src,
+      playsInline,
+      tracks
+    } = attributes;
+    return /* @__PURE__ */ jsxs("figure", { ...useBlockProps.save(), children: [
+      src && /* @__PURE__ */ jsx(
+        "video",
+        {
+          autoPlay: autoplay,
+          controls,
+          loop,
+          muted,
+          poster,
+          preload: preload !== "metadata" ? preload : void 0,
+          src,
+          playsInline,
+          children: /* @__PURE__ */ jsx(Tracks, { tracks })
+        }
+      ),
+      !RichText.isEmpty(caption) && /* @__PURE__ */ jsx(RichText.Content, { tagName: "figcaption", value: caption })
+    ] });
+  }
+};
+var deprecated = [v1];
+var deprecated_default = deprecated;
+export {
+  deprecated_default as default
+};
+//# sourceMappingURL=deprecated.mjs.map

package/build-module/video/edit-common-settings.mjs

@@ -0,0 +1,182 @@
+// packages/block-library/src/video/edit-common-settings.js
+import { __, _x } from "@wordpress/i18n";
+import {
+  ToggleControl,
+  SelectControl,
+  __experimentalToolsPanelItem as ToolsPanelItem
+} from "@wordpress/components";
+import { useMemo, useCallback, Platform } from "@wordpress/element";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var options = [
+  { value: "auto", label: __("Auto") },
+  { value: "metadata", label: __("Metadata") },
+  { value: "none", label: _x("None", "Preload value") }
+];
+var VideoSettings = ({ setAttributes, attributes }) => {
+  const { autoplay, controls, loop, muted, playsInline, preload } = attributes;
+  const autoPlayHelpText = __(
+    "Autoplay may cause usability issues for some users."
+  );
+  const getAutoplayHelp = Platform.select({
+    web: useCallback((checked) => {
+      return checked ? autoPlayHelpText : null;
+    }, []),
+    native: autoPlayHelpText
+  });
+  const toggleFactory = useMemo(() => {
+    const toggleAttribute = (attribute) => {
+      return (newValue) => {
+        setAttributes({
+          [attribute]: newValue,
+          // Set muted and playsInLine when autoplay changes
+          // playsInline is set to true when autoplay is true to support iOS devices
+          ...attribute === "autoplay" && {
+            muted: newValue,
+            playsInline: newValue
+          }
+        });
+      };
+    };
+    return {
+      autoplay: toggleAttribute("autoplay"),
+      loop: toggleAttribute("loop"),
+      muted: toggleAttribute("muted"),
+      controls: toggleAttribute("controls"),
+      playsInline: toggleAttribute("playsInline")
+    };
+  }, []);
+  const onChangePreload = useCallback((value) => {
+    setAttributes({ preload: value });
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ToolsPanelItem,
+      {
+        label: __("Autoplay"),
+        isShownByDefault: true,
+        hasValue: () => !!autoplay,
+        onDeselect: () => {
+          setAttributes({ autoplay: false, muted: false });
+        },
+        children: /* @__PURE__ */ jsx(
+          ToggleControl,
+          {
+            label: __("Autoplay"),
+            onChange: toggleFactory.autoplay,
+            checked: !!autoplay,
+            help: getAutoplayHelp
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolsPanelItem,
+      {
+        label: __("Loop"),
+        isShownByDefault: true,
+        hasValue: () => !!loop,
+        onDeselect: () => {
+          setAttributes({ loop: false });
+        },
+        children: /* @__PURE__ */ jsx(
+          ToggleControl,
+          {
+            label: __("Loop"),
+            onChange: toggleFactory.loop,
+            checked: !!loop
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolsPanelItem,
+      {
+        label: __("Muted"),
+        isShownByDefault: true,
+        hasValue: () => !!muted,
+        onDeselect: () => {
+          setAttributes({ muted: false });
+        },
+        children: /* @__PURE__ */ jsx(
+          ToggleControl,
+          {
+            label: __("Muted"),
+            onChange: toggleFactory.muted,
+            checked: !!muted,
+            disabled: autoplay,
+            help: autoplay ? __("Muted because of Autoplay.") : null
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolsPanelItem,
+      {
+        label: __("Playback controls"),
+        isShownByDefault: true,
+        hasValue: () => !controls,
+        onDeselect: () => {
+          setAttributes({ controls: true });
+        },
+        children: /* @__PURE__ */ jsx(
+          ToggleControl,
+          {
+            label: __("Playback controls"),
+            onChange: toggleFactory.controls,
+            checked: !!controls
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolsPanelItem,
+      {
+        label: __("Play inline"),
+        isShownByDefault: true,
+        hasValue: () => !!playsInline,
+        onDeselect: () => {
+          setAttributes({ playsInline: false });
+        },
+        children: /* @__PURE__ */ jsx(
+          ToggleControl,
+          {
+            label: __("Play inline"),
+            onChange: toggleFactory.playsInline,
+            checked: !!playsInline,
+            disabled: autoplay,
+            help: autoplay ? __("Play inline enabled because of Autoplay.") : __(
+              "When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player."
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolsPanelItem,
+      {
+        label: __("Preload"),
+        isShownByDefault: true,
+        hasValue: () => preload !== "metadata",
+        onDeselect: () => {
+          setAttributes({ preload: "metadata" });
+        },
+        children: /* @__PURE__ */ jsx(
+          SelectControl,
+          {
+            __next40pxDefaultSize: true,
+            label: __("Preload"),
+            value: preload,
+            onChange: onChangePreload,
+            options,
+            hideCancelButton: true
+          }
+        )
+      }
+    )
+  ] });
+};
+var edit_common_settings_default = VideoSettings;
+export {
+  edit_common_settings_default as default
+};
+//# sourceMappingURL=edit-common-settings.mjs.map

package/build-module/video/edit.mjs

@@ -0,0 +1,236 @@
+// packages/block-library/src/video/edit.js
+import clsx from "clsx";
+import { isBlobURL } from "@wordpress/blob";
+import {
+  Disabled,
+  Spinner,
+  Placeholder,
+  __experimentalToolsPanel as ToolsPanel
+} from "@wordpress/components";
+import {
+  BlockControls,
+  BlockIcon,
+  InspectorControls,
+  MediaPlaceholder,
+  MediaReplaceFlow,
+  useBlockProps,
+  useBlockEditingMode
+} from "@wordpress/block-editor";
+import { useRef, useEffect, useState } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { useDispatch } from "@wordpress/data";
+import { video as icon } from "@wordpress/icons";
+import { store as noticesStore } from "@wordpress/notices";
+import { createUpgradedEmbedBlock } from "../embed/util.mjs";
+import {
+  useUploadMediaFromBlobURL,
+  useToolsPanelDropdownMenuProps
+} from "../utils/hooks.mjs";
+import VideoCommonSettings from "./edit-common-settings.mjs";
+import TracksEditor from "./tracks-editor.mjs";
+import Tracks from "./tracks.mjs";
+import { Caption } from "../utils/caption.mjs";
+import PosterImage from "../utils/poster-image.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ALLOWED_MEDIA_TYPES = ["video"];
+function VideoEdit({
+  isSelected: isSingleSelected,
+  attributes,
+  className,
+  setAttributes,
+  insertBlocksAfter,
+  onReplace
+}) {
+  const videoPlayer = useRef();
+  const { id, controls, poster, src, tracks } = attributes;
+  const [temporaryURL, setTemporaryURL] = useState(attributes.blob);
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+  const blockEditingMode = useBlockEditingMode();
+  const hasNonContentControls = blockEditingMode === "default";
+  useUploadMediaFromBlobURL({
+    url: temporaryURL,
+    allowedTypes: ALLOWED_MEDIA_TYPES,
+    onChange: onSelectVideo,
+    onError: onUploadError
+  });
+  useEffect(() => {
+    if (videoPlayer.current) {
+      videoPlayer.current.load();
+    }
+  }, [poster]);
+  function onSelectVideo(media) {
+    if (!media || !media.url) {
+      setAttributes({
+        src: void 0,
+        id: void 0,
+        poster: void 0,
+        caption: void 0,
+        blob: void 0
+      });
+      setTemporaryURL();
+      return;
+    }
+    if (isBlobURL(media.url)) {
+      setTemporaryURL(media.url);
+      return;
+    }
+    setAttributes({
+      blob: void 0,
+      src: media.url,
+      id: media.id,
+      poster: media.image?.src !== media.icon ? media.image?.src : void 0,
+      caption: media.caption
+    });
+    setTemporaryURL();
+  }
+  function onSelectURL(newSrc) {
+    if (newSrc !== src) {
+      const embedBlock = createUpgradedEmbedBlock({
+        attributes: { url: newSrc }
+      });
+      if (void 0 !== embedBlock && onReplace) {
+        onReplace(embedBlock);
+        return;
+      }
+      setAttributes({
+        blob: void 0,
+        src: newSrc,
+        id: void 0,
+        poster: void 0
+      });
+      setTemporaryURL();
+    }
+  }
+  const { createErrorNotice } = useDispatch(noticesStore);
+  function onUploadError(message) {
+    createErrorNotice(message, { type: "snackbar" });
+  }
+  const placeholder = (content) => {
+    return /* @__PURE__ */ jsx(
+      Placeholder,
+      {
+        className: "block-editor-media-placeholder",
+        withIllustration: !isSingleSelected,
+        icon,
+        label: __("Video"),
+        instructions: __(
+          "Drag and drop a video, upload, or choose from your library."
+        ),
+        children: content
+      }
+    );
+  };
+  const classes = clsx(className, {
+    "is-transient": !!temporaryURL
+  });
+  const blockProps = useBlockProps({
+    className: classes
+  });
+  if (!src && !temporaryURL) {
+    return /* @__PURE__ */ jsx("div", { ...blockProps, children: /* @__PURE__ */ jsx(
+      MediaPlaceholder,
+      {
+        icon: /* @__PURE__ */ jsx(BlockIcon, { icon }),
+        onSelect: onSelectVideo,
+        onSelectURL,
+        accept: "video/*",
+        allowedTypes: ALLOWED_MEDIA_TYPES,
+        value: attributes,
+        onError: onUploadError,
+        placeholder
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isSingleSelected && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BlockControls, { children: /* @__PURE__ */ jsx(
+        TracksEditor,
+        {
+          tracks,
+          onChange: (newTracks) => {
+            setAttributes({ tracks: newTracks });
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(BlockControls, { group: "other", children: /* @__PURE__ */ jsx(
+        MediaReplaceFlow,
+        {
+          mediaId: id,
+          mediaURL: src,
+          allowedTypes: ALLOWED_MEDIA_TYPES,
+          accept: "video/*",
+          onSelect: onSelectVideo,
+          onSelectURL,
+          onError: onUploadError,
+          onReset: () => onSelectVideo(void 0),
+          variant: "toolbar"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(InspectorControls, { children: /* @__PURE__ */ jsxs(
+      ToolsPanel,
+      {
+        label: __("Settings"),
+        resetAll: () => {
+          setAttributes({
+            autoplay: false,
+            controls: true,
+            loop: false,
+            muted: false,
+            playsInline: false,
+            preload: "metadata",
+            poster: void 0
+          });
+        },
+        dropdownMenuProps,
+        children: [
+          /* @__PURE__ */ jsx(
+            VideoCommonSettings,
+            {
+              setAttributes,
+              attributes
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PosterImage,
+            {
+              poster,
+              onChange: (posterImage) => setAttributes({
+                poster: posterImage?.url
+              })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("figure", { ...blockProps, children: [
+      /* @__PURE__ */ jsx(Disabled, { isDisabled: !isSingleSelected, children: /* @__PURE__ */ jsx(
+        "video",
+        {
+          controls,
+          poster,
+          src: src || temporaryURL,
+          ref: videoPlayer,
+          children: /* @__PURE__ */ jsx(Tracks, { tracks })
+        }
+      ) }),
+      !!temporaryURL && /* @__PURE__ */ jsx(Spinner, {}),
+      /* @__PURE__ */ jsx(
+        Caption,
+        {
+          attributes,
+          setAttributes,
+          isSelected: isSingleSelected,
+          insertBlocksAfter,
+          label: __("Video caption text"),
+          showToolbarButton: isSingleSelected && hasNonContentControls
+        }
+      )
+    ] })
+  ] });
+}
+var edit_default = VideoEdit;
+export {
+  edit_default as default
+};
+//# sourceMappingURL=edit.mjs.map

package/build-module/video/edit.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../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\tvariant=\"toolbar\"\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": ";AAGA,OAAO,UAAU;AAKjB,SAAS,iBAAiB;AAC1B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,4BAA4B;AAAA,OACtB;AACP;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,QAAQ,WAAW,gBAAgB;AAC5C,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,SAAS,YAAY;AAC9B,SAAS,SAAS,oBAAoB;AAKtC,SAAS,gCAAgC;AACzC;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,OAAO,yBAAyB;AAChC,OAAO,kBAAkB;AACzB,OAAO,YAAY;AACnB,SAAS,eAAe;AACxB,OAAO,iBAAiB;AAgGrB,SA0CC,UA1CD,KA0CC,YA1CD;AA9FH,IAAM,sBAAsB,CAAE,OAAQ;AAEtC,SAAS,UAAW;AAAA,EACnB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,cAAc,OAAO;AAC3B,QAAM,EAAE,IAAI,UAAU,QAAQ,KAAK,OAAO,IAAI;AAC9C,QAAM,CAAE,cAAc,eAAgB,IAAI,SAAU,WAAW,IAAK;AACpE,QAAM,oBAAoB,+BAA+B;AACzD,QAAM,mBAAmB,oBAAoB;AAC7C,QAAM,wBAAwB,qBAAqB;AAEnD,4BAA2B;AAAA,IAC1B,KAAK;AAAA,IACL,cAAc;AAAA,IACd,UAAU;AAAA,IACV,SAAS;AAAA,EACV,CAAE;AAEF,YAAW,MAAM;AAEhB,QAAK,YAAY,SAAU;AAC1B,kBAAY,QAAQ,KAAK;AAAA,IAC1B;AAAA,EACD,GAAG,CAAE,MAAO,CAAE;AAGd,WAAS,cAAe,OAAQ;AAC/B,QAAK,CAAE,SAAS,CAAE,MAAM,KAAM;AAI7B,oBAAe;AAAA,QACd,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MACP,CAAE;AACF,sBAAgB;AAChB;AAAA,IACD;AAEA,QAAK,UAAW,MAAM,GAAI,GAAI;AAC7B,sBAAiB,MAAM,GAAI;AAC3B;AAAA,IACD;AAIA,kBAAe;AAAA,MACd,MAAM;AAAA,MACN,KAAK,MAAM;AAAA,MACX,IAAI,MAAM;AAAA,MACV,QACC,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA,MACtD,SAAS,MAAM;AAAA,IAChB,CAAE;AACF,oBAAgB;AAAA,EACjB;AAEA,WAAS,YAAa,QAAS;AAC9B,QAAK,WAAW,KAAM;AAErB,YAAM,aAAa,yBAA0B;AAAA,QAC5C,YAAY,EAAE,KAAK,OAAO;AAAA,MAC3B,CAAE;AACF,UAAK,WAAc,cAAc,WAAY;AAC5C,kBAAW,UAAW;AACtB;AAAA,MACD;AACA,oBAAe;AAAA,QACd,MAAM;AAAA,QACN,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,QAAQ;AAAA,MACT,CAAE;AACF,sBAAgB;AAAA,IACjB;AAAA,EACD;AAEA,QAAM,EAAE,kBAAkB,IAAI,YAAa,YAAa;AACxD,WAAS,cAAe,SAAU;AACjC,sBAAmB,SAAS,EAAE,MAAM,WAAW,CAAE;AAAA,EAClD;AAGA,QAAM,cAAc,CAAE,YAAa;AAClC,WACC;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,kBAAmB,CAAE;AAAA,QACrB;AAAA,QACA,OAAQ,GAAI,OAAQ;AAAA,QACpB,cAAe;AAAA,UACd;AAAA,QACD;AAAA,QAEE;AAAA;AAAA,IACH;AAAA,EAEF;AAEA,QAAM,UAAU,KAAM,WAAW;AAAA,IAChC,gBAAgB,CAAC,CAAE;AAAA,EACpB,CAAE;AAEF,QAAM,aAAa,cAAe;AAAA,IACjC,WAAW;AAAA,EACZ,CAAE;AAEF,MAAK,CAAE,OAAO,CAAE,cAAe;AAC9B,WACC,oBAAC,SAAM,GAAG,YACT;AAAA,MAAC;AAAA;AAAA,QACA,MAAO,oBAAC,aAAU,MAAc;AAAA,QAChC,UAAW;AAAA,QACX;AAAA,QACA,QAAO;AAAA,QACP,cAAe;AAAA,QACf,OAAQ;AAAA,QACR,SAAU;AAAA,QACV;AAAA;AAAA,IACD,GACD;AAAA,EAEF;AAEA,SACC,iCACG;AAAA,wBACD,iCACC;AAAA,0BAAC,iBACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,UAAW,CAAE,cAAe;AAC3B,0BAAe,EAAE,QAAQ,UAAU,CAAE;AAAA,UACtC;AAAA;AAAA,MACD,GACD;AAAA,MACA,oBAAC,iBAAc,OAAM,SACpB;AAAA,QAAC;AAAA;AAAA,UACA,SAAU;AAAA,UACV,UAAW;AAAA,UACX,cAAe;AAAA,UACf,QAAO;AAAA,UACP,UAAW;AAAA,UACX;AAAA,UACA,SAAU;AAAA,UACV,SAAU,MAAM,cAAe,MAAU;AAAA,UACzC,SAAQ;AAAA;AAAA,MACT,GACD;AAAA,OACD;AAAA,IAED,oBAAC,qBACA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,UAAW;AAAA,QACvB,UAAW,MAAM;AAChB,wBAAe;AAAA,YACd,UAAU;AAAA,YACV,UAAU;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAa;AAAA,YACb,SAAS;AAAA,YACT,QAAQ;AAAA,UACT,CAAE;AAAA,QACH;AAAA,QACA;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA,UAAW,CAAE,gBACZ,cAAe;AAAA,gBACd,QAAQ,aAAa;AAAA,cACtB,CAAE;AAAA;AAAA,UAEJ;AAAA;AAAA;AAAA,IACD,GACD;AAAA,IACA,qBAAC,YAAS,GAAG,YAMZ;AAAA,0BAAC,YAAS,YAAa,CAAE,kBACxB;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAM,OAAO;AAAA,UACb,KAAM;AAAA,UAEN,8BAAC,UAAO,QAAkB;AAAA;AAAA,MAC3B,GACD;AAAA,MACE,CAAC,CAAE,gBAAgB,oBAAC,WAAQ;AAAA,MAC9B;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAa;AAAA,UACb;AAAA,UACA,OAAQ,GAAI,oBAAqB;AAAA,UACjC,mBACC,oBAAoB;AAAA;AAAA,MAEtB;AAAA,OACD;AAAA,KACD;AAEF;AAEA,IAAO,eAAQ;",
+  "names": []
+}