@wordpress/block-library 9.34.0 → 9.35.0

package/build-module/html/modal.js

@@ -0,0 +1,304 @@
+// packages/block-library/src/html/modal.js
+import { __ } from "@wordpress/i18n";
+import { useState, useMemo } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import {
+  Modal,
+  Button,
+  Flex,
+  privateApis as componentsPrivateApis,
+  __experimentalHStack as HStack,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import { PlainText, store as blockEditorStore } from "@wordpress/block-editor";
+import { fullscreen, square } from "@wordpress/icons";
+import { unlock } from "../lock-unlock";
+import Preview from "./preview";
+import { parseContent, serializeContent } from "./utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var { Tabs } = unlock(componentsPrivateApis);
+function HTMLEditModal({
+  isOpen,
+  onRequestClose,
+  content,
+  setAttributes
+}) {
+  const { html, css, js } = parseContent(content);
+  const [editedHtml, setEditedHtml] = useState(html);
+  const [editedCss, setEditedCss] = useState(css);
+  const [editedJs, setEditedJs] = useState(js);
+  const [isDirty, setIsDirty] = useState(false);
+  const [showUnsavedWarning, setShowUnsavedWarning] = useState(false);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const { canUserUseUnfilteredHTML, editorStyles } = useSelect(
+    (select) => {
+      const settings = select(blockEditorStore).getSettings();
+      return {
+        canUserUseUnfilteredHTML: settings.__experimentalCanUserUseUnfilteredHTML,
+        editorStyles: settings.styles
+      };
+    },
+    []
+  );
+  const shouldShowJsTab = canUserUseUnfilteredHTML || js.trim() !== "";
+  const styleContent = useMemo(() => {
+    if (!editorStyles) {
+      return "";
+    }
+    return editorStyles.filter((style) => style.css).map((style) => style.css).join("\n");
+  }, [editorStyles]);
+  if (!isOpen) {
+    return null;
+  }
+  const handleHtmlChange = (value) => {
+    setEditedHtml(value);
+    setIsDirty(true);
+  };
+  const handleCssChange = (value) => {
+    setEditedCss(value);
+    setIsDirty(true);
+  };
+  const handleJsChange = (value) => {
+    setEditedJs(value);
+    setIsDirty(true);
+  };
+  const handleUpdate = () => {
+    setAttributes({
+      content: serializeContent({
+        html: editedHtml,
+        css: editedCss,
+        js: editedJs
+      })
+    });
+    setIsDirty(false);
+  };
+  const handleCancel = () => {
+    setIsDirty(false);
+    onRequestClose();
+  };
+  const handleRequestClose = () => {
+    if (isDirty) {
+      setShowUnsavedWarning(true);
+    } else {
+      onRequestClose();
+    }
+  };
+  const handleDiscardChanges = () => {
+    setShowUnsavedWarning(false);
+    onRequestClose();
+  };
+  const handleContinueEditing = () => {
+    setShowUnsavedWarning(false);
+  };
+  const handleUpdateAndClose = () => {
+    handleUpdate();
+    onRequestClose();
+  };
+  const toggleFullscreen = () => {
+    setIsFullscreen((prevState) => !prevState);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Modal,
+      {
+        title: __("Edit HTML"),
+        onRequestClose: handleRequestClose,
+        className: "block-library-html__modal",
+        size: "large",
+        isDismissible: false,
+        shouldCloseOnClickOutside: !isDirty,
+        shouldCloseOnEsc: !isDirty,
+        isFullScreen: isFullscreen,
+        __experimentalHideHeader: true,
+        children: [
+          styleContent && /* @__PURE__ */ jsx(
+            "style",
+            {
+              dangerouslySetInnerHTML: { __html: styleContent }
+            }
+          ),
+          /* @__PURE__ */ jsx(Tabs, { orientation: "horizontal", defaultTabId: "html", children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, style: { height: "100%" }, children: [
+            /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Tabs.TabList, { children: [
+                /* @__PURE__ */ jsx(Tabs.Tab, { tabId: "html", children: "HTML" }),
+                /* @__PURE__ */ jsx(Tabs.Tab, { tabId: "css", children: "CSS" }),
+                shouldShowJsTab && /* @__PURE__ */ jsx(Tabs.Tab, { tabId: "js", children: __("JavaScript") })
+              ] }) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  __next40pxDefaultSize: true,
+                  icon: isFullscreen ? square : fullscreen,
+                  label: __("Enable/disable fullscreen"),
+                  onClick: toggleFullscreen,
+                  variant: "tertiary"
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                alignment: "stretch",
+                justify: "flex-start",
+                spacing: 4,
+                className: "block-library-html__modal-tabs",
+                style: { flexGrow: 1 },
+                children: [
+                  /* @__PURE__ */ jsxs("div", { style: { flexGrow: 1 }, children: [
+                    /* @__PURE__ */ jsx(
+                      Tabs.TabPanel,
+                      {
+                        tabId: "html",
+                        focusable: false,
+                        className: "block-library-html__modal-tab",
+                        children: /* @__PURE__ */ jsx(
+                          PlainText,
+                          {
+                            value: editedHtml,
+                            onChange: handleHtmlChange,
+                            placeholder: __("Write HTML\u2026"),
+                            "aria-label": __("HTML"),
+                            className: "block-library-html__modal-editor"
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Tabs.TabPanel,
+                      {
+                        tabId: "css",
+                        focusable: false,
+                        className: "block-library-html__modal-tab",
+                        children: /* @__PURE__ */ jsx(
+                          PlainText,
+                          {
+                            value: editedCss,
+                            onChange: handleCssChange,
+                            placeholder: __("Write CSS\u2026"),
+                            "aria-label": __("CSS"),
+                            className: "block-library-html__modal-editor"
+                          }
+                        )
+                      }
+                    ),
+                    shouldShowJsTab && /* @__PURE__ */ jsx(
+                      Tabs.TabPanel,
+                      {
+                        tabId: "js",
+                        focusable: false,
+                        className: "block-library-html__modal-tab",
+                        children: /* @__PURE__ */ jsx(
+                          PlainText,
+                          {
+                            value: editedJs,
+                            onChange: handleJsChange,
+                            placeholder: __(
+                              "Write JavaScript\u2026"
+                            ),
+                            "aria-label": __("JavaScript"),
+                            className: "block-library-html__modal-editor"
+                          }
+                        )
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "block-library-html__preview",
+                      style: { width: "50%" },
+                      children: /* @__PURE__ */ jsx(
+                        Preview,
+                        {
+                          content: serializeContent({
+                            html: editedHtml,
+                            css: editedCss,
+                            js: editedJs
+                          })
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                alignment: "center",
+                justify: "flex-end",
+                spacing: 4,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      __next40pxDefaultSize: true,
+                      variant: "tertiary",
+                      onClick: handleCancel,
+                      children: __("Cancel")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      __next40pxDefaultSize: true,
+                      variant: "primary",
+                      onClick: handleUpdateAndClose,
+                      children: __("Update")
+                    }
+                  )
+                ]
+              }
+            )
+          ] }) })
+        ]
+      }
+    ),
+    showUnsavedWarning && /* @__PURE__ */ jsxs(
+      Modal,
+      {
+        title: __("Unsaved changes"),
+        onRequestClose: handleContinueEditing,
+        size: "medium",
+        children: [
+          /* @__PURE__ */ jsx("p", { children: __(
+            "You have unsaved changes. What would you like to do?"
+          ) }),
+          /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "flex-end", gap: 2, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                __next40pxDefaultSize: true,
+                variant: "secondary",
+                onClick: handleDiscardChanges,
+                children: __("Discard unsaved changes")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                __next40pxDefaultSize: true,
+                variant: "secondary",
+                onClick: handleContinueEditing,
+                children: __("Continue editing")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                __next40pxDefaultSize: true,
+                variant: "primary",
+                onClick: handleUpdateAndClose,
+                children: __("Update and close")
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  HTMLEditModal as default
+};
+//# sourceMappingURL=modal.js.map

package/build-module/html/modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/html/modal.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tModal,\n\tButton,\n\tFlex,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { PlainText, store as blockEditorStore } from '@wordpress/block-editor';\nimport { fullscreen, square } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport Preview from './preview';\nimport { parseContent, serializeContent } from './utils';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function HTMLEditModal( {\n\tisOpen,\n\tonRequestClose,\n\tcontent,\n\tsetAttributes,\n} ) {\n\t// Parse content into separate sections and use as initial state\n\tconst { html, css, js } = parseContent( content );\n\tconst [ editedHtml, setEditedHtml ] = useState( html );\n\tconst [ editedCss, setEditedCss ] = useState( css );\n\tconst [ editedJs, setEditedJs ] = useState( js );\n\tconst [ isDirty, setIsDirty ] = useState( false );\n\tconst [ showUnsavedWarning, setShowUnsavedWarning ] = useState( false );\n\tconst [ isFullscreen, setIsFullscreen ] = useState( false );\n\n\t// Check if user has permission to save scripts and get editor styles\n\tconst { canUserUseUnfilteredHTML, editorStyles } = useSelect(\n\t\t( select ) => {\n\t\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\t\treturn {\n\t\t\t\tcanUserUseUnfilteredHTML:\n\t\t\t\t\tsettings.__experimentalCanUserUseUnfilteredHTML,\n\t\t\t\teditorStyles: settings.styles,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\t// Show JS tab if user has permission OR if block contains JavaScript\n\tconst shouldShowJsTab = canUserUseUnfilteredHTML || js.trim() !== '';\n\n\t// Combine all editor styles to inject into modal\n\tconst styleContent = useMemo( () => {\n\t\tif ( ! editorStyles ) {\n\t\t\treturn '';\n\t\t}\n\t\treturn editorStyles\n\t\t\t.filter( ( style ) => style.css )\n\t\t\t.map( ( style ) => style.css )\n\t\t\t.join( '\\n' );\n\t}, [ editorStyles ] );\n\n\tif ( ! isOpen ) {\n\t\treturn null;\n\t}\n\n\tconst handleHtmlChange = ( value ) => {\n\t\tsetEditedHtml( value );\n\t\tsetIsDirty( true );\n\t};\n\tconst handleCssChange = ( value ) => {\n\t\tsetEditedCss( value );\n\t\tsetIsDirty( true );\n\t};\n\tconst handleJsChange = ( value ) => {\n\t\tsetEditedJs( value );\n\t\tsetIsDirty( true );\n\t};\n\tconst handleUpdate = () => {\n\t\tsetAttributes( {\n\t\t\tcontent: serializeContent( {\n\t\t\t\thtml: editedHtml,\n\t\t\t\tcss: editedCss,\n\t\t\t\tjs: editedJs,\n\t\t\t} ),\n\t\t} );\n\t\tsetIsDirty( false );\n\t};\n\tconst handleCancel = () => {\n\t\tsetIsDirty( false );\n\t\tonRequestClose();\n\t};\n\tconst handleRequestClose = () => {\n\t\tif ( isDirty ) {\n\t\t\tsetShowUnsavedWarning( true );\n\t\t} else {\n\t\t\tonRequestClose();\n\t\t}\n\t};\n\tconst handleDiscardChanges = () => {\n\t\tsetShowUnsavedWarning( false );\n\t\tonRequestClose();\n\t};\n\tconst handleContinueEditing = () => {\n\t\tsetShowUnsavedWarning( false );\n\t};\n\tconst handleUpdateAndClose = () => {\n\t\thandleUpdate();\n\t\tonRequestClose();\n\t};\n\tconst toggleFullscreen = () => {\n\t\tsetIsFullscreen( ( prevState ) => ! prevState );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<Modal\n\t\t\t\ttitle={ __( 'Edit HTML' ) }\n\t\t\t\tonRequestClose={ handleRequestClose }\n\t\t\t\tclassName=\"block-library-html__modal\"\n\t\t\t\tsize=\"large\"\n\t\t\t\tisDismissible={ false }\n\t\t\t\tshouldCloseOnClickOutside={ ! isDirty }\n\t\t\t\tshouldCloseOnEsc={ ! isDirty }\n\t\t\t\tisFullScreen={ isFullscreen }\n\t\t\t\t__experimentalHideHeader\n\t\t\t>\n\t\t\t\t{ styleContent && (\n\t\t\t\t\t<style\n\t\t\t\t\t\tdangerouslySetInnerHTML={ { __html: styleContent } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<Tabs orientation=\"horizontal\" defaultTabId=\"html\">\n\t\t\t\t\t<VStack spacing={ 4 } style={ { height: '100%' } }>\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t\t\t\t\t<Tabs.Tab tabId=\"html\">HTML</Tabs.Tab>\n\t\t\t\t\t\t\t\t\t<Tabs.Tab tabId=\"css\">CSS</Tabs.Tab>\n\t\t\t\t\t\t\t\t\t{ shouldShowJsTab && (\n\t\t\t\t\t\t\t\t\t\t<Tabs.Tab tabId=\"js\">\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'JavaScript' ) }\n\t\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\ticon={ isFullscreen ? square : fullscreen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Enable/disable fullscreen' ) }\n\t\t\t\t\t\t\t\t\tonClick={ toggleFullscreen }\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\talignment=\"stretch\"\n\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\t\t\tclassName=\"block-library-html__modal-tabs\"\n\t\t\t\t\t\t\tstyle={ { flexGrow: 1 } }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div style={ { flexGrow: 1 } }>\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\ttabId=\"html\"\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t\tclassName=\"block-library-html__modal-tab\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<PlainText\n\t\t\t\t\t\t\t\t\t\tvalue={ editedHtml }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleHtmlChange }\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Write HTML\u2026' ) }\n\t\t\t\t\t\t\t\t\t\taria-label={ __( 'HTML' ) }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-html__modal-editor\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\ttabId=\"css\"\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t\tclassName=\"block-library-html__modal-tab\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<PlainText\n\t\t\t\t\t\t\t\t\t\tvalue={ editedCss }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleCssChange }\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Write CSS\u2026' ) }\n\t\t\t\t\t\t\t\t\t\taria-label={ __( 'CSS' ) }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-html__modal-editor\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t\t{ shouldShowJsTab && (\n\t\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\t\ttabId=\"js\"\n\t\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-html__modal-tab\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<PlainText\n\t\t\t\t\t\t\t\t\t\t\tvalue={ editedJs }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ handleJsChange }\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Write JavaScript\u2026'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\taria-label={ __( 'JavaScript' ) }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-library-html__modal-editor\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"block-library-html__preview\"\n\t\t\t\t\t\t\t\tstyle={ { width: '50%' } }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Preview\n\t\t\t\t\t\t\t\t\tcontent={ serializeContent( {\n\t\t\t\t\t\t\t\t\t\thtml: editedHtml,\n\t\t\t\t\t\t\t\t\t\tcss: editedCss,\n\t\t\t\t\t\t\t\t\t\tjs: editedJs,\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</div>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\talignment=\"center\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ handleCancel }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ handleUpdateAndClose }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Update' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</VStack>\n\t\t\t\t</Tabs>\n\t\t\t</Modal>\n\n\t\t\t{ showUnsavedWarning && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Unsaved changes' ) }\n\t\t\t\t\tonRequestClose={ handleContinueEditing }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'You have unsaved changes. What would you like to do?'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<Flex direction=\"row\" justify=\"flex-end\" gap={ 2 }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tonClick={ handleDiscardChanges }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Discard unsaved changes' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tonClick={ handleContinueEditing }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Continue editing' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tonClick={ handleUpdateAndClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Update and close' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Flex>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/html/preview.js

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// packages/block-library/src/html/preview.js
 import { useMemo } from "@wordpress/element";
 import {
   transformStyles,
@@ -7,7 +7,8 @@ import {
 import { SandBox } from "@wordpress/components";
 import { useSelect } from "@wordpress/data";
 import { __ } from "@wordpress/i18n";
-const DEFAULT_STYLES = `
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_STYLES = `
 	html,body,:root {
 		margin: 0 !important;
 		padding: 0 !important;

package/build-module/html/preview.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/html/preview.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\ttransformStyles,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n// Default styles used to unset some of the styles\n// that might be inherited from the editor style.\nconst DEFAULT_STYLES = `\n\thtml,body,:root {\n\t\tmargin: 0 !important;\n\t\tpadding: 0 !important;\n\t\toverflow: visible !important;\n\t\tmin-height: auto !important;\n\t}\n`;\n\nexport default function HTMLEditPreview( { content, isSelected } ) {\n\tconst settingStyles = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().styles,\n\t\t[]\n\t);\n\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\tDEFAULT_STYLES,\n\t\t\t...transformStyles(\n\t\t\t\t( settingStyles ?? [] ).filter( ( style ) => style.css )\n\t\t\t),\n\t\t],\n\t\t[ settingStyles ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<SandBox\n\t\t\t\thtml={ content }\n\t\t\t\tstyles={ styles }\n\t\t\t\ttitle={ __( 'Custom HTML Preview' ) }\n\t\t\t\ttabIndex={ -1 }\n\t\t\t/>\n\t\t\t{ /*\n\t\t\t\tAn overlay is added when the block is not selected in order to register click events.\n\t\t\t\tSome browsers do not bubble up the clicks from the sandboxed iframe, which makes it\n\t\t\t\tdifficult to reselect the block.\n\t\t\t*/ }\n\t\t\t{ ! isSelected && (\n\t\t\t\t<div className=\"block-library-html__preview-overlay\"></div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
-  "mappings": "AAwCE,mBACC,KADD;AArCF,SAAS,eAAe;AACxB;AAAA,EACC;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAInB,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,SAAR,gBAAkC,EAAE,SAAS,WAAW,GAAI;AAClE,QAAM,gBAAgB;AAAA,IACrB,CAAE,WAAY,OAAQ,gBAAiB,EAAE,YAAY,EAAE;AAAA,IACvD,CAAC;AAAA,EACF;AAEA,QAAM,SAAS;AAAA,IACd,MAAM;AAAA,MACL;AAAA,MACA,GAAG;AAAA,SACA,iBAAiB,CAAC,GAAI,OAAQ,CAAE,UAAW,MAAM,GAAI;AAAA,MACxD;AAAA,IACD;AAAA,IACA,CAAE,aAAc;AAAA,EACjB;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP;AAAA,QACA,OAAQ,GAAI,qBAAsB;AAAA,QAClC,UAAW;AAAA;AAAA,IACZ;AAAA,IAME,CAAE,cACH,oBAAC,SAAI,WAAU,uCAAsC;AAAA,KAEvD;AAEF;",
+  "mappings": ";AAGA,SAAS,eAAe;AACxB;AAAA,EACC;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AA8BjB,mBACC,KADD;AA1BF,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,SAAR,gBAAkC,EAAE,SAAS,WAAW,GAAI;AAClE,QAAM,gBAAgB;AAAA,IACrB,CAAE,WAAY,OAAQ,gBAAiB,EAAE,YAAY,EAAE;AAAA,IACvD,CAAC;AAAA,EACF;AAEA,QAAM,SAAS;AAAA,IACd,MAAM;AAAA,MACL;AAAA,MACA,GAAG;AAAA,SACA,iBAAiB,CAAC,GAAI,OAAQ,CAAE,UAAW,MAAM,GAAI;AAAA,MACxD;AAAA,IACD;AAAA,IACA,CAAE,aAAc;AAAA,EACjB;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP;AAAA,QACA,OAAQ,GAAI,qBAAsB;AAAA,QAClC,UAAW;AAAA;AAAA,IACZ;AAAA,IAME,CAAE,cACH,oBAAC,SAAI,WAAU,uCAAsC;AAAA,KAEvD;AAEF;",
   "names": []
 }

package/build-module/html/save.js

@@ -1,5 +1,6 @@
-import { jsx } from "react/jsx-runtime";
+// packages/block-library/src/html/save.js
 import { RawHTML } from "@wordpress/element";
+import { jsx } from "react/jsx-runtime";
 function save({ attributes }) {
   return /* @__PURE__ */ jsx(RawHTML, { children: attributes.content });
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/html/save.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.content }</RawHTML>;\n}\n"],
-  "mappings": "AAMQ;AAHR,SAAS,eAAe;AAET,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,SAAO,oBAAC,WAAU,qBAAW,SAAS;AACvC;",
+  "mappings": ";AAGA,SAAS,eAAe;AAGhB;AADO,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,SAAO,oBAAC,WAAU,qBAAW,SAAS;AACvC;",
   "names": []
 }

package/build-module/html/transforms.js

@@ -1,6 +1,7 @@
+// packages/block-library/src/html/transforms.js
 import { createBlock } from "@wordpress/blocks";
 import { create } from "@wordpress/rich-text";
-const transforms = {
+var transforms = {
   from: [
     {
       type: "block",

package/build-module/html/transforms.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/html/transforms.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { create } from '@wordpress/rich-text';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/code' ],\n\t\t\ttransform: ( { content: html } ) => {\n\t\t\t\treturn createBlock( 'core/html', {\n\t\t\t\t\t// The code block may output HTML formatting, so convert it\n\t\t\t\t\t// to plain text.\n\t\t\t\t\tcontent: create( { html } ).text,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"],
-  "mappings": "AAGA,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAEvB,MAAM,aAAa;AAAA,EAClB,MAAM;AAAA,IACL;AAAA,MACC,MAAM;AAAA,MACN,QAAQ,CAAE,WAAY;AAAA,MACtB,WAAW,CAAE,EAAE,SAAS,KAAK,MAAO;AACnC,eAAO,YAAa,aAAa;AAAA;AAAA;AAAA,UAGhC,SAAS,OAAQ,EAAE,KAAK,CAAE,EAAE;AAAA,QAC7B,CAAE;AAAA,MACH;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;",
+  "mappings": ";AAGA,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAEvB,IAAM,aAAa;AAAA,EAClB,MAAM;AAAA,IACL;AAAA,MACC,MAAM;AAAA,MACN,QAAQ,CAAE,WAAY;AAAA,MACtB,WAAW,CAAE,EAAE,SAAS,KAAK,MAAO;AACnC,eAAO,YAAa,aAAa;AAAA;AAAA;AAAA,UAGhC,SAAS,OAAQ,EAAE,KAAK,CAAE,EAAE;AAAA,QAC7B,CAAE;AAAA,MACH;AAAA,IACD;AAAA,EACD;AACD;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/build-module/html/utils.js

@@ -0,0 +1,46 @@
+// packages/block-library/src/html/utils.js
+function parseContent(content = "") {
+  if (!content || !content.trim()) {
+    return { html: "", css: "", js: "" };
+  }
+  const doc = document.implementation.createHTMLDocument("");
+  doc.body.innerHTML = content;
+  const styleTag = doc.body.querySelector(
+    'style[data-wp-block-html="css"]'
+  );
+  const css = styleTag ? styleTag.textContent.trim() : "";
+  if (styleTag) {
+    styleTag.remove();
+  }
+  const scriptTag = doc.body.querySelector(
+    'script[data-wp-block-html="js"]'
+  );
+  const js = scriptTag ? scriptTag.textContent.trim() : "";
+  if (scriptTag) {
+    scriptTag.remove();
+  }
+  const html = doc.body.innerHTML.trim();
+  return { html, css, js };
+}
+function serializeContent({ html = "", css = "", js = "" }) {
+  const parts = [];
+  if (css.trim()) {
+    parts.push(`<style data-wp-block-html="css">
+${css}
+</style>`);
+  }
+  if (js.trim()) {
+    parts.push(`<script data-wp-block-html="js">
+${js}
+</script>`);
+  }
+  if (html.trim()) {
+    parts.push(html);
+  }
+  return parts.join("\n\n");
+}
+export {
+  parseContent,
+  serializeContent
+};
+//# sourceMappingURL=utils.js.map

package/build-module/html/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/html/utils.js"],
+  "sourcesContent": ["/**\n * Parses content string into separate HTML, CSS, and JS sections.\n *\n * Extracts CSS from <style data-wp-block-html=\"css\"> tags and\n * JavaScript from <script data-wp-block-html=\"js\"> tags.\n * Everything else is treated as HTML.\n *\n * @param {string} content - The combined content string\n * @return {Object} Object with html, css, and js properties\n */\nexport function parseContent( content = '' ) {\n\tif ( ! content || ! content.trim() ) {\n\t\treturn { html: '', css: '', js: '' };\n\t}\n\n\t// Create a temporary document to parse HTML safely\n\tconst doc = document.implementation.createHTMLDocument( '' );\n\tdoc.body.innerHTML = content;\n\n\t// Extract CSS from marked style tag\n\tconst styleTag = doc.body.querySelector(\n\t\t'style[data-wp-block-html=\"css\"]'\n\t);\n\tconst css = styleTag ? styleTag.textContent.trim() : '';\n\tif ( styleTag ) {\n\t\tstyleTag.remove();\n\t}\n\n\t// Extract JS from marked script tag\n\tconst scriptTag = doc.body.querySelector(\n\t\t'script[data-wp-block-html=\"js\"]'\n\t);\n\tconst js = scriptTag ? scriptTag.textContent.trim() : '';\n\tif ( scriptTag ) {\n\t\tscriptTag.remove();\n\t}\n\n\t// Everything else is HTML\n\tconst html = doc.body.innerHTML.trim();\n\n\treturn { html, css, js };\n}\n\n/**\n * Serializes HTML, CSS, and JS into a single content string.\n *\n * Creates marked <style> and <script> tags for CSS and JS sections,\n * then appends the HTML content.\n *\n * @param {Object} sections      Object with html, css, and js properties\n * @param {string} sections.html HTML content\n * @param {string} sections.css  CSS content\n * @param {string} sections.js   JavaScript content\n * @return {string} Combined content string\n */\nexport function serializeContent( { html = '', css = '', js = '' } ) {\n\tconst parts = [];\n\n\t// Add CSS if present\n\tif ( css.trim() ) {\n\t\tparts.push( `<style data-wp-block-html=\"css\">\\n${ css }\\n</style>` );\n\t}\n\n\t// Add JS if present\n\tif ( js.trim() ) {\n\t\tparts.push( `<script data-wp-block-html=\"js\">\\n${ js }\\n</script>` );\n\t}\n\n\t// Add HTML\n\tif ( html.trim() ) {\n\t\tparts.push( html );\n\t}\n\n\treturn parts.join( '\\n\\n' );\n}\n"],
+  "mappings": ";AAUO,SAAS,aAAc,UAAU,IAAK;AAC5C,MAAK,CAAE,WAAW,CAAE,QAAQ,KAAK,GAAI;AACpC,WAAO,EAAE,MAAM,IAAI,KAAK,IAAI,IAAI,GAAG;AAAA,EACpC;AAGA,QAAM,MAAM,SAAS,eAAe,mBAAoB,EAAG;AAC3D,MAAI,KAAK,YAAY;AAGrB,QAAM,WAAW,IAAI,KAAK;AAAA,IACzB;AAAA,EACD;AACA,QAAM,MAAM,WAAW,SAAS,YAAY,KAAK,IAAI;AACrD,MAAK,UAAW;AACf,aAAS,OAAO;AAAA,EACjB;AAGA,QAAM,YAAY,IAAI,KAAK;AAAA,IAC1B;AAAA,EACD;AACA,QAAM,KAAK,YAAY,UAAU,YAAY,KAAK,IAAI;AACtD,MAAK,WAAY;AAChB,cAAU,OAAO;AAAA,EAClB;AAGA,QAAM,OAAO,IAAI,KAAK,UAAU,KAAK;AAErC,SAAO,EAAE,MAAM,KAAK,GAAG;AACxB;AAcO,SAAS,iBAAkB,EAAE,OAAO,IAAI,MAAM,IAAI,KAAK,GAAG,GAAI;AACpE,QAAM,QAAQ,CAAC;AAGf,MAAK,IAAI,KAAK,GAAI;AACjB,UAAM,KAAM;AAAA,EAAsC,GAAI;AAAA,SAAa;AAAA,EACpE;AAGA,MAAK,GAAG,KAAK,GAAI;AAChB,UAAM,KAAM;AAAA,EAAsC,EAAG;AAAA,UAAc;AAAA,EACpE;AAGA,MAAK,KAAK,KAAK,GAAI;AAClB,UAAM,KAAM,IAAK;AAAA,EAClB;AAEA,SAAO,MAAM,KAAM,MAAO;AAC3B;",
+  "names": []
+}

package/build-module/image/constants.js

@@ -1,16 +1,19 @@
-const MIN_SIZE = 20;
-const LINK_DESTINATION_NONE = "none";
-const LINK_DESTINATION_MEDIA = "media";
-const LINK_DESTINATION_ATTACHMENT = "attachment";
-const LINK_DESTINATION_CUSTOM = "custom";
-const NEW_TAB_REL = ["noreferrer", "noopener"];
-const ALLOWED_MEDIA_TYPES = ["image"];
-const MEDIA_ID_NO_FEATURED_IMAGE_SET = 0;
-const SIZED_LAYOUTS = ["flex", "grid"];
-const DEFAULT_MEDIA_SIZE_SLUG = "full";
+// packages/block-library/src/image/constants.js
+var MIN_SIZE = 20;
+var LINK_DESTINATION_NONE = "none";
+var LINK_DESTINATION_MEDIA = "media";
+var LINK_DESTINATION_ATTACHMENT = "attachment";
+var LINK_DESTINATION_CUSTOM = "custom";
+var NEW_TAB_REL = ["noreferrer", "noopener"];
+var ALLOWED_MEDIA_TYPES = ["image"];
+var MEDIA_ID_NO_FEATURED_IMAGE_SET = 0;
+var SIZED_LAYOUTS = ["flex", "grid"];
+var DEFAULT_MEDIA_SIZE_SLUG = "full";
+var IMAGE_PRELOAD_DELAY = 200;
 export {
   ALLOWED_MEDIA_TYPES,
   DEFAULT_MEDIA_SIZE_SLUG,
+  IMAGE_PRELOAD_DELAY,
   LINK_DESTINATION_ATTACHMENT,
   LINK_DESTINATION_CUSTOM,
   LINK_DESTINATION_MEDIA,

package/build-module/image/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/image/constants.js"],
-  "sourcesContent": ["export const MIN_SIZE = 20;\nexport const LINK_DESTINATION_NONE = 'none';\nexport const LINK_DESTINATION_MEDIA = 'media';\nexport const LINK_DESTINATION_ATTACHMENT = 'attachment';\nexport const LINK_DESTINATION_CUSTOM = 'custom';\nexport const NEW_TAB_REL = [ 'noreferrer', 'noopener' ];\nexport const ALLOWED_MEDIA_TYPES = [ 'image' ];\nexport const MEDIA_ID_NO_FEATURED_IMAGE_SET = 0;\nexport const SIZED_LAYOUTS = [ 'flex', 'grid' ];\nexport const DEFAULT_MEDIA_SIZE_SLUG = 'full';\n"],
-  "mappings": "AAAO,MAAM,WAAW;AACjB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,8BAA8B;AACpC,MAAM,0BAA0B;AAChC,MAAM,cAAc,CAAE,cAAc,UAAW;AAC/C,MAAM,sBAAsB,CAAE,OAAQ;AACtC,MAAM,iCAAiC;AACvC,MAAM,gBAAgB,CAAE,QAAQ,MAAO;AACvC,MAAM,0BAA0B;",
+  "sourcesContent": ["export const MIN_SIZE = 20;\nexport const LINK_DESTINATION_NONE = 'none';\nexport const LINK_DESTINATION_MEDIA = 'media';\nexport const LINK_DESTINATION_ATTACHMENT = 'attachment';\nexport const LINK_DESTINATION_CUSTOM = 'custom';\nexport const NEW_TAB_REL = [ 'noreferrer', 'noopener' ];\nexport const ALLOWED_MEDIA_TYPES = [ 'image' ];\nexport const MEDIA_ID_NO_FEATURED_IMAGE_SET = 0;\nexport const SIZED_LAYOUTS = [ 'flex', 'grid' ];\nexport const DEFAULT_MEDIA_SIZE_SLUG = 'full';\n\n/**\n * Delay in milliseconds before preloading an image after hovering.\n * This prevents unnecessary preloading during quick scrolling or mouse movements.\n */\nexport const IMAGE_PRELOAD_DELAY = 200;\n"],
+  "mappings": ";AAAO,IAAM,WAAW;AACjB,IAAM,wBAAwB;AAC9B,IAAM,yBAAyB;AAC/B,IAAM,8BAA8B;AACpC,IAAM,0BAA0B;AAChC,IAAM,cAAc,CAAE,cAAc,UAAW;AAC/C,IAAM,sBAAsB,CAAE,OAAQ;AACtC,IAAM,iCAAiC;AACvC,IAAM,gBAAgB,CAAE,QAAQ,MAAO;AACvC,IAAM,0BAA0B;AAMhC,IAAM,sBAAsB;",
   "names": []
 }

package/build-module/image/deprecated.js

@@ -1,4 +1,4 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// packages/block-library/src/image/deprecated.js
 import clsx from "clsx";
 import {
   RichText,
@@ -6,7 +6,8 @@ import {
   __experimentalGetElementClassName,
   __experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles
 } from "@wordpress/block-editor";
-const v1 = {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var v1 = {
   attributes: {
     url: {
       type: "string",
@@ -68,7 +69,7 @@ const v1 = {
     );
   }
 };
-const v2 = {
+var v2 = {
   attributes: {
     url: {
       type: "string",
@@ -125,7 +126,7 @@ const v2 = {
     ] });
   }
 };
-const v3 = {
+var v3 = {
   attributes: {
     url: {
       type: "string",
@@ -190,7 +191,7 @@ const v3 = {
     ] });
   }
 };
-const v4 = {
+var v4 = {
   attributes: {
     align: {
       type: "string"
@@ -314,7 +315,7 @@ const v4 = {
     return /* @__PURE__ */ jsx("figure", { ...useBlockProps.save({ className: classes }), children: figure });
   }
 };
-const v5 = {
+var v5 = {
   attributes: {
     align: {
       type: "string"
@@ -451,7 +452,7 @@ const v5 = {
     return /* @__PURE__ */ jsx("figure", { ...useBlockProps.save({ className: classes }), children: figure });
   }
 };
-const v6 = {
+var v6 = {
   attributes: {
     align: {
       type: "string"
@@ -631,7 +632,7 @@ const v6 = {
     return /* @__PURE__ */ jsx("figure", { ...useBlockProps.save({ className: classes }), children: figure });
   }
 };
-const v7 = {
+var v7 = {
   attributes: {
     align: {
       type: "string"
@@ -812,7 +813,7 @@ const v7 = {
     return /* @__PURE__ */ jsx("figure", { ...useBlockProps.save({ className: classes }), children: figure });
   }
 };
-const v8 = {
+var v8 = {
   attributes: {
     align: {
       type: "string"