@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build/hooks/dimensions.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_data","_blocks","_deprecated","_inspectorControls","_globalStyles","_spacingVisualizer","_store","_lockUnlock","_utils","_jsxRuntime","DIMENSIONS_SUPPORT_KEY","exports","SPACING_SUPPORT_KEY","ALL_SIDES","AXIAL_SIDES","useVisualizer","property","setProperty","useState","hideBlockInterface","showBlockInterface","unlock","useDispatch","blockEditorStore","useEffect","DimensionsInspectorControl","children","resetAllFilter","attributesResetAllFilter","useCallback","attributes","existingStyle","style","updatedStyle","jsx","default","group","DimensionsPanel","clientId","name","setAttributes","settings","isEnabled","useHasDimensionsPanel","value","useSelect","select","getBlockAttributes","visualizedProperty","setVisualizedProperty","onChange","newStyle","cleanEmptyObject","defaultDimensionsControls","getBlockSupport","defaultSpacingControls","defaultControls","jsxs","Fragment","as","panelId","onVisualize","spacing","padding","PaddingVisualizer","forceShow","margin","MarginVisualizer","hasDimensionsSupport","blockName","feature","Platform","OS","support","aspectRatio","minHeight","_default","useBlockProps","attributeKeys","hasSupport","shouldSkipSerialization","className","clsx","dimensions","inlineStyleOverrides","useCustomSides","deprecated","since","version"],"sources":["@wordpress/block-editor/src/hooks/dimensions.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Platform, useState, useEffect, useCallback } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { getBlockSupport } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport InspectorControls from '../components/inspector-controls';\nimport {\n\tDimensionsPanel as StylesDimensionsPanel,\n\tuseHasDimensionsPanel,\n} from '../components/global-styles';\nimport { MarginVisualizer, PaddingVisualizer } from './spacing-visualizer';\nimport { store as blockEditorStore } from '../store';\nimport { unlock } from '../lock-unlock';\nimport { cleanEmptyObject, shouldSkipSerialization } from './utils';\n\nexport const DIMENSIONS_SUPPORT_KEY = 'dimensions';\nexport const SPACING_SUPPORT_KEY = 'spacing';\nexport const ALL_SIDES = [ 'top', 'right', 'bottom', 'left' ];\nexport const AXIAL_SIDES = [ 'vertical', 'horizontal' ];\n\nfunction useVisualizer() {\n\tconst [ property, setProperty ] = useState( false );\n\tconst { hideBlockInterface, showBlockInterface } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\tuseEffect( () => {\n\t\tif ( ! property ) {\n\t\t\tshowBlockInterface();\n\t\t} else {\n\t\t\thideBlockInterface();\n\t\t}\n\t}, [ property, showBlockInterface, hideBlockInterface ] );\n\n\treturn [ property, setProperty ];\n}\n\nfunction DimensionsInspectorControl( { children, resetAllFilter } ) {\n\tconst attributesResetAllFilter = useCallback(\n\t\t( attributes ) => {\n\t\t\tconst existingStyle = attributes.style;\n\t\t\tconst updatedStyle = resetAllFilter( existingStyle );\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\tstyle: updatedStyle,\n\t\t\t};\n\t\t},\n\t\t[ resetAllFilter ]\n\t);\n\n\treturn (\n\t\t<InspectorControls\n\t\t\tgroup=\"dimensions\"\n\t\t\tresetAllFilter={ attributesResetAllFilter }\n\t\t>\n\t\t\t{ children }\n\t\t</InspectorControls>\n\t);\n}\n\nexport function DimensionsPanel( { clientId, name, setAttributes, settings } ) {\n\tconst isEnabled = useHasDimensionsPanel( settings );\n\tconst value = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId )?.style,\n\t\t[ clientId ]\n\t);\n\tconst [ visualizedProperty, setVisualizedProperty ] = useVisualizer();\n\tconst onChange = ( newStyle ) => {\n\t\tsetAttributes( {\n\t\t\tstyle: cleanEmptyObject( newStyle ),\n\t\t} );\n\t};\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\tconst defaultDimensionsControls = getBlockSupport( name, [\n\t\tDIMENSIONS_SUPPORT_KEY,\n\t\t'__experimentalDefaultControls',\n\t] );\n\tconst defaultSpacingControls = getBlockSupport( name, [\n\t\tSPACING_SUPPORT_KEY,\n\t\t'__experimentalDefaultControls',\n\t] );\n\tconst defaultControls = {\n\t\t...defaultDimensionsControls,\n\t\t...defaultSpacingControls,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<StylesDimensionsPanel\n\t\t\t\tas={ DimensionsInspectorControl }\n\t\t\t\tpanelId={ clientId }\n\t\t\t\tsettings={ settings }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tdefaultControls={ defaultControls }\n\t\t\t\tonVisualize={ setVisualizedProperty }\n\t\t\t/>\n\t\t\t{ !! settings?.spacing?.padding && (\n\t\t\t\t<PaddingVisualizer\n\t\t\t\t\tforceShow={ visualizedProperty === 'padding' }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! settings?.spacing?.margin && (\n\t\t\t\t<MarginVisualizer\n\t\t\t\t\tforceShow={ visualizedProperty === 'margin' }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\n/**\n * Determine whether there is block support for dimensions.\n *\n * @param {string} blockName Block name.\n * @param {string} feature   Background image feature to check for.\n *\n * @return {boolean} Whether there is support.\n */\nexport function hasDimensionsSupport( blockName, feature = 'any' ) {\n\tif ( Platform.OS !== 'web' ) {\n\t\treturn false;\n\t}\n\n\tconst support = getBlockSupport( blockName, DIMENSIONS_SUPPORT_KEY );\n\n\tif ( support === true ) {\n\t\treturn true;\n\t}\n\n\tif ( feature === 'any' ) {\n\t\treturn !! ( support?.aspectRatio || !! support?.minHeight );\n\t}\n\n\treturn !! support?.[ feature ];\n}\n\nexport default {\n\tuseBlockProps,\n\tattributeKeys: [ 'minHeight', 'style' ],\n\thasSupport( name ) {\n\t\treturn hasDimensionsSupport( name, 'aspectRatio' );\n\t},\n};\n\nfunction useBlockProps( { name, minHeight, style } ) {\n\tif (\n\t\t! hasDimensionsSupport( name, 'aspectRatio' ) ||\n\t\tshouldSkipSerialization( name, DIMENSIONS_SUPPORT_KEY, 'aspectRatio' )\n\t) {\n\t\treturn {};\n\t}\n\n\tconst className = clsx( {\n\t\t'has-aspect-ratio': !! style?.dimensions?.aspectRatio,\n\t} );\n\n\t// Allow dimensions-based inline style overrides to override any global styles rules that\n\t// might be set for the block, and therefore affect the display of the aspect ratio.\n\tconst inlineStyleOverrides = {};\n\n\t// Apply rules to unset incompatible styles.\n\t// Note that a set `aspectRatio` will win out if both an aspect ratio and a minHeight are set.\n\t// This is because the aspect ratio is a newer block support, so (in theory) any aspect ratio\n\t// that is set should be intentional and should override any existing minHeight. The Cover block\n\t// and dimensions controls have logic that will manually clear the aspect ratio if a minHeight\n\t// is set.\n\tif ( style?.dimensions?.aspectRatio ) {\n\t\t// To ensure the aspect ratio does not get overridden by `minHeight` unset any existing rule.\n\t\tinlineStyleOverrides.minHeight = 'unset';\n\t} else if ( minHeight || style?.dimensions?.minHeight ) {\n\t\t// To ensure the minHeight does not get overridden by `aspectRatio` unset any existing rule.\n\t\tinlineStyleOverrides.aspectRatio = 'unset';\n\t}\n\n\treturn { className, style: inlineStyleOverrides };\n}\n\n/**\n * @deprecated\n */\nexport function useCustomSides() {\n\tdeprecated( 'wp.blockEditor.__experimentalUseCustomSides', {\n\t\tsince: '6.3',\n\t\tversion: '6.4',\n\t} );\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/dimensions.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Platform, useState, useEffect, useCallback } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { getBlockSupport } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport InspectorControls from '../components/inspector-controls';\nimport {\n\tDimensionsPanel as StylesDimensionsPanel,\n\tuseHasDimensionsPanel,\n} from '../components/global-styles';\nimport { MarginVisualizer, PaddingVisualizer } from './spacing-visualizer';\nimport { store as blockEditorStore } from '../store';\nimport { unlock } from '../lock-unlock';\nimport { cleanEmptyObject, shouldSkipSerialization } from './utils';\n\nexport const DIMENSIONS_SUPPORT_KEY = 'dimensions';\nexport const SPACING_SUPPORT_KEY = 'spacing';\nexport const ALL_SIDES = [ 'top', 'right', 'bottom', 'left' ];\nexport const AXIAL_SIDES = [ 'vertical', 'horizontal' ];\n\nfunction useVisualizer() {\n\tconst [ property, setProperty ] = useState( false );\n\tconst { hideBlockInterface, showBlockInterface } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\tuseEffect( () => {\n\t\tif ( ! property ) {\n\t\t\tshowBlockInterface();\n\t\t} else {\n\t\t\thideBlockInterface();\n\t\t}\n\t}, [ property, showBlockInterface, hideBlockInterface ] );\n\n\treturn [ property, setProperty ];\n}\n\nfunction DimensionsInspectorControl( { children, resetAllFilter } ) {\n\tconst attributesResetAllFilter = useCallback(\n\t\t( attributes ) => {\n\t\t\tconst existingStyle = attributes.style;\n\t\t\tconst updatedStyle = resetAllFilter( existingStyle );\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\tstyle: updatedStyle,\n\t\t\t};\n\t\t},\n\t\t[ resetAllFilter ]\n\t);\n\n\treturn (\n\t\t<InspectorControls\n\t\t\tgroup=\"dimensions\"\n\t\t\tresetAllFilter={ attributesResetAllFilter }\n\t\t>\n\t\t\t{ children }\n\t\t</InspectorControls>\n\t);\n}\n\nexport function DimensionsPanel( { clientId, name, setAttributes, settings } ) {\n\tconst isEnabled = useHasDimensionsPanel( settings );\n\tconst value = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId )?.style,\n\t\t[ clientId ]\n\t);\n\tconst [ visualizedProperty, setVisualizedProperty ] = useVisualizer();\n\tconst onChange = ( newStyle ) => {\n\t\tsetAttributes( {\n\t\t\tstyle: cleanEmptyObject( newStyle ),\n\t\t} );\n\t};\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\tconst defaultDimensionsControls = getBlockSupport( name, [\n\t\tDIMENSIONS_SUPPORT_KEY,\n\t\t'__experimentalDefaultControls',\n\t] );\n\tconst defaultSpacingControls = getBlockSupport( name, [\n\t\tSPACING_SUPPORT_KEY,\n\t\t'__experimentalDefaultControls',\n\t] );\n\tconst defaultControls = {\n\t\t...defaultDimensionsControls,\n\t\t...defaultSpacingControls,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<StylesDimensionsPanel\n\t\t\t\tas={ DimensionsInspectorControl }\n\t\t\t\tpanelId={ clientId }\n\t\t\t\tsettings={ settings }\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tdefaultControls={ defaultControls }\n\t\t\t\tonVisualize={ setVisualizedProperty }\n\t\t\t/>\n\t\t\t{ !! settings?.spacing?.padding && (\n\t\t\t\t<PaddingVisualizer\n\t\t\t\t\tforceShow={ visualizedProperty === 'padding' }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! settings?.spacing?.margin && (\n\t\t\t\t<MarginVisualizer\n\t\t\t\t\tforceShow={ visualizedProperty === 'margin' }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\n/**\n * Determine whether there is block support for dimensions.\n *\n * @param {string} blockName Block name.\n * @param {string} feature   Background image feature to check for.\n *\n * @return {boolean} Whether there is support.\n */\nexport function hasDimensionsSupport( blockName, feature = 'any' ) {\n\tif ( Platform.OS !== 'web' ) {\n\t\treturn false;\n\t}\n\n\tconst support = getBlockSupport( blockName, DIMENSIONS_SUPPORT_KEY );\n\n\tif ( support === true ) {\n\t\treturn true;\n\t}\n\n\tif ( feature === 'any' ) {\n\t\treturn !! ( support?.aspectRatio || !! support?.minHeight );\n\t}\n\n\treturn !! support?.[ feature ];\n}\n\nexport default {\n\tuseBlockProps,\n\tattributeKeys: [ 'minHeight', 'style' ],\n\thasSupport( name ) {\n\t\treturn hasDimensionsSupport( name, 'aspectRatio' );\n\t},\n};\n\nfunction useBlockProps( { name, minHeight, style } ) {\n\tif (\n\t\t! hasDimensionsSupport( name, 'aspectRatio' ) ||\n\t\tshouldSkipSerialization( name, DIMENSIONS_SUPPORT_KEY, 'aspectRatio' )\n\t) {\n\t\treturn {};\n\t}\n\n\tconst className = clsx( {\n\t\t'has-aspect-ratio': !! style?.dimensions?.aspectRatio,\n\t} );\n\n\t// Allow dimensions-based inline style overrides to override any global styles rules that\n\t// might be set for the block, and therefore affect the display of the aspect ratio.\n\tconst inlineStyleOverrides = {};\n\n\t// Apply rules to unset incompatible styles.\n\t// Note that a set `aspectRatio` will win out if both an aspect ratio and a minHeight are set.\n\t// This is because the aspect ratio is a newer block support, so (in theory) any aspect ratio\n\t// that is set should be intentional and should override any existing minHeight. The Cover block\n\t// and dimensions controls have logic that will manually clear the aspect ratio if a minHeight\n\t// is set.\n\tif ( style?.dimensions?.aspectRatio ) {\n\t\t// To ensure the aspect ratio does not get overridden by `minHeight` unset any existing rule.\n\t\tinlineStyleOverrides.minHeight = 'unset';\n\t} else if ( minHeight || style?.dimensions?.minHeight ) {\n\t\t// To ensure the minHeight does not get overridden by `aspectRatio` unset any existing rule.\n\t\tinlineStyleOverrides.aspectRatio = 'unset';\n\t}\n\n\treturn { className, style: inlineStyleOverrides };\n}\n\n/**\n * @deprecated\n */\nexport function useCustomSides() {\n\tdeprecated( 'wp.blockEditor.__experimentalUseCustomSides', {\n\t\tsince: '6.3',\n\t\tversion: '6.4',\n\t} );\n}\n"],
+  "mappings": "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",
+  "names": ["blockEditorStore", "InspectorControls", "StylesDimensionsPanel", "clsx", "deprecated"]
+}

