'aria-label': ariaLabel,

[58500] Fix | Delete

'aria-labelledby': ariaLabelledby,

[58501] Fix | Delete

...otherProps

[58502] Fix | Delete

}) {

[58503] Fix | Delete

const [defaultDark, defaultLight] = (0,external_wp_element_namespaceObject.useMemo)(() => getDefaultColors(colorPalette), [colorPalette]);

[58504] Fix | Delete

const isUnset = value === 'unset';

[58505] Fix | Delete

const unsetOptionLabel = (0,external_wp_i18n_namespaceObject.__)('Unset');

[58506] Fix | Delete

const unsetOption = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_circular_option_picker.Option, {

[58507] Fix | Delete

value: "unset",

[58508] Fix | Delete

isSelected: isUnset,

[58509] Fix | Delete

tooltipText: unsetOptionLabel,

[58510] Fix | Delete

"aria-label": unsetOptionLabel,

[58511] Fix | Delete

className: "components-duotone-picker__color-indicator",

[58512] Fix | Delete

onClick: () => {

[58513] Fix | Delete

onChange(isUnset ? undefined : 'unset');

[58514] Fix | Delete

}

[58515] Fix | Delete

}, "unset");

[58516] Fix | Delete

const duotoneOptions = duotonePalette.map(({

[58517] Fix | Delete

colors,

[58518] Fix | Delete

slug,

[58519] Fix | Delete

name

[58520] Fix | Delete

}) => {

[58521] Fix | Delete

const style = {

[58522] Fix | Delete

background: getGradientFromCSSColors(colors, '135deg'),

[58523] Fix | Delete

color: 'transparent'

[58524] Fix | Delete

};

[58525] Fix | Delete

const tooltipText = name !== null && name !== void 0 ? name : (0,external_wp_i18n_namespaceObject.sprintf)(

[58526] Fix | Delete

// translators: %s: duotone code e.g: "dark-grayscale" or "7f7f7f-ffffff".

[58527] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Duotone code: %s'), slug);

[58528] Fix | Delete

const label = name ? (0,external_wp_i18n_namespaceObject.sprintf)(

[58529] Fix | Delete

// translators: %s: The name of the option e.g: "Dark grayscale".

[58530] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Duotone: %s'), name) : tooltipText;

[58531] Fix | Delete

const isSelected = es6_default()(colors, value);

[58532] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_circular_option_picker.Option, {

[58533] Fix | Delete

value: colors,

[58534] Fix | Delete

isSelected: isSelected,

[58535] Fix | Delete

"aria-label": label,

[58536] Fix | Delete

tooltipText: tooltipText,

[58537] Fix | Delete

style: style,

[58538] Fix | Delete

onClick: () => {

[58539] Fix | Delete

onChange(isSelected ? undefined : colors);

[58540] Fix | Delete

}

[58541] Fix | Delete

}, slug);

[58542] Fix | Delete

});

[58543] Fix | Delete

let metaProps;

[58544] Fix | Delete

if (asButtons) {

[58545] Fix | Delete

metaProps = {

[58546] Fix | Delete

asButtons: true

[58547] Fix | Delete

};

[58548] Fix | Delete

} else {

[58549] Fix | Delete

const _metaProps = {

[58550] Fix | Delete

asButtons: false,

[58551] Fix | Delete

loop

[58552] Fix | Delete

};

[58553] Fix | Delete

if (ariaLabel) {

[58554] Fix | Delete

metaProps = {

[58555] Fix | Delete

..._metaProps,

[58556] Fix | Delete

'aria-label': ariaLabel

[58557] Fix | Delete

};

[58558] Fix | Delete

} else if (ariaLabelledby) {

[58559] Fix | Delete

metaProps = {

[58560] Fix | Delete

..._metaProps,

[58561] Fix | Delete

'aria-labelledby': ariaLabelledby

[58562] Fix | Delete

};

[58563] Fix | Delete

} else {

[58564] Fix | Delete

metaProps = {

[58565] Fix | Delete

..._metaProps,

[58566] Fix | Delete

'aria-label': (0,external_wp_i18n_namespaceObject.__)('Custom color picker.')

[58567] Fix | Delete

};

[58568] Fix | Delete

}

[58569] Fix | Delete

}

[58570] Fix | Delete

const options = unsetable ? [unsetOption, ...duotoneOptions] : duotoneOptions;

[58571] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_circular_option_picker, {

[58572] Fix | Delete

...otherProps,

[58573] Fix | Delete

...metaProps,

[58574] Fix | Delete

options: options,

[58575] Fix | Delete

actions: !!clearable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_circular_option_picker.ButtonAction, {

[58576] Fix | Delete

onClick: () => onChange(undefined),

[58577] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Clear')

[58578] Fix | Delete

}),

[58579] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(spacer_component, {

[58580] Fix | Delete

paddingTop: options.length === 0 ? 0 : 4,

[58581] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(v_stack_component, {

[58582] Fix | Delete

spacing: 3,

[58583] Fix | Delete

children: [!disableCustomColors && !disableCustomDuotone && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CustomDuotoneBar, {

[58584] Fix | Delete

value: isUnset ? undefined : value,

[58585] Fix | Delete

onChange: onChange

[58586] Fix | Delete

}), !disableCustomDuotone && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(color_list_picker, {

[58587] Fix | Delete

labels: [(0,external_wp_i18n_namespaceObject.__)('Shadows'), (0,external_wp_i18n_namespaceObject.__)('Highlights')],

[58588] Fix | Delete

colors: colorPalette,

[58589] Fix | Delete

value: isUnset ? undefined : value,

[58590] Fix | Delete

disableCustomColors: disableCustomColors,

[58591] Fix | Delete

enableAlpha: true,

[58592] Fix | Delete

onChange: newColors => {

[58593] Fix | Delete

if (!newColors[0]) {

[58594] Fix | Delete

newColors[0] = defaultDark;

[58595] Fix | Delete

}

[58596] Fix | Delete

if (!newColors[1]) {

[58597] Fix | Delete

newColors[1] = defaultLight;

[58598] Fix | Delete

}

[58599] Fix | Delete

const newValue = newColors.length >= 2 ? newColors : undefined;

[58600] Fix | Delete

// @ts-expect-error TODO: The color arrays for a DuotonePicker should be a tuple of two colors,

[58601] Fix | Delete

// but it's currently typed as a string[].

[58602] Fix | Delete

// See also https://github.com/WordPress/gutenberg/pull/49060#discussion_r1136951035

[58603] Fix | Delete

onChange(newValue);

[58604] Fix | Delete

}

[58605] Fix | Delete

})]

[58606] Fix | Delete

})

[58607] Fix | Delete

})

