Edit File by line

// This only fires when the sidebar is open because of the conditional rendering.

[24000] Fix | Delete

// It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.

[24001] Fix | Delete

(0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/editor/toggle-list-view', handleToggleListViewShortcut);

[24002] Fix | Delete

return (

[24003] Fix | Delete

/*#__PURE__*/

[24004] Fix | Delete

// eslint-disable-next-line jsx-a11y/no-static-element-interactions

[24005] Fix | Delete

(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[24006] Fix | Delete

className: "editor-list-view-sidebar",

[24007] Fix | Delete

onKeyDown: closeOnEscape,

[24008] Fix | Delete

ref: sidebarRef,

[24009] Fix | Delete

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

[24010] Fix | Delete

onSelect: tabName => setTab(tabName),

[24011] Fix | Delete

selectOnMove: false

[24012] Fix | Delete

// The initial tab value is set explicitly to avoid an initial

[24013] Fix | Delete

// render where no tab is selected. This ensures that the

[24014] Fix | Delete

// tabpanel height is correct so the relevant scroll container

[24015] Fix | Delete

// can be rendered internally.

[24016] Fix | Delete

[24017] Fix | Delete

defaultTabId: "list-view",

[24018] Fix | Delete

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

[24019] Fix | Delete

className: "editor-list-view-sidebar__header",

[24020] Fix | Delete

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

[24021] Fix | Delete

className: "editor-list-view-sidebar__close-button",

[24022] Fix | Delete

icon: close_small,

[24023] Fix | Delete

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

[24024] Fix | Delete

onClick: closeListView,

[24025] Fix | Delete

size: "small"

[24026] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tabs.TabList, {

[24027] Fix | Delete

className: "editor-list-view-sidebar__tabs-tablist",

[24028] Fix | Delete

ref: tabsRef,

[24029] Fix | Delete

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

[24030] Fix | Delete

className: "editor-list-view-sidebar__tabs-tab",

[24031] Fix | Delete

tabId: "list-view",

[24032] Fix | Delete

children: (0,external_wp_i18n_namespaceObject._x)('List View', 'Post overview')

[24033] Fix | Delete

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

[24034] Fix | Delete

className: "editor-list-view-sidebar__tabs-tab",

[24035] Fix | Delete

tabId: "outline",

[24036] Fix | Delete

children: (0,external_wp_i18n_namespaceObject._x)('Outline', 'Post overview')

[24037] Fix | Delete

})]

[24038] Fix | Delete

})]

[24039] Fix | Delete

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

[24040] Fix | Delete

ref: listViewContainerRef,

[24041] Fix | Delete

className: "editor-list-view-sidebar__tabs-tabpanel",

[24042] Fix | Delete

tabId: "list-view",

[24043] Fix | Delete

focusable: false,

[24044] Fix | Delete

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

[24045] Fix | Delete

className: "editor-list-view-sidebar__list-view-container",

[24046] Fix | Delete

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

[24047] Fix | Delete

className: "editor-list-view-sidebar__list-view-panel-content",

[24048] Fix | Delete

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

[24049] Fix | Delete

dropZoneElement: dropZoneElement

[24050] Fix | Delete

})

[24051] Fix | Delete

})

[24052] Fix | Delete

})

[24053] Fix | Delete

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

[24054] Fix | Delete

className: "editor-list-view-sidebar__tabs-tabpanel",

[24055] Fix | Delete

tabId: "outline",

[24056] Fix | Delete

focusable: false,

[24057] Fix | Delete

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

[24058] Fix | Delete

className: "editor-list-view-sidebar__list-view-container",

[24059] Fix | Delete

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

[24060] Fix | Delete

})

[24061] Fix | Delete

})]

[24062] Fix | Delete

})

[24063] Fix | Delete

})

[24064] Fix | Delete

);

[24065] Fix | Delete

}

[24066] Fix | Delete

[24067] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/editor/build-module/components/save-publish-panels/index.js

