Edit File by line
/home/zeestwma/richards.../wp-inclu.../js/dist/script-m.../block-li.../navigati...
File: view.js
import * as __WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__ from "@wordpress/interactivity";
[0] Fix | Delete
/******/ // The require scope
[1] Fix | Delete
/******/ var __webpack_require__ = {};
[2] Fix | Delete
/******/
[3] Fix | Delete
/************************************************************************/
[4] Fix | Delete
/******/ /* webpack/runtime/define property getters */
[5] Fix | Delete
/******/ (() => {
[6] Fix | Delete
/******/ // define getter functions for harmony exports
[7] Fix | Delete
/******/ __webpack_require__.d = (exports, definition) => {
[8] Fix | Delete
/******/ for(var key in definition) {
[9] Fix | Delete
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
[10] Fix | Delete
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
[11] Fix | Delete
/******/ }
[12] Fix | Delete
/******/ }
[13] Fix | Delete
/******/ };
[14] Fix | Delete
/******/ })();
[15] Fix | Delete
/******/
[16] Fix | Delete
/******/ /* webpack/runtime/hasOwnProperty shorthand */
[17] Fix | Delete
/******/ (() => {
[18] Fix | Delete
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
[19] Fix | Delete
/******/ })();
[20] Fix | Delete
/******/
[21] Fix | Delete
/************************************************************************/
[22] Fix | Delete
var __webpack_exports__ = {};
[23] Fix | Delete
[24] Fix | Delete
;// external "@wordpress/interactivity"
[25] Fix | Delete
var x = (y) => {
[26] Fix | Delete
var x = {}; __webpack_require__.d(x, y); return x
[27] Fix | Delete
}
[28] Fix | Delete
var y = (x) => (() => (x))
[29] Fix | Delete
const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store), ["withSyncEvent"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.withSyncEvent) });
[30] Fix | Delete
;// ./node_modules/@wordpress/block-library/build-module/navigation/view.js
[31] Fix | Delete
/**
[32] Fix | Delete
* WordPress dependencies
[33] Fix | Delete
*/
[34] Fix | Delete
[35] Fix | Delete
const focusableSelectors = ['a[href]', 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', 'select:not([disabled]):not([aria-hidden])', 'textarea:not([disabled]):not([aria-hidden])', 'button:not([disabled]):not([aria-hidden])', '[contenteditable]', '[tabindex]:not([tabindex^="-"])'];
[36] Fix | Delete
[37] Fix | Delete
// This is a fix for Safari in iOS/iPadOS. Without it, Safari doesn't focus out
[38] Fix | Delete
// when the user taps in the body. It can be removed once we add an overlay to
[39] Fix | Delete
// capture the clicks, instead of relying on the focusout event.
[40] Fix | Delete
document.addEventListener('click', () => {});
[41] Fix | Delete
const {
[42] Fix | Delete
state,
[43] Fix | Delete
actions
[44] Fix | Delete
} = (0,interactivity_namespaceObject.store)('core/navigation', {
[45] Fix | Delete
state: {
[46] Fix | Delete
get roleAttribute() {
[47] Fix | Delete
const ctx = (0,interactivity_namespaceObject.getContext)();
[48] Fix | Delete
return ctx.type === 'overlay' && state.isMenuOpen ? 'dialog' : null;
[49] Fix | Delete
},
[50] Fix | Delete
get ariaModal() {
[51] Fix | Delete
const ctx = (0,interactivity_namespaceObject.getContext)();
[52] Fix | Delete
return ctx.type === 'overlay' && state.isMenuOpen ? 'true' : null;
[53] Fix | Delete
},
[54] Fix | Delete
get ariaLabel() {
[55] Fix | Delete
const ctx = (0,interactivity_namespaceObject.getContext)();
[56] Fix | Delete
return ctx.type === 'overlay' && state.isMenuOpen ? ctx.ariaLabel : null;
[57] Fix | Delete
},
[58] Fix | Delete
get isMenuOpen() {
[59] Fix | Delete
// The menu is opened if either `click`, `hover` or `focus` is true.
[60] Fix | Delete
return Object.values(state.menuOpenedBy).filter(Boolean).length > 0;
[61] Fix | Delete
},
[62] Fix | Delete
get menuOpenedBy() {
[63] Fix | Delete
const ctx = (0,interactivity_namespaceObject.getContext)();
[64] Fix | Delete
return ctx.type === 'overlay' ? ctx.overlayOpenedBy : ctx.submenuOpenedBy;
[65] Fix | Delete
}
[66] Fix | Delete
},
[67] Fix | Delete
actions: {
[68] Fix | Delete
openMenuOnHover() {
[69] Fix | Delete
const {
[70] Fix | Delete
type,
[71] Fix | Delete
overlayOpenedBy
[72] Fix | Delete
} = (0,interactivity_namespaceObject.getContext)();
[73] Fix | Delete
if (type === 'submenu' &&
[74] Fix | Delete
// Only open on hover if the overlay is closed.
[75] Fix | Delete
Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) {
[76] Fix | Delete
actions.openMenu('hover');
[77] Fix | Delete
}
[78] Fix | Delete
},
[79] Fix | Delete
closeMenuOnHover() {
[80] Fix | Delete
const {
[81] Fix | Delete
type,
[82] Fix | Delete
overlayOpenedBy
[83] Fix | Delete
} = (0,interactivity_namespaceObject.getContext)();
[84] Fix | Delete
if (type === 'submenu' &&
[85] Fix | Delete
// Only close on hover if the overlay is closed.
[86] Fix | Delete
Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) {
[87] Fix | Delete
actions.closeMenu('hover');
[88] Fix | Delete
}
[89] Fix | Delete
},
[90] Fix | Delete
openMenuOnClick() {
[91] Fix | Delete
const ctx = (0,interactivity_namespaceObject.getContext)();
[92] Fix | Delete
const {
[93] Fix | Delete
ref
[94] Fix | Delete
} = (0,interactivity_namespaceObject.getElement)();
[95] Fix | Delete
ctx.previousFocus = ref;
[96] Fix | Delete
actions.openMenu('click');
[97] Fix | Delete
},
[98] Fix | Delete
closeMenuOnClick() {
[99] Fix | Delete
actions.closeMenu('click');
[100] Fix | Delete
actions.closeMenu('focus');
[101] Fix | Delete
},
[102] Fix | Delete
openMenuOnFocus() {
[103] Fix | Delete
actions.openMenu('focus');
[104] Fix | Delete
},
[105] Fix | Delete
toggleMenuOnClick() {
[106] Fix | Delete
const ctx = (0,interactivity_namespaceObject.getContext)();
[107] Fix | Delete
const {
[108] Fix | Delete
ref
[109] Fix | Delete
} = (0,interactivity_namespaceObject.getElement)();
[110] Fix | Delete
// Safari won't send focus to the clicked element, so we need to manually place it: https://bugs.webkit.org/show_bug.cgi?id=22261
[111] Fix | Delete
if (window.document.activeElement !== ref) {
[112] Fix | Delete
ref.focus();
[113] Fix | Delete
}
[114] Fix | Delete
const {
[115] Fix | Delete
menuOpenedBy
[116] Fix | Delete
} = state;
[117] Fix | Delete
if (menuOpenedBy.click || menuOpenedBy.focus) {
[118] Fix | Delete
actions.closeMenu('click');
[119] Fix | Delete
actions.closeMenu('focus');
[120] Fix | Delete
} else {
[121] Fix | Delete
ctx.previousFocus = ref;
[122] Fix | Delete
actions.openMenu('click');
[123] Fix | Delete
}
[124] Fix | Delete
},
[125] Fix | Delete
handleMenuKeydown: (0,interactivity_namespaceObject.withSyncEvent)(event => {
[126] Fix | Delete
const {
[127] Fix | Delete
type,
[128] Fix | Delete
firstFocusableElement,
[129] Fix | Delete
lastFocusableElement
[130] Fix | Delete
} = (0,interactivity_namespaceObject.getContext)();
[131] Fix | Delete
if (state.menuOpenedBy.click) {
[132] Fix | Delete
// If Escape close the menu.
[133] Fix | Delete
if (event?.key === 'Escape') {
[134] Fix | Delete
actions.closeMenu('click');
[135] Fix | Delete
actions.closeMenu('focus');
[136] Fix | Delete
return;
[137] Fix | Delete
}
[138] Fix | Delete
[139] Fix | Delete
// Trap focus if it is an overlay (main menu).
[140] Fix | Delete
if (type === 'overlay' && event.key === 'Tab') {
[141] Fix | Delete
// If shift + tab it change the direction.
[142] Fix | Delete
if (event.shiftKey && window.document.activeElement === firstFocusableElement) {
[143] Fix | Delete
event.preventDefault();
[144] Fix | Delete
lastFocusableElement.focus();
[145] Fix | Delete
} else if (!event.shiftKey && window.document.activeElement === lastFocusableElement) {
[146] Fix | Delete
event.preventDefault();
[147] Fix | Delete
firstFocusableElement.focus();
[148] Fix | Delete
}
[149] Fix | Delete
}
[150] Fix | Delete
}
[151] Fix | Delete
}),
[152] Fix | Delete
handleMenuFocusout(event) {
[153] Fix | Delete
const {
[154] Fix | Delete
modal,
[155] Fix | Delete
type
[156] Fix | Delete
} = (0,interactivity_namespaceObject.getContext)();
[157] Fix | Delete
// If focus is outside modal, and in the document, close menu
[158] Fix | Delete
// event.target === The element losing focus
[159] Fix | Delete
// event.relatedTarget === The element receiving focus (if any)
[160] Fix | Delete
// When focusout is outside the document,
[161] Fix | Delete
// `window.document.activeElement` doesn't change.
[162] Fix | Delete
[163] Fix | Delete
// The event.relatedTarget is null when something outside the navigation menu is clicked. This is only necessary for Safari.
[164] Fix | Delete
if (event.relatedTarget === null || !modal?.contains(event.relatedTarget) && event.target !== window.document.activeElement && type === 'submenu') {
[165] Fix | Delete
actions.closeMenu('click');
[166] Fix | Delete
actions.closeMenu('focus');
[167] Fix | Delete
}
[168] Fix | Delete
},
[169] Fix | Delete
openMenu(menuOpenedOn = 'click') {
[170] Fix | Delete
const {
[171] Fix | Delete
type
[172] Fix | Delete
} = (0,interactivity_namespaceObject.getContext)();
[173] Fix | Delete
state.menuOpenedBy[menuOpenedOn] = true;
[174] Fix | Delete
if (type === 'overlay') {
[175] Fix | Delete
// Add a `has-modal-open` class to the <html> root.
[176] Fix | Delete
document.documentElement.classList.add('has-modal-open');
[177] Fix | Delete
}
[178] Fix | Delete
},
[179] Fix | Delete
closeMenu(menuClosedOn = 'click') {
[180] Fix | Delete
const ctx = (0,interactivity_namespaceObject.getContext)();
[181] Fix | Delete
state.menuOpenedBy[menuClosedOn] = false;
[182] Fix | Delete
// Check if the menu is still open or not.
[183] Fix | Delete
if (!state.isMenuOpen) {
[184] Fix | Delete
if (ctx.modal?.contains(window.document.activeElement)) {
[185] Fix | Delete
ctx.previousFocus?.focus();
[186] Fix | Delete
}
[187] Fix | Delete
ctx.modal = null;
[188] Fix | Delete
ctx.previousFocus = null;
[189] Fix | Delete
if (ctx.type === 'overlay') {
[190] Fix | Delete
document.documentElement.classList.remove('has-modal-open');
[191] Fix | Delete
}
[192] Fix | Delete
}
[193] Fix | Delete
}
[194] Fix | Delete
},
[195] Fix | Delete
callbacks: {
[196] Fix | Delete
initMenu() {
[197] Fix | Delete
const ctx = (0,interactivity_namespaceObject.getContext)();
[198] Fix | Delete
const {
[199] Fix | Delete
ref
[200] Fix | Delete
} = (0,interactivity_namespaceObject.getElement)();
[201] Fix | Delete
if (state.isMenuOpen) {
[202] Fix | Delete
const focusableElements = ref.querySelectorAll(focusableSelectors);
[203] Fix | Delete
ctx.modal = ref;
[204] Fix | Delete
ctx.firstFocusableElement = focusableElements[0];
[205] Fix | Delete
ctx.lastFocusableElement = focusableElements[focusableElements.length - 1];
[206] Fix | Delete
}
[207] Fix | Delete
},
[208] Fix | Delete
focusFirstElement() {
[209] Fix | Delete
const {
[210] Fix | Delete
ref
[211] Fix | Delete
} = (0,interactivity_namespaceObject.getElement)();
[212] Fix | Delete
if (state.isMenuOpen) {
[213] Fix | Delete
const focusableElements = ref.querySelectorAll(focusableSelectors);
[214] Fix | Delete
focusableElements?.[0]?.focus();
[215] Fix | Delete
}
[216] Fix | Delete
}
[217] Fix | Delete
}
[218] Fix | Delete
}, {
[219] Fix | Delete
lock: true
[220] Fix | Delete
});
[221] Fix | Delete
[222] Fix | Delete
[223] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function