[58608] Fix | Delete

});

[58609] Fix | Delete

}

[58610] Fix | Delete

/* harmony default export */ const duotone_picker = (DuotonePicker);

[58611] Fix | Delete

[58612] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/external-link/index.js

[58613] Fix | Delete

/**

[58614] Fix | Delete

* External dependencies

[58615] Fix | Delete

*/

[58616] Fix | Delete

[58617] Fix | Delete

/**

[58618] Fix | Delete

* WordPress dependencies

[58619] Fix | Delete

*/

[58620] Fix | Delete

[58621] Fix | Delete

[58622] Fix | Delete

[58623] Fix | Delete

/**

[58624] Fix | Delete

* Internal dependencies

[58625] Fix | Delete

*/

[58626] Fix | Delete

[58627] Fix | Delete

[58628] Fix | Delete

function UnforwardedExternalLink(props, ref) {

[58629] Fix | Delete

const {

[58630] Fix | Delete

href,

[58631] Fix | Delete

children,

[58632] Fix | Delete

className,

[58633] Fix | Delete

rel = '',

[58634] Fix | Delete

...additionalProps

[58635] Fix | Delete

} = props;

[58636] Fix | Delete

const optimizedRel = [...new Set([...rel.split(' '), 'external', 'noreferrer', 'noopener'].filter(Boolean))].join(' ');

[58637] Fix | Delete

const classes = dist_clsx('components-external-link', className);

[58638] Fix | Delete

/* Anchor links are perceived as external links.

[58639] Fix | Delete

This constant helps check for on page anchor links,

[58640] Fix | Delete

to prevent them from being opened in the editor. */

[58641] Fix | Delete

const isInternalAnchor = !!href?.startsWith('#');

[58642] Fix | Delete

const onClickHandler = event => {

[58643] Fix | Delete

if (isInternalAnchor) {

[58644] Fix | Delete

event.preventDefault();

[58645] Fix | Delete

}

[58646] Fix | Delete

if (props.onClick) {

[58647] Fix | Delete

props.onClick(event);

[58648] Fix | Delete

}

[58649] Fix | Delete

};

[58650] Fix | Delete

return (

[58651] Fix | Delete

/*#__PURE__*/

[58652] Fix | Delete

/* eslint-disable react/jsx-no-target-blank */

[58653] Fix | Delete

(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {

[58654] Fix | Delete

...additionalProps,

[58655] Fix | Delete

className: classes,

[58656] Fix | Delete

href: href,

[58657] Fix | Delete

onClick: onClickHandler,

[58658] Fix | Delete

target: "_blank",

[58659] Fix | Delete

rel: optimizedRel,

[58660] Fix | Delete

ref: ref,

[58661] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {

[58662] Fix | Delete

className: "components-external-link__contents",

[58663] Fix | Delete

children: children

[58664] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {

[58665] Fix | Delete

className: "components-external-link__icon",

[58666] Fix | Delete

"aria-label": /* translators: accessibility text */

[58667] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('(opens in a new tab)'),

[58668] Fix | Delete

children: "\u2197"

[58669] Fix | Delete

})]

[58670] Fix | Delete

})

[58671] Fix | Delete

/* eslint-enable react/jsx-no-target-blank */

[58672] Fix | Delete

);