[24068] Fix | Delete

/**

[24069] Fix | Delete

* WordPress dependencies

[24070] Fix | Delete

[24071] Fix | Delete

[24072] Fix | Delete

[24073] Fix | Delete

[24074] Fix | Delete

[24075] Fix | Delete

[24076] Fix | Delete

/**

[24077] Fix | Delete

* Internal dependencies

[24078] Fix | Delete

[24079] Fix | Delete

[24080] Fix | Delete

[24081] Fix | Delete

[24082] Fix | Delete

[24083] Fix | Delete

[24084] Fix | Delete

[24085] Fix | Delete

[24086] Fix | Delete

[24087] Fix | Delete

const {

[24088] Fix | Delete

Fill: save_publish_panels_Fill,

[24089] Fix | Delete

Slot: save_publish_panels_Slot

[24090] Fix | Delete

} = (0,external_wp_components_namespaceObject.createSlotFill)('ActionsPanel');

[24091] Fix | Delete

const ActionsPanelFill = (/* unused pure expression or super */ null && (save_publish_panels_Fill));

[24092] Fix | Delete

function SavePublishPanels({

[24093] Fix | Delete

setEntitiesSavedStatesCallback,

[24094] Fix | Delete

closeEntitiesSavedStates,

[24095] Fix | Delete

isEntitiesSavedStatesOpen,

[24096] Fix | Delete

forceIsDirtyPublishPanel

[24097] Fix | Delete

}) {

[24098] Fix | Delete

const {

[24099] Fix | Delete

closePublishSidebar,

[24100] Fix | Delete

togglePublishSidebar

[24101] Fix | Delete

} = (0,external_wp_data_namespaceObject.useDispatch)(store_store);

[24102] Fix | Delete

const {

[24103] Fix | Delete

publishSidebarOpened,

[24104] Fix | Delete

isPublishable,

[24105] Fix | Delete

isDirty,

[24106] Fix | Delete

hasOtherEntitiesChanges

[24107] Fix | Delete

} = (0,external_wp_data_namespaceObject.useSelect)(select => {

[24108] Fix | Delete

const {

[24109] Fix | Delete

isPublishSidebarOpened,

[24110] Fix | Delete

isEditedPostPublishable,

[24111] Fix | Delete

isCurrentPostPublished,

[24112] Fix | Delete

isEditedPostDirty,

[24113] Fix | Delete

hasNonPostEntityChanges

[24114] Fix | Delete

} = select(store_store);

[24115] Fix | Delete

const _hasOtherEntitiesChanges = hasNonPostEntityChanges();

[24116] Fix | Delete

return {

[24117] Fix | Delete

publishSidebarOpened: isPublishSidebarOpened(),

[24118] Fix | Delete

isPublishable: !isCurrentPostPublished() && isEditedPostPublishable(),

[24119] Fix | Delete

isDirty: _hasOtherEntitiesChanges || isEditedPostDirty(),

[24120] Fix | Delete

hasOtherEntitiesChanges: _hasOtherEntitiesChanges

[24121] Fix | Delete

};

[24122] Fix | Delete

}, []);

[24123] Fix | Delete

const openEntitiesSavedStates = (0,external_wp_element_namespaceObject.useCallback)(() => setEntitiesSavedStatesCallback(true), []);

[24124] Fix | Delete

[24125] Fix | Delete

// It is ok for these components to be unmounted when not in visual use.

[24126] Fix | Delete

// We don't want more than one present at a time, decide which to render.

[24127] Fix | Delete

let unmountableContent;

[24128] Fix | Delete

if (publishSidebarOpened) {

[24129] Fix | Delete

unmountableContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(post_publish_panel, {

[24130] Fix | Delete

onClose: closePublishSidebar,

[24131] Fix | Delete

forceIsDirty: forceIsDirtyPublishPanel,

[24132] Fix | Delete

PrePublishExtension: plugin_pre_publish_panel.Slot,

[24133] Fix | Delete

PostPublishExtension: plugin_post_publish_panel.Slot

[24134] Fix | Delete

});

[24135] Fix | Delete

} else if (isPublishable && !hasOtherEntitiesChanges) {

[24136] Fix | Delete

unmountableContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[24137] Fix | Delete

className: "editor-layout__toggle-publish-panel",

[24138] Fix | Delete

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

[24139] Fix | Delete

variant: "secondary",

[24140] Fix | Delete

className: "editor-layout__toggle-publish-panel-button",

[24141] Fix | Delete

onClick: togglePublishSidebar,

[24142] Fix | Delete

"aria-expanded": false,

[24143] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Open publish panel')

[24144] Fix | Delete

})

