slug: 'medium'

[57500] Fix | Delete

}, {

[57501] Fix | Delete

name: (0,external_wp_i18n_namespaceObject._x)('Large', 'Size of a UI element'),

[57502] Fix | Delete

slug: 'large'

[57503] Fix | Delete

}, {

[57504] Fix | Delete

name: (0,external_wp_i18n_namespaceObject._x)('Extra Large', 'Size of a UI element'),

[57505] Fix | Delete

slug: 'xlarge'

[57506] Fix | Delete

}]);

[57507] Fix | Delete

[57508] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dimension-control/index.js

[57509] Fix | Delete

/**

[57510] Fix | Delete

* External dependencies

[57511] Fix | Delete

*/

[57512] Fix | Delete

[57513] Fix | Delete

[57514] Fix | Delete

/**

[57515] Fix | Delete

* WordPress dependencies

[57516] Fix | Delete

*/

[57517] Fix | Delete

[57518] Fix | Delete

[57519] Fix | Delete

/**

[57520] Fix | Delete

* Internal dependencies

[57521] Fix | Delete

*/

[57522] Fix | Delete

[57523] Fix | Delete

[57524] Fix | Delete

[57525] Fix | Delete

[57526] Fix | Delete

[57527] Fix | Delete

[57528] Fix | Delete

/**

[57529] Fix | Delete

* `DimensionControl` is a component designed to provide a UI to control spacing and/or dimensions.

[57530] Fix | Delete

*

[57531] Fix | Delete

* This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.

[57532] Fix | Delete

*

[57533] Fix | Delete

* ```jsx

[57534] Fix | Delete

* import { __experimentalDimensionControl as DimensionControl } from '@wordpress/components';

[57535] Fix | Delete

* import { useState } from '@wordpress/element';

[57536] Fix | Delete

*

[57537] Fix | Delete

* export default function MyCustomDimensionControl() {

[57538] Fix | Delete

* const [ paddingSize, setPaddingSize ] = useState( '' );

[57539] Fix | Delete

*

[57540] Fix | Delete

* return (

[57541] Fix | Delete

* <DimensionControl

[57542] Fix | Delete

* label={ 'Padding' }

[57543] Fix | Delete

* icon={ 'desktop' }

[57544] Fix | Delete

* onChange={ ( value ) => setPaddingSize( value ) }

[57545] Fix | Delete

* value={ paddingSize }

[57546] Fix | Delete

* />

[57547] Fix | Delete

* );

[57548] Fix | Delete

* }

[57549] Fix | Delete

* ```

[57550] Fix | Delete

*/

[57551] Fix | Delete

function DimensionControl(props) {

[57552] Fix | Delete

const {

[57553] Fix | Delete

__next40pxDefaultSize = false,

[57554] Fix | Delete

label,

[57555] Fix | Delete

value,

[57556] Fix | Delete

sizes = dimension_control_sizes,

[57557] Fix | Delete

icon,

[57558] Fix | Delete

onChange,

[57559] Fix | Delete

className = ''

[57560] Fix | Delete

} = props;

[57561] Fix | Delete

const onChangeSpacingSize = val => {

[57562] Fix | Delete

const theSize = findSizeBySlug(sizes, val);

[57563] Fix | Delete

if (!theSize || value === theSize.slug) {

[57564] Fix | Delete

onChange?.(undefined);

[57565] Fix | Delete

} else if (typeof onChange === 'function') {

[57566] Fix | Delete

onChange(theSize.slug);

[57567] Fix | Delete

}

[57568] Fix | Delete

};

[57569] Fix | Delete

const formatSizesAsOptions = theSizes => {

[57570] Fix | Delete

const options = theSizes.map(({

[57571] Fix | Delete

name,

[57572] Fix | Delete

slug

[57573] Fix | Delete

}) => ({

[57574] Fix | Delete

label: name,

[57575] Fix | Delete

value: slug

[57576] Fix | Delete

}));

[57577] Fix | Delete

return [{

[57578] Fix | Delete

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

[57579] Fix | Delete

value: ''

[57580] Fix | Delete

}, ...options];

[57581] Fix | Delete

};

[57582] Fix | Delete

const selectLabel = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[57583] Fix | Delete

children: [icon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {

[57584] Fix | Delete

icon: icon

[57585] Fix | Delete

}), label]