[58673] Fix | Delete

}

[58674] Fix | Delete

[58675] Fix | Delete

/**

[58676] Fix | Delete

* Link to an external resource.

[58677] Fix | Delete

*

[58678] Fix | Delete

* ```jsx

[58679] Fix | Delete

* import { ExternalLink } from '@wordpress/components';

[58680] Fix | Delete

*

[58681] Fix | Delete

* const MyExternalLink = () => (

[58682] Fix | Delete

* <ExternalLink href="https://wordpress.org">WordPress.org</ExternalLink>

[58683] Fix | Delete

* );

[58684] Fix | Delete

* ```

[58685] Fix | Delete

*/

[58686] Fix | Delete

const ExternalLink = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedExternalLink);

[58687] Fix | Delete

/* harmony default export */ const external_link = (ExternalLink);

[58688] Fix | Delete

[58689] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/focal-point-picker/utils.js

[58690] Fix | Delete

const INITIAL_BOUNDS = {

[58691] Fix | Delete

width: 200,

[58692] Fix | Delete

height: 170

[58693] Fix | Delete

};

[58694] Fix | Delete

const VIDEO_EXTENSIONS = ['avi', 'mpg', 'mpeg', 'mov', 'mp4', 'm4v', 'ogg', 'ogv', 'webm', 'wmv'];

[58695] Fix | Delete

[58696] Fix | Delete

/**

[58697] Fix | Delete

* Gets the extension of a file name.

[58698] Fix | Delete

*

[58699] Fix | Delete

* @param filename The file name.

[58700] Fix | Delete

* @return The extension of the file name.

[58701] Fix | Delete

*/

[58702] Fix | Delete

function getExtension(filename = '') {

[58703] Fix | Delete

const parts = filename.split('.');

[58704] Fix | Delete

return parts[parts.length - 1];

[58705] Fix | Delete

}

[58706] Fix | Delete

[58707] Fix | Delete

/**

[58708] Fix | Delete

* Checks if a file is a video.

[58709] Fix | Delete

*

[58710] Fix | Delete

* @param filename The file name.

[58711] Fix | Delete

* @return Whether the file is a video.

[58712] Fix | Delete

*/

[58713] Fix | Delete

