wip

2026-01-04 17:50:08 -06:00
parent 7e45ce0756
commit acc8ac87a0
4131 changed files with 232562 additions and 250244 deletions
@@ -30,194 +30,156 @@ var x = (y) => {
 var y = (x) => (() => (x))
 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) });
 ;// ./node_modules/@wordpress/block-library/build-module/navigation/view.js
-/**
- * WordPress dependencies
- */

-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^="-"])'];
-
-// This is a fix for Safari in iOS/iPadOS. Without it, Safari doesn't focus out
-// when the user taps in the body. It can be removed once we add an overlay to
-// capture the clicks, instead of relying on the focusout event.
-document.addEventListener('click', () => {});
-const {
-  state,
-  actions
-} = (0,interactivity_namespaceObject.store)('core/navigation', {
-  state: {
-    get roleAttribute() {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      return ctx.type === 'overlay' && state.isMenuOpen ? 'dialog' : null;
-    },
-    get ariaModal() {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      return ctx.type === 'overlay' && state.isMenuOpen ? 'true' : null;
-    },
-    get ariaLabel() {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      return ctx.type === 'overlay' && state.isMenuOpen ? ctx.ariaLabel : null;
-    },
-    get isMenuOpen() {
-      // The menu is opened if either `click`, `hover` or `focus` is true.
-      return Object.values(state.menuOpenedBy).filter(Boolean).length > 0;
-    },
-    get menuOpenedBy() {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      return ctx.type === 'overlay' ? ctx.overlayOpenedBy : ctx.submenuOpenedBy;
-    }
-  },
-  actions: {
-    openMenuOnHover() {
-      const {
-        type,
-        overlayOpenedBy
-      } = (0,interactivity_namespaceObject.getContext)();
-      if (type === 'submenu' &&
-      // Only open on hover if the overlay is closed.
-      Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) {
-        actions.openMenu('hover');
+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^="-"])'
+];
+document.addEventListener("click", () => {
+});
+const { state, actions } = (0,interactivity_namespaceObject.store)(
+  "core/navigation",
+  {
+    state: {
+      get roleAttribute() {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        return ctx.type === "overlay" && state.isMenuOpen ? "dialog" : null;
+      },
+      get ariaModal() {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        return ctx.type === "overlay" && state.isMenuOpen ? "true" : null;
+      },
+      get ariaLabel() {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        return ctx.type === "overlay" && state.isMenuOpen ? ctx.ariaLabel : null;
+      },
+      get isMenuOpen() {
+        return Object.values(state.menuOpenedBy).filter(Boolean).length > 0;
+      },
+      get menuOpenedBy() {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        return ctx.type === "overlay" ? ctx.overlayOpenedBy : ctx.submenuOpenedBy;
      }
    },
-    closeMenuOnHover() {
-      const {
-        type,
-        overlayOpenedBy
-      } = (0,interactivity_namespaceObject.getContext)();
-      if (type === 'submenu' &&
-      // Only close on hover if the overlay is closed.
-      Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) {
-        actions.closeMenu('hover');
-      }
-    },
-    openMenuOnClick() {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      const {
-        ref
-      } = (0,interactivity_namespaceObject.getElement)();
-      ctx.previousFocus = ref;
-      actions.openMenu('click');
-    },
-    closeMenuOnClick() {
-      actions.closeMenu('click');
-      actions.closeMenu('focus');
-    },
-    openMenuOnFocus() {
-      actions.openMenu('focus');
-    },
-    toggleMenuOnClick() {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      const {
-        ref
-      } = (0,interactivity_namespaceObject.getElement)();
-      // 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
-      if (window.document.activeElement !== ref) {
-        ref.focus();
-      }
-      const {
-        menuOpenedBy
-      } = state;
-      if (menuOpenedBy.click || menuOpenedBy.focus) {
-        actions.closeMenu('click');
-        actions.closeMenu('focus');
-      } else {
-        ctx.previousFocus = ref;
-        actions.openMenu('click');
-      }
-    },
-    handleMenuKeydown: (0,interactivity_namespaceObject.withSyncEvent)(event => {
-      const {
-        type,
-        firstFocusableElement,
-        lastFocusableElement
-      } = (0,interactivity_namespaceObject.getContext)();
-      if (state.menuOpenedBy.click) {
-        // If Escape close the menu.
-        if (event?.key === 'Escape') {
-          actions.closeMenu('click');
-          actions.closeMenu('focus');
-          return;
+    actions: {
+      openMenuOnHover() {
+        const { type, overlayOpenedBy } = (0,interactivity_namespaceObject.getContext)();
+        if (type === "submenu" && // Only open on hover if the overlay is closed.
+        Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) {
+          actions.openMenu("hover");
        }
-
-        // Trap focus if it is an overlay (main menu).
-        if (type === 'overlay' && event.key === 'Tab') {
-          // If shift + tab it change the direction.
-          if (event.shiftKey && window.document.activeElement === firstFocusableElement) {
-            event.preventDefault();
-            lastFocusableElement.focus();
-          } else if (!event.shiftKey && window.document.activeElement === lastFocusableElement) {
-            event.preventDefault();
-            firstFocusableElement.focus();
+      },
+      closeMenuOnHover() {
+        const { type, overlayOpenedBy } = (0,interactivity_namespaceObject.getContext)();
+        if (type === "submenu" && // Only close on hover if the overlay is closed.
+        Object.values(overlayOpenedBy || {}).filter(Boolean).length === 0) {
+          actions.closeMenu("hover");
+        }
+      },
+      openMenuOnClick() {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        const { ref } = (0,interactivity_namespaceObject.getElement)();
+        ctx.previousFocus = ref;
+        actions.openMenu("click");
+      },
+      closeMenuOnClick() {
+        actions.closeMenu("click");
+        actions.closeMenu("focus");
+      },
+      openMenuOnFocus() {
+        actions.openMenu("focus");
+      },
+      toggleMenuOnClick() {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        const { ref } = (0,interactivity_namespaceObject.getElement)();
+        if (window.document.activeElement !== ref) {
+          ref.focus();
+        }
+        const { menuOpenedBy } = state;
+        if (menuOpenedBy.click || menuOpenedBy.focus) {
+          actions.closeMenu("click");
+          actions.closeMenu("focus");
+        } else {
+          ctx.previousFocus = ref;
+          actions.openMenu("click");
+        }
+      },
+      handleMenuKeydown: (0,interactivity_namespaceObject.withSyncEvent)((event) => {
+        const { type, firstFocusableElement, lastFocusableElement } = (0,interactivity_namespaceObject.getContext)();
+        if (state.menuOpenedBy.click) {
+          if (event.key === "Escape") {
+            event.stopPropagation();
+            actions.closeMenu("click");
+            actions.closeMenu("focus");
+            return;
+          }
+          if (type === "overlay" && event.key === "Tab") {
+            if (event.shiftKey && window.document.activeElement === firstFocusableElement) {
+              event.preventDefault();
+              lastFocusableElement.focus();
+            } else if (!event.shiftKey && window.document.activeElement === lastFocusableElement) {
+              event.preventDefault();
+              firstFocusableElement.focus();
+            }
+          }
+        }
+      }),
+      handleMenuFocusout: (0,interactivity_namespaceObject.withSyncEvent)((event) => {
+        const { modal, type } = (0,interactivity_namespaceObject.getContext)();
+        if (event.relatedTarget === null || !modal?.contains(event.relatedTarget) && event.target !== window.document.activeElement && type === "submenu") {
+          actions.closeMenu("click");
+          actions.closeMenu("focus");
+        }
+      }),
+      openMenu(menuOpenedOn = "click") {
+        const { type } = (0,interactivity_namespaceObject.getContext)();
+        state.menuOpenedBy[menuOpenedOn] = true;
+        if (type === "overlay") {
+          document.documentElement.classList.add("has-modal-open");
+        }
+      },
+      closeMenu(menuClosedOn = "click") {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        state.menuOpenedBy[menuClosedOn] = false;
+        if (!state.isMenuOpen) {
+          if (ctx.modal?.contains(window.document.activeElement)) {
+            ctx.previousFocus?.focus();
+          }
+          ctx.modal = null;
+          ctx.previousFocus = null;
+          if (ctx.type === "overlay") {
+            document.documentElement.classList.remove(
+              "has-modal-open"
+            );
          }
        }
      }
-    }),
-    handleMenuFocusout(event) {
-      const {
-        modal,
-        type
-      } = (0,interactivity_namespaceObject.getContext)();
-      // If focus is outside modal, and in the document, close menu
-      // event.target === The element losing focus
-      // event.relatedTarget === The element receiving focus (if any)
-      // When focusout is outside the document,
-      // `window.document.activeElement` doesn't change.
-
-      // The event.relatedTarget is null when something outside the navigation menu is clicked. This is only necessary for Safari.
-      if (event.relatedTarget === null || !modal?.contains(event.relatedTarget) && event.target !== window.document.activeElement && type === 'submenu') {
-        actions.closeMenu('click');
-        actions.closeMenu('focus');
-      }
    },
-    openMenu(menuOpenedOn = 'click') {
-      const {
-        type
-      } = (0,interactivity_namespaceObject.getContext)();
-      state.menuOpenedBy[menuOpenedOn] = true;
-      if (type === 'overlay') {
-        // Add a `has-modal-open` class to the <html> root.
-        document.documentElement.classList.add('has-modal-open');
-      }
-    },
-    closeMenu(menuClosedOn = 'click') {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      state.menuOpenedBy[menuClosedOn] = false;
-      // Check if the menu is still open or not.
-      if (!state.isMenuOpen) {
-        if (ctx.modal?.contains(window.document.activeElement)) {
-          ctx.previousFocus?.focus();
+    callbacks: {
+      initMenu() {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        const { ref } = (0,interactivity_namespaceObject.getElement)();
+        if (state.isMenuOpen) {
+          const focusableElements = ref.querySelectorAll(focusableSelectors);
+          ctx.modal = ref;
+          ctx.firstFocusableElement = focusableElements[0];
+          ctx.lastFocusableElement = focusableElements[focusableElements.length - 1];
        }
-        ctx.modal = null;
-        ctx.previousFocus = null;
-        if (ctx.type === 'overlay') {
-          document.documentElement.classList.remove('has-modal-open');
+      },
+      focusFirstElement() {
+        const { ref } = (0,interactivity_namespaceObject.getElement)();
+        if (state.isMenuOpen) {
+          const focusableElements = ref.querySelectorAll(focusableSelectors);
+          focusableElements?.[0]?.focus();
        }
      }
    }
  },
-  callbacks: {
-    initMenu() {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      const {
-        ref
-      } = (0,interactivity_namespaceObject.getElement)();
-      if (state.isMenuOpen) {
-        const focusableElements = ref.querySelectorAll(focusableSelectors);
-        ctx.modal = ref;
-        ctx.firstFocusableElement = focusableElements[0];
-        ctx.lastFocusableElement = focusableElements[focusableElements.length - 1];
-      }
-    },
-    focusFirstElement() {
-      const {
-        ref
-      } = (0,interactivity_namespaceObject.getElement)();
-      if (state.isMenuOpen) {
-        const focusableElements = ref.querySelectorAll(focusableSelectors);
-        focusableElements?.[0]?.focus();
-      }
-    }
-  }
-}, {
-  lock: true
-});
+  { lock: true }
+);