[57586] Fix | Delete

});

[57587] Fix | Delete

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

[57588] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[57589] Fix | Delete

className: dist_clsx(className, 'block-editor-dimension-control'),

[57590] Fix | Delete

label: selectLabel,

[57591] Fix | Delete

hideLabelFromVision: false,

[57592] Fix | Delete

value: value,

[57593] Fix | Delete

onChange: onChangeSpacingSize,

[57594] Fix | Delete

options: formatSizesAsOptions(sizes)

[57595] Fix | Delete

});

[57596] Fix | Delete

}

[57597] Fix | Delete

/* harmony default export */ const dimension_control = (DimensionControl);

[57598] Fix | Delete

[57599] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/disabled/styles/disabled-styles.js

[57600] Fix | Delete

function disabled_styles_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)."; }

[57601] Fix | Delete

/**

[57602] Fix | Delete

* External dependencies

[57603] Fix | Delete

*/

[57604] Fix | Delete

[57605] Fix | Delete

const disabled_styles_disabledStyles = true ? {

[57606] Fix | Delete

name: "u2jump",

[57607] Fix | Delete

styles: "position:relative;pointer-events:none;&::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;}*{pointer-events:none;}"

[57608] Fix | Delete

} : 0;

[57609] Fix | Delete

[57610] Fix | Delete

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

[57611] Fix | Delete

/**

[57612] Fix | Delete

* WordPress dependencies

[57613] Fix | Delete

*/

[57614] Fix | Delete

[57615] Fix | Delete

[57616] Fix | Delete

/**

[57617] Fix | Delete

* Internal dependencies

[57618] Fix | Delete

*/

[57619] Fix | Delete

[57620] Fix | Delete

[57621] Fix | Delete

[57622] Fix | Delete

const Context = (0,external_wp_element_namespaceObject.createContext)(false);

[57623] Fix | Delete

const {

[57624] Fix | Delete

Consumer,

[57625] Fix | Delete

Provider: disabled_Provider

[57626] Fix | Delete

} = Context;

[57627] Fix | Delete

[57628] Fix | Delete

/**

[57629] Fix | Delete

* `Disabled` is a component which disables descendant tabbable elements and

[57630] Fix | Delete

* prevents pointer interaction.

[57631] Fix | Delete

*

[57632] Fix | Delete

* _Note: this component may not behave as expected in browsers that don't

[57633] Fix | Delete

* support the `inert` HTML attribute. We recommend adding the official WICG

[57634] Fix | Delete

* polyfill when using this component in your project._

[57635] Fix | Delete

*

[57636] Fix | Delete

* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert

[57637] Fix | Delete

*

[57638] Fix | Delete

* ```jsx

[57639] Fix | Delete

* import { Button, Disabled, TextControl } from '@wordpress/components';

[57640] Fix | Delete

* import { useState } from '@wordpress/element';

[57641] Fix | Delete

*

[57642] Fix | Delete

* const MyDisabled = () => {

[57643] Fix | Delete

* const [ isDisabled, setIsDisabled ] = useState( true );

[57644] Fix | Delete

*

[57645] Fix | Delete

* let input = <TextControl label="Input" onChange={ () => {} } />;

[57646] Fix | Delete

* if ( isDisabled ) {

[57647] Fix | Delete

* input = <Disabled>{ input }</Disabled>;

[57648] Fix | Delete

* }

[57649] Fix | Delete

*

[57650] Fix | Delete

* const toggleDisabled = () => {

[57651] Fix | Delete

* setIsDisabled( ( state ) => ! state );

[57652] Fix | Delete

* };

[57653] Fix | Delete

*

[57654] Fix | Delete

* return (

[57655] Fix | Delete

* <div>

[57656] Fix | Delete

* { input }

[57657] Fix | Delete

* <Button variant="primary" onClick={ toggleDisabled }>

[57658] Fix | Delete

* Toggle Disabled

[57659] Fix | Delete

* </Button>

[57660] Fix | Delete

* </div>

[57661] Fix | Delete

* );

[57662] Fix | Delete

* };

[57663] Fix | Delete

* ```

[57664] Fix | Delete

*/