function isVideoType(filename = '') {

[58714] Fix | Delete

if (!filename) {

[58715] Fix | Delete

return false;

[58716] Fix | Delete

}

[58717] Fix | Delete

return filename.startsWith('data:video/') || VIDEO_EXTENSIONS.includes(getExtension(filename));

[58718] Fix | Delete

}

[58719] Fix | Delete

[58720] Fix | Delete

/**

[58721] Fix | Delete

* Transforms a fraction value to a percentage value.

[58722] Fix | Delete

*

[58723] Fix | Delete

* @param fraction The fraction value.

[58724] Fix | Delete

* @return A percentage value.

[58725] Fix | Delete

*/

[58726] Fix | Delete

function fractionToPercentage(fraction) {

[58727] Fix | Delete

return Math.round(fraction * 100);

[58728] Fix | Delete

}

[58729] Fix | Delete

[58730] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/focal-point-picker/styles/focal-point-picker-style.js

[58731] Fix | Delete

[58732] Fix | Delete

function focal_point_picker_style_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[58733] Fix | Delete

/**

[58734] Fix | Delete

* External dependencies

[58735] Fix | Delete

*/

[58736] Fix | Delete

[58737] Fix | Delete

/**

[58738] Fix | Delete

* Internal dependencies

[58739] Fix | Delete

*/

[58740] Fix | Delete

[58741] Fix | Delete

[58742] Fix | Delete

[58743] Fix | Delete

[58744] Fix | Delete

const MediaWrapper = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[58745] Fix | Delete

target: "eeew7dm8"

[58746] Fix | Delete

} : 0)( true ? {

[58747] Fix | Delete

name: "jqnsxy",

[58748] Fix | Delete

styles: "background-color:transparent;display:flex;text-align:center;width:100%"

[58749] Fix | Delete

} : 0);

[58750] Fix | Delete

const MediaContainer = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[58751] Fix | Delete

target: "eeew7dm7"

[58752] Fix | Delete

} : 0)("align-items:center;border-radius:", config_values.radiusBlockUi, ";cursor:pointer;display:inline-flex;justify-content:center;margin:auto;position:relative;height:100%;&:after{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 1px rgba( 0, 0, 0, 0.1 );content:'';left:0;pointer-events:none;position:absolute;right:0;top:0;}img,video{border-radius:inherit;box-sizing:border-box;display:block;height:auto;margin:0;max-height:100%;max-width:100%;pointer-events:none;user-select:none;width:auto;}" + ( true ? "" : 0));

[58753] Fix | Delete

const MediaPlaceholder = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[58754] Fix | Delete

target: "eeew7dm6"

[58755] Fix | Delete

} : 0)("background:", COLORS.gray[100], ";border-radius:inherit;box-sizing:border-box;height:", INITIAL_BOUNDS.height, "px;max-width:280px;min-width:", INITIAL_BOUNDS.width, "px;width:100%;" + ( true ? "" : 0));

[58756] Fix | Delete

const focal_point_picker_style_StyledUnitControl = /*#__PURE__*/emotion_styled_base_browser_esm(unit_control, true ? {

[58757] Fix | Delete

target: "eeew7dm5"

[58758] Fix | Delete

} : 0)( true ? {

[58759] Fix | Delete

name: "1d3w5wq",

[58760] Fix | Delete

styles: "width:100%"

[58761] Fix | Delete

} : 0);

[58762] Fix | Delete

var focal_point_picker_style_ref2 = true ? {

[58763] Fix | Delete

name: "1mn7kwb",

[58764] Fix | Delete

styles: "padding-bottom:1em"

[58765] Fix | Delete

} : 0;

[58766] Fix | Delete

const deprecatedBottomMargin = ({

[58767] Fix | Delete

__nextHasNoMarginBottom

[58768] Fix | Delete

}) => {

[58769] Fix | Delete

return !__nextHasNoMarginBottom ? focal_point_picker_style_ref2 : undefined;

[58770] Fix | Delete

};

[58771] Fix | Delete

var focal_point_picker_style_ref = true ? {

[58772] Fix | Delete

name: "1mn7kwb",

[58773] Fix | Delete

styles: "padding-bottom:1em"

[58774] Fix | Delete

} : 0;