[24145] Fix | Delete

});

[24146] Fix | Delete

} else {

[24147] Fix | Delete

unmountableContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[24148] Fix | Delete

className: "editor-layout__toggle-entities-saved-states-panel",

[24149] Fix | Delete

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

[24150] Fix | Delete

variant: "secondary",

[24151] Fix | Delete

className: "editor-layout__toggle-entities-saved-states-panel-button",

[24152] Fix | Delete

onClick: openEntitiesSavedStates,

[24153] Fix | Delete

"aria-expanded": false,

[24154] Fix | Delete

disabled: !isDirty,

[24155] Fix | Delete

__experimentalIsFocusable: true,

[24156] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Open save panel')

[24157] Fix | Delete

})

[24158] Fix | Delete

});

[24159] Fix | Delete

}

[24160] Fix | Delete

[24161] Fix | Delete

// Since EntitiesSavedStates controls its own panel, we can keep it

[24162] Fix | Delete

// always mounted to retain its own component state (such as checkboxes).

[24163] Fix | Delete

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

[24164] Fix | Delete

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

[24165] Fix | Delete

close: closeEntitiesSavedStates

[24166] Fix | Delete

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

[24167] Fix | Delete

bubblesVirtually: true

[24168] Fix | Delete

}), !isEntitiesSavedStatesOpen && unmountableContent]

[24169] Fix | Delete

});

[24170] Fix | Delete

}

[24171] Fix | Delete

[24172] Fix | Delete

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

[24173] Fix | Delete