[57665] Fix | Delete

function Disabled({

[57666] Fix | Delete

className,

[57667] Fix | Delete

children,

[57668] Fix | Delete

isDisabled = true,

[57669] Fix | Delete

...props

[57670] Fix | Delete

}) {

[57671] Fix | Delete

const cx = useCx();

[57672] Fix | Delete

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

[57673] Fix | Delete

value: isDisabled,

[57674] Fix | Delete

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

[57675] Fix | Delete

// @ts-ignore Reason: inert is a recent HTML attribute

[57676] Fix | Delete

inert: isDisabled ? 'true' : undefined,

[57677] Fix | Delete

className: isDisabled ? cx(disabled_styles_disabledStyles, className, 'components-disabled') : undefined,

[57678] Fix | Delete

...props,

[57679] Fix | Delete

children: children

[57680] Fix | Delete

})

[57681] Fix | Delete

});

[57682] Fix | Delete

}

[57683] Fix | Delete

Disabled.Context = Context;

[57684] Fix | Delete

Disabled.Consumer = Consumer;

[57685] Fix | Delete

/* harmony default export */ const disabled = (Disabled);

[57686] Fix | Delete

[57687] Fix | Delete

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

[57688] Fix | Delete

/**

[57689] Fix | Delete

* External dependencies

[57690] Fix | Delete

*/

[57691] Fix | Delete

// eslint-disable-next-line no-restricted-imports

[57692] Fix | Delete

[57693] Fix | Delete

[57694] Fix | Delete

/**

[57695] Fix | Delete

* WordPress dependencies

[57696] Fix | Delete

*/

[57697] Fix | Delete

[57698] Fix | Delete

[57699] Fix | Delete

/**

[57700] Fix | Delete

* Internal dependencies

[57701] Fix | Delete

*/

[57702] Fix | Delete

[57703] Fix | Delete

/**

[57704] Fix | Delete

* Accessible Disclosure component that controls visibility of a section of

[57705] Fix | Delete

* content. It follows the WAI-ARIA Disclosure Pattern.

[57706] Fix | Delete

*/

[57707] Fix | Delete

const UnforwardedDisclosureContent = ({

[57708] Fix | Delete

visible,

[57709] Fix | Delete

children,

[57710] Fix | Delete

...props

[57711] Fix | Delete

}, ref) => {

[57712] Fix | Delete

const disclosure = useDisclosureStore({

[57713] Fix | Delete

open: visible

[57714] Fix | Delete

});

[57715] Fix | Delete

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

[57716] Fix | Delete

store: disclosure,

[57717] Fix | Delete

ref: ref,

[57718] Fix | Delete

...props,

[57719] Fix | Delete

children: children

[57720] Fix | Delete

});

[57721] Fix | Delete

};

[57722] Fix | Delete

const disclosure_DisclosureContent = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedDisclosureContent);

[57723] Fix | Delete

/* harmony default export */ const disclosure = ((/* unused pure expression or super */ null && (disclosure_DisclosureContent)));

[57724] Fix | Delete

[57725] Fix | Delete

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

[57726] Fix | Delete

/**

[57727] Fix | Delete

* External dependencies

[57728] Fix | Delete

*/

[57729] Fix | Delete

[57730] Fix | Delete

/**

[57731] Fix | Delete

* WordPress dependencies

[57732] Fix | Delete

*/