[58775] Fix | Delete

const extraHelpTextMargin = ({

[58776] Fix | Delete

hasHelpText = false

[58777] Fix | Delete

}) => {

[58778] Fix | Delete

return hasHelpText ? focal_point_picker_style_ref : undefined;

[58779] Fix | Delete

};

[58780] Fix | Delete

const ControlWrapper = /*#__PURE__*/emotion_styled_base_browser_esm(flex_component, true ? {

[58781] Fix | Delete

target: "eeew7dm4"

[58782] Fix | Delete

} : 0)("max-width:320px;padding-top:1em;", extraHelpTextMargin, " ", deprecatedBottomMargin, ";" + ( true ? "" : 0));

[58783] Fix | Delete

const GridView = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[58784] Fix | Delete

target: "eeew7dm3"

[58785] Fix | Delete

} : 0)("left:50%;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate3d( -50%, -50%, 0 );z-index:1;@media not ( prefers-reduced-motion ){transition:opacity 100ms linear;}opacity:", ({

[58786] Fix | Delete

showOverlay

[58787] Fix | Delete

}) => showOverlay ? 1 : 0, ";" + ( true ? "" : 0));

[58788] Fix | Delete

const GridLine = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[58789] Fix | Delete

target: "eeew7dm2"

[58790] Fix | Delete

} : 0)( true ? {

[58791] Fix | Delete

name: "1yzbo24",

[58792] Fix | Delete

styles: "background:rgba( 255, 255, 255, 0.4 );backdrop-filter:blur( 16px ) saturate( 180% );position:absolute;transform:translateZ( 0 )"

[58793] Fix | Delete

} : 0);

[58794] Fix | Delete

const GridLineX = /*#__PURE__*/emotion_styled_base_browser_esm(GridLine, true ? {

[58795] Fix | Delete

target: "eeew7dm1"

[58796] Fix | Delete

} : 0)( true ? {

[58797] Fix | Delete

name: "1sw8ur",

[58798] Fix | Delete

styles: "height:1px;left:1px;right:1px"

[58799] Fix | Delete

} : 0);

[58800] Fix | Delete

const GridLineY = /*#__PURE__*/emotion_styled_base_browser_esm(GridLine, true ? {

[58801] Fix | Delete

target: "eeew7dm0"

[58802] Fix | Delete

} : 0)( true ? {

[58803] Fix | Delete

name: "188vg4t",

[58804] Fix | Delete

styles: "width:1px;top:1px;bottom:1px"

[58805] Fix | Delete

} : 0);

[58806] Fix | Delete

[58807] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/focal-point-picker/controls.js

[58808] Fix | Delete

/**

[58809] Fix | Delete

* WordPress dependencies

[58810] Fix | Delete

*/

[58811] Fix | Delete

[58812] Fix | Delete

[58813] Fix | Delete

/**

[58814] Fix | Delete

* Internal dependencies

[58815] Fix | Delete

*/

[58816] Fix | Delete

[58817] Fix | Delete

[58818] Fix | Delete

[58819] Fix | Delete

[58820] Fix | Delete

const TEXTCONTROL_MIN = 0;

[58821] Fix | Delete

const TEXTCONTROL_MAX = 100;

[58822] Fix | Delete

const controls_noop = () => {};

[58823] Fix | Delete