/**

[24174] Fix | Delete

* WordPress dependencies

[24175] Fix | Delete

[24176] Fix | Delete

[24177] Fix | Delete

[24178] Fix | Delete

[24179] Fix | Delete

[24180] Fix | Delete

[24181] Fix | Delete

[24182] Fix | Delete

/**

[24183] Fix | Delete

* Internal dependencies

[24184] Fix | Delete

[24185] Fix | Delete

[24186] Fix | Delete

[24187] Fix | Delete

[24188] Fix | Delete

[24189] Fix | Delete

[24190] Fix | Delete

function TextEditor({

[24191] Fix | Delete

autoFocus = false

[24192] Fix | Delete

}) {

[24193] Fix | Delete

const {

[24194] Fix | Delete

switchEditorMode

[24195] Fix | Delete

} = (0,external_wp_data_namespaceObject.useDispatch)(store_store);

[24196] Fix | Delete

const {

[24197] Fix | Delete

shortcut,

[24198] Fix | Delete

isRichEditingEnabled

[24199] Fix | Delete

} = (0,external_wp_data_namespaceObject.useSelect)(select => {

[24200] Fix | Delete

const {

[24201] Fix | Delete

getEditorSettings

[24202] Fix | Delete

} = select(store_store);

[24203] Fix | Delete

const {

[24204] Fix | Delete

getShortcutRepresentation

[24205] Fix | Delete

} = select(external_wp_keyboardShortcuts_namespaceObject.store);

[24206] Fix | Delete

return {

[24207] Fix | Delete

shortcut: getShortcutRepresentation('core/editor/toggle-mode'),

[24208] Fix | Delete

isRichEditingEnabled: getEditorSettings().richEditingEnabled

[24209] Fix | Delete

};

[24210] Fix | Delete

}, []);

[24211] Fix | Delete

const titleRef = (0,external_wp_element_namespaceObject.useRef)();

[24212] Fix | Delete

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

[24213] Fix | Delete

if (autoFocus) {

[24214] Fix | Delete

return;

[24215] Fix | Delete

}

[24216] Fix | Delete

titleRef?.current?.focus();

[24217] Fix | Delete

}, [autoFocus]);

[24218] Fix | Delete

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

[24219] Fix | Delete

className: "editor-text-editor",

[24220] Fix | Delete

children: [isRichEditingEnabled && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[24221] Fix | Delete

className: "editor-text-editor__toolbar",

[24222] Fix | Delete

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

[24223] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Editing code')

[24224] Fix | Delete

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

[24225] Fix | Delete

variant: "tertiary",

[24226] Fix | Delete

onClick: () => switchEditorMode('visual'),

[24227] Fix | Delete

shortcut: shortcut,

[24228] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Exit code editor')

[24229] Fix | Delete

})]

[24230] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[24231] Fix | Delete

className: "editor-text-editor__body",

[24232] Fix | Delete

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

[24233] Fix | Delete

ref: titleRef

[24234] Fix | Delete

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

[24235] Fix | Delete

})]

[24236] Fix | Delete

});

[24237] Fix | Delete

}

[24238] Fix | Delete

[24239] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/editor/build-module/components/visual-editor/edit-template-blocks-notification.js

[24240] Fix | Delete

/**

[24241] Fix | Delete

* WordPress dependencies

[24242] Fix | Delete

[24243] Fix | Delete

[24244] Fix | Delete

[24245] Fix | Delete

[24246] Fix | Delete

[24247] Fix | Delete

[24248] Fix | Delete

[24249] Fix | Delete

/**

[24250] Fix | Delete

* Internal dependencies

[24251] Fix | Delete

[24252] Fix | Delete

[24253] Fix | Delete

[24254] Fix | Delete

/**

[24255] Fix | Delete

* Component that:

[24256] Fix | Delete

[24257] Fix | Delete

* - Displays a 'Edit your template to edit this block' notification when the

[24258] Fix | Delete

* user is focusing on editing page content and clicks on a disabled template

[24259] Fix | Delete

* block.

[24260] Fix | Delete

* - Displays a 'Edit your template to edit this block' dialog when the user

[24261] Fix | Delete

* is focusing on editing page conetnt and double clicks on a disabled

[24262] Fix | Delete

* template block.

[24263] Fix | Delete

[24264] Fix | Delete

* @param {Object} props

[24265] Fix | Delete

* @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block

[24266] Fix | Delete

* editor iframe canvas.

[24267] Fix | Delete

[24268] Fix | Delete

[24269] Fix | Delete

function EditTemplateBlocksNotification({

[24270] Fix | Delete

contentRef

[24271] Fix | Delete

}) {

[24272] Fix | Delete

const {

[24273] Fix | Delete

onNavigateToEntityRecord,

[24274] Fix | Delete

templateId

[24275] Fix | Delete

} = (0,external_wp_data_namespaceObject.useSelect)(select => {

[24276] Fix | Delete

const {

[24277] Fix | Delete

getEditorSettings,

[24278] Fix | Delete

getCurrentTemplateId

[24279] Fix | Delete

} = select(store_store);

[24280] Fix | Delete

return {

[24281] Fix | Delete

onNavigateToEntityRecord: getEditorSettings().onNavigateToEntityRecord,

[24282] Fix | Delete

templateId: getCurrentTemplateId()

[24283] Fix | Delete

};

[24284] Fix | Delete

}, []);

[24285] Fix | Delete

const canEditTemplate = (0,external_wp_data_namespaceObject.useSelect)(select => {

[24286] Fix | Delete

var _select$canUser;

[24287] Fix | Delete

return (_select$canUser = select(external_wp_coreData_namespaceObject.store).canUser('create', 'templates')) !== null && _select$canUser !== void 0 ? _select$canUser : false;

[24288] Fix | Delete

});

[24289] Fix | Delete

const [isDialogOpen, setIsDialogOpen] = (0,external_wp_element_namespaceObject.useState)(false);

[24290] Fix | Delete

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

[24291] Fix | Delete

const handleDblClick = event => {

[24292] Fix | Delete

if (!canEditTemplate) {

[24293] Fix | Delete

return;

[24294] Fix | Delete

}

[24295] Fix | Delete

if (!event.target.classList.contains('is-root-container')) {

[24296] Fix | Delete

return;

[24297] Fix | Delete

}

[24298] Fix | Delete

setIsDialogOpen(true);

[24299] Fix | Delete

};

[24300] Fix | Delete

const canvas = contentRef.current;

[24301] Fix | Delete

canvas?.addEventListener('dblclick', handleDblClick);

[24302] Fix | Delete

return () => {

[24303] Fix | Delete

canvas?.removeEventListener('dblclick', handleDblClick);

[24304] Fix | Delete

};

[24305] Fix | Delete

}, [contentRef, canEditTemplate]);

[24306] Fix | Delete

if (!canEditTemplate) {

[24307] Fix | Delete

return null;

[24308] Fix | Delete

}

[24309] Fix | Delete

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

[24310] Fix | Delete

isOpen: isDialogOpen,

[24311] Fix | Delete

confirmButtonText: (0,external_wp_i18n_namespaceObject.__)('Edit template'),

[24312] Fix | Delete

onConfirm: () => {

[24313] Fix | Delete

setIsDialogOpen(false);

[24314] Fix | Delete

onNavigateToEntityRecord({

[24315] Fix | Delete

postId: templateId,

[24316] Fix | Delete

postType: 'wp_template'

[24317] Fix | Delete

});

[24318] Fix | Delete

[24319] Fix | Delete

onCancel: () => setIsDialogOpen(false),

[24320] Fix | Delete

size: "medium",

[24321] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('You’ve tried to select a block that is part of a template, which may be used on other posts and pages. Would you like to edit the template?')

[24322] Fix | Delete

});

[24323] Fix | Delete

}

[24324] Fix | Delete

[24325] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/editor/build-module/components/resizable-editor/resize-handle.js

[24326] Fix | Delete

/**

[24327] Fix | Delete

* WordPress dependencies

[24328] Fix | Delete

[24329] Fix | Delete

[24330] Fix | Delete

[24331] Fix | Delete

[24332] Fix | Delete

[24333] Fix | Delete

[24334] Fix | Delete

[24335] Fix | Delete

const DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.

[24336] Fix | Delete

[24337] Fix | Delete

function ResizeHandle({

[24338] Fix | Delete

direction,

[24339] Fix | Delete

resizeWidthBy

[24340] Fix | Delete

}) {

[24341] Fix | Delete

function handleKeyDown(event) {

[24342] Fix | Delete

const {

[24343] Fix | Delete

keyCode

[24344] Fix | Delete

} = event;

[24345] Fix | Delete

if (direction === 'left' && keyCode === external_wp_keycodes_namespaceObject.LEFT || direction === 'right' && keyCode === external_wp_keycodes_namespaceObject.RIGHT) {

[24346] Fix | Delete

resizeWidthBy(DELTA_DISTANCE);

[24347] Fix | Delete

} else if (direction === 'left' && keyCode === external_wp_keycodes_namespaceObject.RIGHT || direction === 'right' && keyCode === external_wp_keycodes_namespaceObject.LEFT) {

[24348] Fix | Delete

resizeWidthBy(-DELTA_DISTANCE);

[24349] Fix | Delete

}

[24350] Fix | Delete

}

[24351] Fix | Delete

const resizeHandleVariants = {

[24352] Fix | Delete

active: {

[24353] Fix | Delete

opacity: 1,

[24354] Fix | Delete

scaleY: 1.3

[24355] Fix | Delete

}

[24356] Fix | Delete

};

[24357] Fix | Delete

const resizableHandleHelpId = `resizable-editor__resize-help-${direction}`;

[24358] Fix | Delete

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

[24359] Fix | Delete

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

[24360] Fix | Delete

text: (0,external_wp_i18n_namespaceObject.__)('Drag to resize'),

[24361] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableMotion.button, {

[24362] Fix | Delete

className: `editor-resizable-editor__resize-handle is-${direction}`,

[24363] Fix | Delete

"aria-label": (0,external_wp_i18n_namespaceObject.__)('Drag to resize'),

[24364] Fix | Delete

"aria-describedby": resizableHandleHelpId,

[24365] Fix | Delete

onKeyDown: handleKeyDown,

[24366] Fix | Delete

variants: resizeHandleVariants,

[24367] Fix | Delete

whileFocus: "active",

[24368] Fix | Delete

whileHover: "active",

[24369] Fix | Delete

whileTap: "active",

[24370] Fix | Delete

role: "separator",

[24371] Fix | Delete

"aria-orientation": "vertical"

[24372] Fix | Delete

}, "handle")

[24373] Fix | Delete

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

[24374] Fix | Delete

id: resizableHandleHelpId,

[24375] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Use left and right arrow keys to resize the canvas.')

[24376] Fix | Delete

})]

[24377] Fix | Delete

});

[24378] Fix | Delete

}

[24379] Fix | Delete

[24380] Fix | Delete

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

[24381] Fix | Delete

/**

[24382] Fix | Delete

* External dependencies

[24383] Fix | Delete

[24384] Fix | Delete

[24385] Fix | Delete

[24386] Fix | Delete

/**

[24387] Fix | Delete

* WordPress dependencies

[24388] Fix | Delete

[24389] Fix | Delete

[24390] Fix | Delete

[24391] Fix | Delete

[24392] Fix | Delete

/**

[24393] Fix | Delete

* Internal dependencies

[24394] Fix | Delete

[24395] Fix | Delete

[24396] Fix | Delete

[24397] Fix | Delete

// Removes the inline styles in the drag handles.

[24398] Fix | Delete

[24399] Fix | Delete

const HANDLE_STYLES_OVERRIDE = {

[24400] Fix | Delete

position: undefined,

[24401] Fix | Delete

userSelect: undefined,

[24402] Fix | Delete

cursor: undefined,

[24403] Fix | Delete

width: undefined,

[24404] Fix | Delete

height: undefined,

[24405] Fix | Delete

top: undefined,

[24406] Fix | Delete

right: undefined,

[24407] Fix | Delete

bottom: undefined,

[24408] Fix | Delete

left: undefined

[24409] Fix | Delete

};

[24410] Fix | Delete

function ResizableEditor({

[24411] Fix | Delete

className,

[24412] Fix | Delete

enableResizing,

[24413] Fix | Delete

height,

[24414] Fix | Delete

children

[24415] Fix | Delete

}) {

[24416] Fix | Delete

const [width, setWidth] = (0,external_wp_element_namespaceObject.useState)('100%');

[24417] Fix | Delete

const resizableRef = (0,external_wp_element_namespaceObject.useRef)();

[24418] Fix | Delete

const resizeWidthBy = (0,external_wp_element_namespaceObject.useCallback)(deltaPixels => {

[24419] Fix | Delete

if (resizableRef.current) {

[24420] Fix | Delete

setWidth(resizableRef.current.offsetWidth + deltaPixels);

[24421] Fix | Delete

}

[24422] Fix | Delete

}, []);

[24423] Fix | Delete

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

[24424] Fix | Delete

className: dist_clsx('editor-resizable-editor', className, {

[24425] Fix | Delete

'is-resizable': enableResizing

[24426] Fix | Delete

}),

[24427] Fix | Delete

ref: api => {

[24428] Fix | Delete

resizableRef.current = api?.resizable;

[24429] Fix | Delete

[24430] Fix | Delete

size: {

[24431] Fix | Delete

width: enableResizing ? width : '100%',

[24432] Fix | Delete

height: enableResizing && height ? height : '100%'

[24433] Fix | Delete

[24434] Fix | Delete

onResizeStop: (event, direction, element) => {

[24435] Fix | Delete

setWidth(element.style.width);

[24436] Fix | Delete

[24437] Fix | Delete

minWidth: 300,

[24438] Fix | Delete

maxWidth: "100%",

[24439] Fix | Delete

maxHeight: "100%",

[24440] Fix | Delete

enable: {

[24441] Fix | Delete

left: enableResizing,

[24442] Fix | Delete

right: enableResizing

[24443] Fix | Delete

[24444] Fix | Delete

showHandle: enableResizing

[24445] Fix | Delete

// The editor is centered horizontally, resizing it only

[24446] Fix | Delete

// moves half the distance. Hence double the ratio to correctly

[24447] Fix | Delete

// align the cursor to the resizer handle.

[24448] Fix | Delete

[24449] Fix | Delete

resizeRatio: 2,

[24450] Fix | Delete

handleComponent: {

[24451] Fix | Delete

left: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizeHandle, {

[24452] Fix | Delete

direction: "left",

[24453] Fix | Delete

resizeWidthBy: resizeWidthBy

[24454] Fix | Delete

}),

[24455] Fix | Delete

right: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizeHandle, {

[24456] Fix | Delete

direction: "right",

[24457] Fix | Delete

resizeWidthBy: resizeWidthBy

[24458] Fix | Delete

})

[24459] Fix | Delete

[24460] Fix | Delete

handleClasses: undefined,

[24461] Fix | Delete

handleStyles: {

[24462] Fix | Delete

left: HANDLE_STYLES_OVERRIDE,

[24463] Fix | Delete

right: HANDLE_STYLES_OVERRIDE

[24464] Fix | Delete

[24465] Fix | Delete

children: children

[24466] Fix | Delete

});

[24467] Fix | Delete

}

[24468] Fix | Delete

/* harmony default export */ const resizable_editor = (ResizableEditor);