[57733] Fix | Delete

[57734] Fix | Delete

[57735] Fix | Delete

[57736] Fix | Delete

/**

[57737] Fix | Delete

* Internal dependencies

[57738] Fix | Delete

*/

[57739] Fix | Delete

[57740] Fix | Delete

[57741] Fix | Delete

[57742] Fix | Delete

const dragImageClass = 'components-draggable__invisible-drag-image';

[57743] Fix | Delete

const cloneWrapperClass = 'components-draggable__clone';

[57744] Fix | Delete

const clonePadding = 0;

[57745] Fix | Delete

const bodyClass = 'is-dragging-components-draggable';

[57746] Fix | Delete

[57747] Fix | Delete

/**

[57748] Fix | Delete

* `Draggable` is a Component that provides a way to set up a cross-browser

[57749] Fix | Delete

* (including IE) customizable drag image and the transfer data for the drag

[57750] Fix | Delete

* event. It decouples the drag handle and the element to drag: use it by

[57751] Fix | Delete

* wrapping the component that will become the drag handle and providing the DOM

[57752] Fix | Delete

* ID of the element to drag.

[57753] Fix | Delete

*

[57754] Fix | Delete

* Note that the drag handle needs to declare the `draggable="true"` property

[57755] Fix | Delete

* and bind the `Draggable`s `onDraggableStart` and `onDraggableEnd` event

[57756] Fix | Delete

* handlers to its own `onDragStart` and `onDragEnd` respectively. `Draggable`

[57757] Fix | Delete

* takes care of the logic to setup the drag image and the transfer data, but is

[57758] Fix | Delete

* not concerned with creating an actual DOM element that is draggable.

[57759] Fix | Delete

*

[57760] Fix | Delete

* ```jsx

[57761] Fix | Delete

* import { Draggable, Panel, PanelBody } from '@wordpress/components';

[57762] Fix | Delete

* import { Icon, more } from '@wordpress/icons';

[57763] Fix | Delete

*

[57764] Fix | Delete

* const MyDraggable = () => (

[57765] Fix | Delete

* <div id="draggable-panel">

[57766] Fix | Delete

* <Panel header="Draggable panel">

[57767] Fix | Delete

* <PanelBody>

[57768] Fix | Delete

* <Draggable elementId="draggable-panel" transferData={ {} }>

[57769] Fix | Delete

* { ( { onDraggableStart, onDraggableEnd } ) => (

[57770] Fix | Delete

* <div

[57771] Fix | Delete

* className="example-drag-handle"

[57772] Fix | Delete

* draggable

[57773] Fix | Delete

* onDragStart={ onDraggableStart }

[57774] Fix | Delete

* onDragEnd={ onDraggableEnd }

[57775] Fix | Delete

* >

[57776] Fix | Delete

* <Icon icon={ more } />

[57777] Fix | Delete

* </div>

[57778] Fix | Delete

* ) }

[57779] Fix | Delete

* </Draggable>

[57780] Fix | Delete

* </PanelBody>

[57781] Fix | Delete

* </Panel>

[57782] Fix | Delete

* </div>

[57783] Fix | Delete

* );

[57784] Fix | Delete

* ```

[57785] Fix | Delete

*/

[57786] Fix | Delete