function FocalPointPickerControls({

[58824] Fix | Delete

__nextHasNoMarginBottom,

[58825] Fix | Delete

__next40pxDefaultSize,

[58826] Fix | Delete

hasHelpText,

[58827] Fix | Delete

onChange = controls_noop,

[58828] Fix | Delete

point = {

[58829] Fix | Delete

x: 0.5,

[58830] Fix | Delete

y: 0.5

[58831] Fix | Delete

}

[58832] Fix | Delete

}) {

[58833] Fix | Delete

const valueX = fractionToPercentage(point.x);

[58834] Fix | Delete

const valueY = fractionToPercentage(point.y);

[58835] Fix | Delete

const handleChange = (value, axis) => {

[58836] Fix | Delete

if (value === undefined) {

[58837] Fix | Delete

return;

[58838] Fix | Delete

}

[58839] Fix | Delete

const num = parseInt(value, 10);

[58840] Fix | Delete

if (!isNaN(num)) {

[58841] Fix | Delete

onChange({

[58842] Fix | Delete

...point,

[58843] Fix | Delete

[axis]: num / 100

[58844] Fix | Delete

});

[58845] Fix | Delete

}

[58846] Fix | Delete

};

[58847] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(ControlWrapper, {

[58848] Fix | Delete

className: "focal-point-picker__controls",

[58849] Fix | Delete

__nextHasNoMarginBottom: __nextHasNoMarginBottom,

[58850] Fix | Delete

hasHelpText: hasHelpText,

[58851] Fix | Delete

gap: 4,

[58852] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(FocalPointUnitControl, {

[58853] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[58854] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Left'),

[58855] Fix | Delete

"aria-label": (0,external_wp_i18n_namespaceObject.__)('Focal point left position'),

[58856] Fix | Delete

value: [valueX, '%'].join(''),

[58857] Fix | Delete

onChange: next => handleChange(next, 'x'),

[58858] Fix | Delete

dragDirection: "e"

[58859] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(FocalPointUnitControl, {

[58860] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[58861] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Top'),

[58862] Fix | Delete

"aria-label": (0,external_wp_i18n_namespaceObject.__)('Focal point top position'),

[58863] Fix | Delete

value: [valueY, '%'].join(''),

[58864] Fix | Delete

onChange: next => handleChange(next, 'y'),

[58865] Fix | Delete

dragDirection: "s"

[58866] Fix | Delete

})]

[58867] Fix | Delete

});

[58868] Fix | Delete

}

[58869] Fix | Delete

function FocalPointUnitControl(props) {

[58870] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(focal_point_picker_style_StyledUnitControl, {

[58871] Fix | Delete

className: "focal-point-picker__controls-position-unit-control",

[58872] Fix | Delete

labelPosition: "top",

[58873] Fix | Delete

max: TEXTCONTROL_MAX,

[58874] Fix | Delete

min: TEXTCONTROL_MIN,

[58875] Fix | Delete

units: [{

[58876] Fix | Delete

value: '%',

[58877] Fix | Delete

label: '%'

[58878] Fix | Delete

}],

[58879] Fix | Delete

...props

[58880] Fix | Delete

});

[58881] Fix | Delete

}

[58882] Fix | Delete

[58883] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/focal-point-picker/styles/focal-point-style.js

[58884] Fix | Delete

[58885] Fix | Delete

/**

[58886] Fix | Delete

* External dependencies

[58887] Fix | Delete

*/

[58888] Fix | Delete

[58889] Fix | Delete

const PointerCircle = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[58890] Fix | Delete

target: "e19snlhg0"

[58891] Fix | Delete

} : 0)("background-color:transparent;cursor:grab;height:40px;margin:-20px 0 0 -20px;position:absolute;user-select:none;width:40px;will-change:transform;z-index:10000;background:rgba( 255, 255, 255, 0.4 );border:1px solid rgba( 255, 255, 255, 0.4 );border-radius:50%;backdrop-filter:blur( 16px ) saturate( 180% );box-shadow:rgb( 0 0 0 / 10% ) 0px 0px 8px;@media not ( prefers-reduced-motion ){transition:transform 100ms linear;}", ({

[58892] Fix | Delete

isDragging

[58893] Fix | Delete

}) => isDragging && `

[58894] Fix | Delete

box-shadow: rgb( 0 0 0 / 12% ) 0px 0px 10px;

[58895] Fix | Delete

transform: scale( 1.1 );

[58896] Fix | Delete

cursor: grabbing;

[58897] Fix | Delete

`, ";" + ( true ? "" : 0));

[58898] Fix | Delete

[58899] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/focal-point-picker/focal-point.js

[58900] Fix | Delete

/**

[58901] Fix | Delete

* Internal dependencies

[58902] Fix | Delete

*/

[58903] Fix | Delete

[58904] Fix | Delete

[58905] Fix | Delete