[24469] Fix | Delete

[24470] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/editor/build-module/hooks/use-select-nearest-editable-block.js

[24471] Fix | Delete

/**

[24472] Fix | Delete

* WordPress dependencies

[24473] Fix | Delete

[24474] Fix | Delete

[24475] Fix | Delete

[24476] Fix | Delete

[24477] Fix | Delete

[24478] Fix | Delete

/**

[24479] Fix | Delete

* Internal dependencies

[24480] Fix | Delete

[24481] Fix | Delete

[24482] Fix | Delete

const DISTANCE_THRESHOLD = 500;

[24483] Fix | Delete

function clamp(value, min, max) {

[24484] Fix | Delete

return Math.min(Math.max(value, min), max);

[24485] Fix | Delete

}

[24486] Fix | Delete

function distanceFromRect(x, y, rect) {

[24487] Fix | Delete

const dx = x - clamp(x, rect.left, rect.right);

[24488] Fix | Delete

const dy = y - clamp(y, rect.top, rect.bottom);

[24489] Fix | Delete

return Math.sqrt(dx * dx + dy * dy);

[24490] Fix | Delete

}

[24491] Fix | Delete

function useSelectNearestEditableBlock({

[24492] Fix | Delete

isEnabled = true

[24493] Fix | Delete

} = {}) {

[24494] Fix | Delete

const {

[24495] Fix | Delete

getEnabledClientIdsTree,

[24496] Fix | Delete

getBlockName,

[24497] Fix | Delete

getBlockOrder

[24498] Fix | Delete

} = unlock((0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store));

[24499] Fix | Delete

1 ...47 484950 51 ...57