function Draggable({

[57787] Fix | Delete

children,

[57788] Fix | Delete

onDragStart,

[57789] Fix | Delete

onDragOver,

[57790] Fix | Delete

onDragEnd,

[57791] Fix | Delete

appendToOwnerDocument = false,

[57792] Fix | Delete

cloneClassname,

[57793] Fix | Delete

elementId,

[57794] Fix | Delete

transferData,

[57795] Fix | Delete

__experimentalTransferDataType: transferDataType = 'text',

[57796] Fix | Delete

__experimentalDragComponent: dragComponent

[57797] Fix | Delete

}) {

[57798] Fix | Delete

const dragComponentRef = (0,external_wp_element_namespaceObject.useRef)(null);

[57799] Fix | Delete

const cleanup = (0,external_wp_element_namespaceObject.useRef)(() => {});

[57800] Fix | Delete

[57801] Fix | Delete

/**

[57802] Fix | Delete

* Removes the element clone, resets cursor, and removes drag listener.

[57803] Fix | Delete

*

[57804] Fix | Delete

* @param event The non-custom DragEvent.

[57805] Fix | Delete

*/

[57806] Fix | Delete

function end(event) {

[57807] Fix | Delete

event.preventDefault();

[57808] Fix | Delete

cleanup.current();

[57809] Fix | Delete

if (onDragEnd) {

[57810] Fix | Delete

onDragEnd(event);

[57811] Fix | Delete

}

[57812] Fix | Delete

}

[57813] Fix | Delete

[57814] Fix | Delete

/**

[57815] Fix | Delete

* This method does a couple of things:

[57816] Fix | Delete

*

[57817] Fix | Delete

* - Clones the current element and spawns clone over original element.

[57818] Fix | Delete

* - Adds a fake temporary drag image to avoid browser defaults.

[57819] Fix | Delete

* - Sets transfer data.

[57820] Fix | Delete

* - Adds dragover listener.

[57821] Fix | Delete

*

[57822] Fix | Delete

* @param event The non-custom DragEvent.

[57823] Fix | Delete

*/

[57824] Fix | Delete

function start(event) {

[57825] Fix | Delete

const {

[57826] Fix | Delete

ownerDocument

[57827] Fix | Delete

} = event.target;

[57828] Fix | Delete

event.dataTransfer.setData(transferDataType, JSON.stringify(transferData));

[57829] Fix | Delete

const cloneWrapper = ownerDocument.createElement('div');

[57830] Fix | Delete

// Reset position to 0,0. Natural stacking order will position this lower, even with a transform otherwise.

[57831] Fix | Delete

cloneWrapper.style.top = '0';

[57832] Fix | Delete

cloneWrapper.style.left = '0';

[57833] Fix | Delete

const dragImage = ownerDocument.createElement('div');

[57834] Fix | Delete

[57835] Fix | Delete

// Set a fake drag image to avoid browser defaults. Remove from DOM

[57836] Fix | Delete

// right after. event.dataTransfer.setDragImage is not supported yet in

[57837] Fix | Delete

// IE, we need to check for its existence first.

[57838] Fix | Delete

if ('function' === typeof event.dataTransfer.setDragImage) {

[57839] Fix | Delete

dragImage.classList.add(dragImageClass);

[57840] Fix | Delete

ownerDocument.body.appendChild(dragImage);

[57841] Fix | Delete

event.dataTransfer.setDragImage(dragImage, 0, 0);

[57842] Fix | Delete

}

[57843] Fix | Delete

cloneWrapper.classList.add(cloneWrapperClass);

[57844] Fix | Delete

if (cloneClassname) {

[57845] Fix | Delete

cloneWrapper.classList.add(cloneClassname);

[57846] Fix | Delete

}

[57847] Fix | Delete

let x = 0;

[57848] Fix | Delete

let y = 0;

[57849] Fix | Delete

// If a dragComponent is defined, the following logic will clone the

[57850] Fix | Delete

// HTML node and inject it into the cloneWrapper.

[57851] Fix | Delete

if (dragComponentRef.current) {

[57852] Fix | Delete

// Position dragComponent at the same position as the cursor.

[57853] Fix | Delete

x = event.clientX;

[57854] Fix | Delete

y = event.clientY;

[57855] Fix | Delete

cloneWrapper.style.transform = `translate( ${x}px, ${y}px )`;

[57856] Fix | Delete

const clonedDragComponent = ownerDocument.createElement('div');

[57857] Fix | Delete

clonedDragComponent.innerHTML = dragComponentRef.current.innerHTML;

[57858] Fix | Delete

cloneWrapper.appendChild(clonedDragComponent);

[57859] Fix | Delete

[57860] Fix | Delete

// Inject the cloneWrapper into the DOM.

[57861] Fix | Delete

ownerDocument.body.appendChild(cloneWrapper);

[57862] Fix | Delete

} else {

[57863] Fix | Delete

const element = ownerDocument.getElementById(elementId);

[57864] Fix | Delete

[57865] Fix | Delete

// Prepare element clone and append to element wrapper.

[57866] Fix | Delete

const elementRect = element.getBoundingClientRect();

[57867] Fix | Delete

const elementWrapper = element.parentNode;

[57868] Fix | Delete

const elementTopOffset = elementRect.top;

[57869] Fix | Delete

const elementLeftOffset = elementRect.left;

[57870] Fix | Delete

cloneWrapper.style.width = `${elementRect.width + clonePadding * 2}px`;

[57871] Fix | Delete

const clone = element.cloneNode(true);

[57872] Fix | Delete

clone.id = `clone-${elementId}`;

[57873] Fix | Delete

[57874] Fix | Delete

// Position clone right over the original element (20px padding).

[57875] Fix | Delete

x = elementLeftOffset - clonePadding;

[57876] Fix | Delete

y = elementTopOffset - clonePadding;

[57877] Fix | Delete

cloneWrapper.style.transform = `translate( ${x}px, ${y}px )`;

[57878] Fix | Delete

[57879] Fix | Delete

// Hack: Remove iFrames as it's causing the embeds drag clone to freeze.

[57880] Fix | Delete

Array.from(clone.querySelectorAll('iframe')).forEach(child => child.parentNode?.removeChild(child));

[57881] Fix | Delete

cloneWrapper.appendChild(clone);

[57882] Fix | Delete

[57883] Fix | Delete

// Inject the cloneWrapper into the DOM.

[57884] Fix | Delete

if (appendToOwnerDocument) {

[57885] Fix | Delete

ownerDocument.body.appendChild(cloneWrapper);

[57886] Fix | Delete

} else {

[57887] Fix | Delete

elementWrapper?.appendChild(cloneWrapper);

[57888] Fix | Delete

}

[57889] Fix | Delete

}

[57890] Fix | Delete

[57891] Fix | Delete

// Mark the current cursor coordinates.

[57892] Fix | Delete

let cursorLeft = event.clientX;

[57893] Fix | Delete

let cursorTop = event.clientY;

[57894] Fix | Delete

function over(e) {

[57895] Fix | Delete

// Skip doing any work if mouse has not moved.

[57896] Fix | Delete

if (cursorLeft === e.clientX && cursorTop === e.clientY) {

[57897] Fix | Delete

return;

[57898] Fix | Delete

}

[57899] Fix | Delete

const nextX = x + e.clientX - cursorLeft;

[57900] Fix | Delete

const nextY = y + e.clientY - cursorTop;

[57901] Fix | Delete

cloneWrapper.style.transform = `translate( ${nextX}px, ${nextY}px )`;

[57902] Fix | Delete

cursorLeft = e.clientX;

[57903] Fix | Delete

cursorTop = e.clientY;

[57904] Fix | Delete

x = nextX;

[57905] Fix | Delete

y = nextY;

[57906] Fix | Delete

if (onDragOver) {

[57907] Fix | Delete

onDragOver(e);

[57908] Fix | Delete

}

[57909] Fix | Delete

}

[57910] Fix | Delete

[57911] Fix | Delete

// Aim for 60fps (16 ms per frame) for now. We can potentially use requestAnimationFrame (raf) instead,

[57912] Fix | Delete

// note that browsers may throttle raf below 60fps in certain conditions.

[57913] Fix | Delete

// @ts-ignore

[57914] Fix | Delete

const throttledDragOver = (0,external_wp_compose_namespaceObject.throttle)(over, 16);

[57915] Fix | Delete

ownerDocument.addEventListener('dragover', throttledDragOver);

[57916] Fix | Delete

[57917] Fix | Delete

// Update cursor to 'grabbing', document wide.

[57918] Fix | Delete

ownerDocument.body.classList.add(bodyClass);

[57919] Fix | Delete

if (onDragStart) {

[57920] Fix | Delete

onDragStart(event);

[57921] Fix | Delete

}

[57922] Fix | Delete

cleanup.current = () => {

[57923] Fix | Delete

// Remove drag clone.

[57924] Fix | Delete

if (cloneWrapper && cloneWrapper.parentNode) {

[57925] Fix | Delete

cloneWrapper.parentNode.removeChild(cloneWrapper);

[57926] Fix | Delete

}

[57927] Fix | Delete

if (dragImage && dragImage.parentNode) {

[57928] Fix | Delete

dragImage.parentNode.removeChild(dragImage);

[57929] Fix | Delete

}

[57930] Fix | Delete

[57931] Fix | Delete

// Reset cursor.

[57932] Fix | Delete

ownerDocument.body.classList.remove(bodyClass);

[57933] Fix | Delete

ownerDocument.removeEventListener('dragover', throttledDragOver);

[57934] Fix | Delete

};

[57935] Fix | Delete

}

[57936] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => () => {

[57937] Fix | Delete

cleanup.current();

[57938] Fix | Delete

}, []);