package/build/hooks/duotone.js

@@ -1,110 +1,123 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var duotone_exports = {};
+__export(duotone_exports, {
+  default: () => duotone_default,
+  getColorsFromDuotonePreset: () => getColorsFromDuotonePreset,
+  getDuotonePresetFromColors: () => getDuotonePresetFromColors
 });
-exports.default = void 0;
-exports.getColorsFromDuotonePreset = getColorsFromDuotonePreset;
-exports.getDuotonePresetFromColors = getDuotonePresetFromColors;
-var _colord = require("colord");
-var _names = _interopRequireDefault(require("colord/plugins/names"));
-var _blocks = require("@wordpress/blocks");
-var _compose = require("@wordpress/compose");
-var _hooks = require("@wordpress/hooks");
-var _element = require("@wordpress/element");
-var _components = require("../components");
-var _utils = require("../components/duotone/utils");
-var _getBlockCssSelector = require("../components/global-styles/get-block-css-selector");
-var _utils2 = require("../components/global-styles/utils");
-var _utils3 = require("./utils");
-var _filtersPanel = _interopRequireDefault(require("../components/global-styles/filters-panel"));
-var _blockEditingMode = require("../components/block-editing-mode");
-var _useBlockRefs = require("../components/block-list/use-block-props/use-block-refs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(duotone_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_colord = require("colord");
+var import_names = __toESM(require("colord/plugins/names"));
+var import_blocks = require("@wordpress/blocks");
+var import_compose = require("@wordpress/compose");
+var import_hooks = require("@wordpress/hooks");
+var import_element = require("@wordpress/element");
+var import_components = require("../components");
+var import_utils = require("../components/duotone/utils");
+var import_get_block_css_selector = require("../components/global-styles/get-block-css-selector");
+var import_utils2 = require("../components/global-styles/utils");
+var import_utils3 = require("./utils");
+var import_filters_panel = __toESM(require("../components/global-styles/filters-panel"));
+var import_block_editing_mode = require("../components/block-editing-mode");
+var import_use_block_refs = require("../components/block-list/use-block-props/use-block-refs");
 const EMPTY_ARRAY = [];
-
-// Safari does not always update the duotone filter when the duotone colors
-// are changed. This browser check is later used to force a re-render of the block
-// element to ensure the duotone filter is updated. The check is included at the
-// root of this file as it only needs to be run once per page load.
-const isSafari = window?.navigator.userAgent && window.navigator.userAgent.includes('Safari') && !window.navigator.userAgent.includes('Chrome') && !window.navigator.userAgent.includes('Chromium');
-(0, _colord.extend)([_names.default]);
-function useMultiOriginPresets({
-  presetSetting,
-  defaultSetting
-}) {
-  const [enableDefault, userPresets, themePresets, defaultPresets] = (0, _components.useSettings)(defaultSetting, `${presetSetting}.custom`, `${presetSetting}.theme`, `${presetSetting}.default`);
-  return (0, _element.useMemo)(() => [...(userPresets || EMPTY_ARRAY), ...(themePresets || EMPTY_ARRAY), ...(enableDefault && defaultPresets || EMPTY_ARRAY)], [enableDefault, userPresets, themePresets, defaultPresets]);
+const isSafari = window?.navigator.userAgent && window.navigator.userAgent.includes("Safari") && !window.navigator.userAgent.includes("Chrome") && !window.navigator.userAgent.includes("Chromium");
+(0, import_colord.extend)([import_names.default]);
+function useMultiOriginPresets({ presetSetting, defaultSetting }) {
+  const [enableDefault, userPresets, themePresets, defaultPresets] = (0, import_components.useSettings)(
+    defaultSetting,
+    `${presetSetting}.custom`,
+    `${presetSetting}.theme`,
+    `${presetSetting}.default`
+  );
+  return (0, import_element.useMemo)(
+    () => [
+      ...userPresets || EMPTY_ARRAY,
+      ...themePresets || EMPTY_ARRAY,
+      ...enableDefault && defaultPresets || EMPTY_ARRAY
+    ],
+    [enableDefault, userPresets, themePresets, defaultPresets]
+  );
 }
 function getColorsFromDuotonePreset(duotone, duotonePalette) {
   if (!duotone) {
     return;
   }
-  const preset = duotonePalette?.find(({
-    slug
-  }) => {
+  const preset = duotonePalette?.find(({ slug }) => {
     return duotone === `var:preset|duotone|${slug}`;
   });
-  return preset ? preset.colors : undefined;
+  return preset ? preset.colors : void 0;
 }
 function getDuotonePresetFromColors(colors, duotonePalette) {
   if (!colors || !Array.isArray(colors)) {
     return;
   }
-  const preset = duotonePalette?.find(duotonePreset => {
-    return duotonePreset?.colors?.every((val, index) => val === colors[index]);
+  const preset = duotonePalette?.find((duotonePreset) => {
+    return duotonePreset?.colors?.every(
+      (val, index) => val === colors[index]
+    );
   });
-  return preset ? `var:preset|duotone|${preset.slug}` : undefined;
+  return preset ? `var:preset|duotone|${preset.slug}` : void 0;
 }
-function DuotonePanelPure({
-  style,
-  setAttributes,
-  name
-}) {
+function DuotonePanelPure({ style, setAttributes, name }) {
   const duotoneStyle = style?.color?.duotone;
-  const settings = (0, _utils3.useBlockSettings)(name);
-  const blockEditingMode = (0, _blockEditingMode.useBlockEditingMode)();
+  const settings = (0, import_utils3.useBlockSettings)(name);
+  const blockEditingMode = (0, import_block_editing_mode.useBlockEditingMode)();
   const duotonePalette = useMultiOriginPresets({
-    presetSetting: 'color.duotone',
-    defaultSetting: 'color.defaultDuotone'
+    presetSetting: "color.duotone",
+    defaultSetting: "color.defaultDuotone"
   });
   const colorPalette = useMultiOriginPresets({
-    presetSetting: 'color.palette',
-    defaultSetting: 'color.defaultPalette'
+    presetSetting: "color.palette",
+    defaultSetting: "color.defaultPalette"
   });
-  const [enableCustomColors, enableCustomDuotone] = (0, _components.useSettings)('color.custom', 'color.customDuotone');
+  const [enableCustomColors, enableCustomDuotone] = (0, import_components.useSettings)(
+    "color.custom",
+    "color.customDuotone"
+  );
   const disableCustomColors = !enableCustomColors;
   const disableCustomDuotone = !enableCustomDuotone || colorPalette?.length === 0 && disableCustomColors;
   if (duotonePalette?.length === 0 && disableCustomDuotone) {
     return null;
   }
-  if (blockEditingMode !== 'default') {
+  if (blockEditingMode !== "default") {
     return null;
   }
-  const duotonePresetOrColors = duotoneStyle === 'unset' || Array.isArray(duotoneStyle) ? duotoneStyle : getColorsFromDuotonePreset(duotoneStyle, duotonePalette);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InspectorControls, {
-      group: "filter",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_filtersPanel.default, {
-        value: {
-          filter: {
-            duotone: duotonePresetOrColors
-          }
-        },
-        onChange: newDuotone => {
+  const duotonePresetOrColors = duotoneStyle === "unset" || Array.isArray(duotoneStyle) ? duotoneStyle : getColorsFromDuotonePreset(duotoneStyle, duotonePalette);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.InspectorControls, { group: "filter", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_filters_panel.default,
+      {
+        value: { filter: { duotone: duotonePresetOrColors } },
+        onChange: (newDuotone) => {
           const newStyle = {
             ...style,
             color: {
@@ -112,68 +125,59 @@ function DuotonePanelPure({
             }
           };
           setAttributes({
-            style: (0, _utils3.cleanEmptyObject)(newStyle)
+            style: (0, import_utils3.cleanEmptyObject)(newStyle)
           });
         },
-        settings: settings
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BlockControls, {
-      group: "block",
-      __experimentalShareWithChildBlocks: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalDuotoneControl, {
-        duotonePalette: duotonePalette,
-        colorPalette: colorPalette,
-        disableCustomDuotone: disableCustomDuotone,
-        disableCustomColors: disableCustomColors,
+        settings
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.BlockControls, { group: "block", __experimentalShareWithChildBlocks: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.__experimentalDuotoneControl,
+      {
+        duotonePalette,
+        colorPalette,
+        disableCustomDuotone,
+        disableCustomColors,
         value: duotonePresetOrColors,
-        onChange: newDuotone => {
-          const maybePreset = getDuotonePresetFromColors(newDuotone, duotonePalette);
+        onChange: (newDuotone) => {
+          const maybePreset = getDuotonePresetFromColors(
+            newDuotone,
+            duotonePalette
+          );
           const newStyle = {
             ...style,
             color: {
               ...style?.color,
-              duotone: maybePreset !== null && maybePreset !== void 0 ? maybePreset : newDuotone // use preset or fallback to custom colors.
+              duotone: maybePreset ?? newDuotone
+              // use preset or fallback to custom colors.
             }
           };
           setAttributes({
-            style: (0, _utils3.cleanEmptyObject)(newStyle)
+            style: (0, import_utils3.cleanEmptyObject)(newStyle)
           });
         },
-        settings: settings
-      })
-    })]
-  });
+        settings
+      }
+    ) })
+  ] });
 }
-var _default = exports.default = {
+var duotone_default = {
   shareWithChildBlocks: true,
   edit: DuotonePanelPure,
   useBlockProps,
-  attributeKeys: ['style'],
+  attributeKeys: ["style"],
   hasSupport(name) {
-    return (0, _blocks.hasBlockSupport)(name, 'filter.duotone');
+    return (0, import_blocks.hasBlockSupport)(name, "filter.duotone");
   }
 };
-/**
- * Filters registered block settings, extending attributes to include
- * the `duotone` attribute.
- *
- * @param {Object} settings Original block settings.
- *
- * @return {Object} Filtered block settings.
- */
 function addDuotoneAttributes(settings) {
-  // Previous `color.__experimentalDuotone` support flag is migrated via
-  // block_type_metadata_settings filter in `lib/block-supports/duotone.php`.
-  if (!(0, _blocks.hasBlockSupport)(settings, 'filter.duotone')) {
+  if (!(0, import_blocks.hasBlockSupport)(settings, "filter.duotone")) {
     return settings;
   }
-
-  // Allow blocks to specify their own attribute definition with default
-  // values if needed.
   if (!settings.attributes.style) {
     Object.assign(settings.attributes, {
       style: {
-        type: 'object'
+        type: "object"
       }
     });
   }
@@ -186,110 +190,76 @@ function useDuotoneStyles({
   attribute: duotoneAttr
 }) {
   const duotonePalette = useMultiOriginPresets({
-    presetSetting: 'color.duotone',
-    defaultSetting: 'color.defaultDuotone'
+    presetSetting: "color.duotone",
+    defaultSetting: "color.defaultDuotone"
   });
-
-  // Possible values for duotone attribute:
-  // 1. Array of colors - e.g. ['#000000', '#ffffff'].
-  // 2. Variable for an existing Duotone preset - e.g. 'var:preset|duotone|green-blue' or 'var(--wp--preset--duotone--green-blue)''
-  // 3. A CSS string - e.g. 'unset' to remove globally applied duotone.
   const isCustom = Array.isArray(duotoneAttr);
-  const duotonePreset = isCustom ? undefined : getColorsFromDuotonePreset(duotoneAttr, duotonePalette);
-  const isPreset = typeof duotoneAttr === 'string' && duotonePreset;
-  const isCSS = typeof duotoneAttr === 'string' && !isPreset;
-
-  // Match the structure of WP_Duotone_Gutenberg::render_duotone_support() in PHP.
+  const duotonePreset = isCustom ? void 0 : getColorsFromDuotonePreset(duotoneAttr, duotonePalette);
+  const isPreset = typeof duotoneAttr === "string" && duotonePreset;
+  const isCSS = typeof duotoneAttr === "string" && !isPreset;
   let colors = null;
   if (isPreset) {
-    // Array of colors.
     colors = duotonePreset;
   } else if (isCSS) {
-    // CSS filter property string (e.g. 'unset').
     colors = duotoneAttr;
   } else if (isCustom) {
-    // Array of colors.
     colors = duotoneAttr;
   }
-
-  // Build the CSS selectors to which the filter will be applied.
-  const selectors = duotoneSelector.split(',');
-  const selectorsScoped = selectors.map(selectorPart => {
-    // Assuming the selector part is a subclass selector (not a tag name)
-    // so we can prepend the filter id class. If we want to support elements
-    // such as `img` or namespaces, we'll need to add a case for that here.
+  const selectors = duotoneSelector.split(",");
+  const selectorsScoped = selectors.map((selectorPart) => {
     return `.${filterId}${selectorPart.trim()}`;
   });
-  const selector = selectorsScoped.join(', ');
-  const isValidFilter = Array.isArray(colors) || colors === 'unset';
-  (0, _utils3.usePrivateStyleOverride)(isValidFilter ? {
-    css: colors !== 'unset' ? (0, _utils.getDuotoneStylesheet)(selector, filterId) : (0, _utils.getDuotoneUnsetStylesheet)(selector),
-    __unstableType: 'presets'
-  } : undefined);
-  (0, _utils3.usePrivateStyleOverride)(isValidFilter ? {
-    assets: colors !== 'unset' ? (0, _utils.getDuotoneFilter)(filterId, colors) : '',
-    __unstableType: 'svgs'
-  } : undefined);
-  const blockElement = (0, _useBlockRefs.useBlockElement)(clientId);
-  (0, _element.useEffect)(() => {
+  const selector = selectorsScoped.join(", ");
+  const isValidFilter = Array.isArray(colors) || colors === "unset";
+  (0, import_utils3.usePrivateStyleOverride)(
+    isValidFilter ? {
+      css: colors !== "unset" ? (0, import_utils.getDuotoneStylesheet)(selector, filterId) : (0, import_utils.getDuotoneUnsetStylesheet)(selector),
+      __unstableType: "presets"
+    } : void 0
+  );
+  (0, import_utils3.usePrivateStyleOverride)(
+    isValidFilter ? {
+      assets: colors !== "unset" ? (0, import_utils.getDuotoneFilter)(filterId, colors) : "",
+      __unstableType: "svgs"
+    } : void 0
+  );
+  const blockElement = (0, import_use_block_refs.useBlockElement)(clientId);
+  (0, import_element.useEffect)(() => {
     if (!isValidFilter) {
       return;
     }
-
-    // Safari does not always update the duotone filter when the duotone
-    // colors are changed. When using Safari, force the block element to be
-    // repainted by the browser to ensure any changes are reflected
-    // visually. This logic matches that used on the site frontend in
-    // `block-supports/duotone.php`.
     if (blockElement && isSafari) {
       const display = blockElement.style.display;
-      // Switch to `inline-block` to force a repaint. In the editor,
-      // `inline-block` is used instead of `none` to ensure that scroll
-      // position is not affected, as `none` results in the editor
-      // scrolling to the top of the block.
-      blockElement.style.setProperty('display', 'inline-block');
-      // Simply accessing el.offsetHeight flushes layout and style changes
-      // in WebKit without having to wait for setTimeout.
-      // eslint-disable-next-line no-unused-expressions
+      blockElement.style.setProperty("display", "inline-block");
       blockElement.offsetHeight;
-      blockElement.style.setProperty('display', display);
+      blockElement.style.setProperty("display", display);
     }
-    // `colors` must be a dependency so this effect runs when the colors
-    // change in Safari.
   }, [isValidFilter, blockElement, colors]);
 }
-
-// Used for generating the instance ID
 const DUOTONE_BLOCK_PROPS_REFERENCE = {};
-function useBlockProps({
-  clientId,
-  name,
-  style
-}) {
-  const id = (0, _compose.useInstanceId)(DUOTONE_BLOCK_PROPS_REFERENCE);
-  const selector = (0, _element.useMemo)(() => {
-    const blockType = (0, _blocks.getBlockType)(name);
+function useBlockProps({ clientId, name, style }) {
+  const id = (0, import_compose.useInstanceId)(DUOTONE_BLOCK_PROPS_REFERENCE);
+  const selector = (0, import_element.useMemo)(() => {
+    const blockType = (0, import_blocks.getBlockType)(name);
     if (blockType) {
-      // Backwards compatibility for `supports.color.__experimentalDuotone`
-      // is provided via the `block_type_metadata_settings` filter. If
-      // `supports.filter.duotone` has not been set and the
-      // experimental property has been, the experimental property
-      // value is copied into `supports.filter.duotone`.
-      const duotoneSupport = (0, _blocks.getBlockSupport)(blockType, 'filter.duotone', false);
+      const duotoneSupport = (0, import_blocks.getBlockSupport)(
+        blockType,
+        "filter.duotone",
+        false
+      );
       if (!duotoneSupport) {
         return null;
       }
-
-      // If the experimental duotone support was set, that value is
-      // to be treated as a selector and requires scoping.
-      const experimentalDuotone = (0, _blocks.getBlockSupport)(blockType, 'color.__experimentalDuotone', false);
+      const experimentalDuotone = (0, import_blocks.getBlockSupport)(
+        blockType,
+        "color.__experimentalDuotone",
+        false
+      );
       if (experimentalDuotone) {
-        const rootSelector = (0, _getBlockCssSelector.getBlockCSSSelector)(blockType);
-        return typeof experimentalDuotone === 'string' ? (0, _utils2.scopeSelector)(rootSelector, experimentalDuotone) : rootSelector;
+        const rootSelector = (0, import_get_block_css_selector.getBlockCSSSelector)(blockType);
+        return typeof experimentalDuotone === "string" ? (0, import_utils2.scopeSelector)(rootSelector, experimentalDuotone) : rootSelector;
       }
-
-      // Regular filter.duotone support uses filter.duotone selectors with fallbacks.
-      return (0, _getBlockCssSelector.getBlockCSSSelector)(blockType, 'filter.duotone', {
+      return (0, import_get_block_css_selector.getBlockCSSSelector)(blockType, "filter.duotone", {
         fallback: true
       });
     }
@@ -304,8 +274,17 @@ function useBlockProps({
     attribute
   });
   return {
-    className: shouldRender ? filterClass : ''
+    className: shouldRender ? filterClass : ""
   };
 }
-(0, _hooks.addFilter)('blocks.registerBlockType', 'core/editor/duotone/add-attributes', addDuotoneAttributes);
-//# sourceMappingURL=duotone.js.map
+(0, import_hooks.addFilter)(
+  "blocks.registerBlockType",
+  "core/editor/duotone/add-attributes",
+  addDuotoneAttributes
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getColorsFromDuotonePreset,
+  getDuotonePresetFromColors
+});
+//# sourceMappingURL=duotone.js.map