/**

[58906] Fix | Delete

* External dependencies

[58907] Fix | Delete

*/

[58908] Fix | Delete

[58909] Fix | Delete

function FocalPoint({

[58910] Fix | Delete

left = '50%',

[58911] Fix | Delete

top = '50%',

[58912] Fix | Delete

...props

[58913] Fix | Delete

}) {

[58914] Fix | Delete

const style = {

[58915] Fix | Delete

left,

[58916] Fix | Delete

top

[58917] Fix | Delete

};

[58918] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PointerCircle, {

[58919] Fix | Delete

...props,

[58920] Fix | Delete

className: "components-focal-point-picker__icon_container",

[58921] Fix | Delete

style: style

[58922] Fix | Delete

});

[58923] Fix | Delete

}

[58924] Fix | Delete

[58925] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/focal-point-picker/grid.js

[58926] Fix | Delete

/**

[58927] Fix | Delete

* Internal dependencies

[58928] Fix | Delete

*/

[58929] Fix | Delete

[58930] Fix | Delete

[58931] Fix | Delete

[58932] Fix | Delete

function FocalPointPickerGrid({

[58933] Fix | Delete

bounds,

[58934] Fix | Delete

...props

[58935] Fix | Delete

}) {

[58936] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(GridView, {

[58937] Fix | Delete

...props,

[58938] Fix | Delete

className: "components-focal-point-picker__grid",

[58939] Fix | Delete

style: {

[58940] Fix | Delete

width: bounds.width,

[58941] Fix | Delete

height: bounds.height

[58942] Fix | Delete

},

[58943] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridLineX, {

[58944] Fix | Delete

style: {

[58945] Fix | Delete

top: '33%'

[58946] Fix | Delete

}

[58947] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridLineX, {

[58948] Fix | Delete

style: {

[58949] Fix | Delete

top: '66%'

[58950] Fix | Delete

}

[58951] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridLineY, {

[58952] Fix | Delete

style: {

[58953] Fix | Delete

left: '33%'

[58954] Fix | Delete

}

[58955] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GridLineY, {

[58956] Fix | Delete

style: {

[58957] Fix | Delete

left: '66%'

[58958] Fix | Delete

}

[58959] Fix | Delete

})]

[58960] Fix | Delete

});

[58961] Fix | Delete

}

[58962] Fix | Delete

[58963] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/focal-point-picker/media.js

[58964] Fix | Delete

/**

[58965] Fix | Delete

* External dependencies

[58966] Fix | Delete

*/

[58967] Fix | Delete

[58968] Fix | Delete

/**

[58969] Fix | Delete

* Internal dependencies

[58970] Fix | Delete

*/

[58971] Fix | Delete

[58972] Fix | Delete

[58973] Fix | Delete

[58974] Fix | Delete

function media_Media({

[58975] Fix | Delete

alt,

[58976] Fix | Delete

autoPlay,

[58977] Fix | Delete

src,

[58978] Fix | Delete

onLoad,

[58979] Fix | Delete

mediaRef,

[58980] Fix | Delete

// Exposing muted prop for test rendering purposes

[58981] Fix | Delete

// https://github.com/testing-library/react-testing-library/issues/470

[58982] Fix | Delete

muted = true,

[58983] Fix | Delete

...props

[58984] Fix | Delete

}) {

[58985] Fix | Delete

if (!src) {

[58986] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MediaPlaceholder, {

[58987] Fix | Delete

className: "components-focal-point-picker__media components-focal-point-picker__media--placeholder",

[58988] Fix | Delete

ref: mediaRef,

[58989] Fix | Delete

...props

[58990] Fix | Delete

});

[58991] Fix | Delete

}

[58992] Fix | Delete

const isVideo = isVideoType(src);

[58993] Fix | Delete

return isVideo ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {

[58994] Fix | Delete

...props,

[58995] Fix | Delete

autoPlay: autoPlay,

[58996] Fix | Delete

className: "components-focal-point-picker__media components-focal-point-picker__media--video",

[58997] Fix | Delete

loop: true,

[58998] Fix | Delete

muted: muted,

[58999] Fix | Delete