[57939] Fix | Delete

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

[57940] Fix | Delete

children: [children({

[57941] Fix | Delete

onDraggableStart: start,

[57942] Fix | Delete

onDraggableEnd: end

[57943] Fix | Delete

}), dragComponent && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[57944] Fix | Delete

className: "components-draggable-drag-component-root",

[57945] Fix | Delete

style: {

[57946] Fix | Delete

display: 'none'

[57947] Fix | Delete

},

[57948] Fix | Delete

ref: dragComponentRef,

[57949] Fix | Delete

children: dragComponent

[57950] Fix | Delete

})]

[57951] Fix | Delete

});

[57952] Fix | Delete

}

[57953] Fix | Delete

/* harmony default export */ const draggable = (Draggable);

[57954] Fix | Delete

[57955] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/upload.js

[57956] Fix | Delete

/**

[57957] Fix | Delete

* WordPress dependencies

[57958] Fix | Delete

*/

[57959] Fix | Delete

[57960] Fix | Delete

[57961] Fix | Delete

const upload = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[57962] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[57963] Fix | Delete

viewBox: "0 0 24 24",

[57964] Fix | Delete

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

[57965] Fix | Delete

d: "M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"

[57966] Fix | Delete

})

[57967] Fix | Delete

});

[57968] Fix | Delete

/* harmony default export */ const library_upload = (upload);

[57969] Fix | Delete

[57970] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/drop-zone/index.js

[57971] Fix | Delete

/**

[57972] Fix | Delete

* External dependencies

[57973] Fix | Delete

*/

[57974] Fix | Delete

[57975] Fix | Delete

[57976] Fix | Delete

/**

[57977] Fix | Delete

* WordPress dependencies

[57978] Fix | Delete

*/

[57979] Fix | Delete

[57980] Fix | Delete

[57981] Fix | Delete

[57982] Fix | Delete

[57983] Fix | Delete

[57984] Fix | Delete

[57985] Fix | Delete

/**

[57986] Fix | Delete

* Internal dependencies

[57987] Fix | Delete

*/

[57988] Fix | Delete

[57989] Fix | Delete

[57990] Fix | Delete

[57991] Fix | Delete

const drop_zone_backdrop = {

[57992] Fix | Delete

hidden: {

[57993] Fix | Delete

opacity: 0

[57994] Fix | Delete

},

[57995] Fix | Delete

show: {

[57996] Fix | Delete

opacity: 1,

[57997] Fix | Delete

transition: {

[57998] Fix | Delete

type: 'tween',

[57999] Fix | Delete