Joao Paulo Constantino · 7cf273d4 · 7cf273d4 · 6b03caed · 6b03caed
--- a/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php 0 → 100644
+++ b/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php 0 → 100644
+      $plugin_definition,
+      $container->get(EntityRouteHelper::class)
+    );
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function build(): array {
+    $build = [
+      '#cache' => [
+        'contexts' => ['route'],
+      ],
+    ];
+
+    if (!$this->entityRouteHelper->getContentEntityFromRoute()) {
--- a/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php 0 → 100644
+++ b/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php 0 → 100644
+  public static function create(ContainerInterface $container, array $configuration, $plugin_id, $plugin_definition) {
+    return new static(
+      $configuration,
+      $plugin_id,
+      $plugin_definition,
+      $container->get(EntityRouteHelper::class)
+    );
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function build(): array {
+    $build = [
+      '#cache' => [
+        'contexts' => ['route'],
--- a/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php 0 → 100644
+++ b/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php 0 → 100644
+   * {@inheritdoc}
+   */
+  public function build(): array {
+    $build = [
+      '#cache' => [
+        'contexts' => ['route'],
+      ],
+    ];
+
+    if (!$this->entityRouteHelper->getContentEntityFromRoute()) {
+      return $build;
+    }
+
+    $build += [
+      [
+        '#type' => 'component',
--- a/core/modules/navigation/js/toolbar-menu.js
+++ b/core/modules/navigation/js/toolbar-menu.js
      },
    };
+
+    /**
+     * Toggle contextual menu links.
+     *
+     * @type {Drupal~behavior}
+     *
+     * @prop {Drupal~behaviorAttach} attach
+     *  Attach event into the navigation contextual link.
+     */
+    Drupal.behaviors.toggleContextualLinks = {
+      attach: (context) => {
+        const showText = Drupal.t('Editable areas');
+        const hideText = Drupal.t('Hide editable areas');
+        const toggleContextualItems = (el) =>
--- a/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php
+++ b/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php
      $configuration,
      $plugin_id,
      $plugin_definition,
-      $container->get(EntityRouteHelper::class)
+      $container->get(EntityRouteHelper::class),
+      $container->get('current_user'),
-      $container->get('current_user'),
+      $container->get(AccountInterface::class),
--- a/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php
+++ b/core/modules/navigation/src/Plugin/TopBarItem/PageEditableAreas.php
        ],
      ],
    ];
-
+    $build['#attached'] = [
--- a/core/modules/navigation/js/toolbar-menu.js
+++ b/core/modules/navigation/js/toolbar-menu.js
        });
      },
    };
+
+    /**
+     * Toggle contextual menu links.
+     *
+     * @type {Drupal~behavior}
+     *
+     * @prop {Drupal~behaviorAttach} attach
+     *  Attach event into the navigation contextual link.
+     */
+    Drupal.behaviors.toggleContextualLinks = {
--- a/core/modules/navigation/js/toolbar-menu.js
+++ b/core/modules/navigation/js/toolbar-menu.js
+     * @prop {Drupal~behaviorAttach} attach
+     *  Attach event into the navigation contextual link.
+     */
+    Drupal.behaviors.toggleContextualLinks = {
+      attach: (context) => {
+        const editableAreaBtn = document.querySelector(
+          'button.navigation-contextual-link',
+        );
+        if (!editableAreaBtn) {
+          return;
+        }
+
+        const contextualLinks = document.querySelectorAll('.contextual-region');
+        // If no contextual links are present and only the "Editable Areas" button appears in the top bar tools section,
+        // remove the button and clear the tools section to ensure the toolbar keep hidden.
+        if (contextualLinks.length === 0) {
--- a/core/modules/navigation/js/toolbar-preview-editable-areas.js 0 → 100644
+++ b/core/modules/navigation/js/toolbar-preview-editable-areas.js 0 → 100644
+      attach: (context) => {
+        const editableAreaBtn = document.querySelector(
+          'button.navigation-contextual-link',
+        );
+        if (!editableAreaBtn) {
+          return;
+        }
+
+        const editableAreaBtnRegion = editableAreaBtn.parentElement;
+        const contextualLinks = document.querySelectorAll('.contextual-region');
+        // If no contextual links are present and only the "Editable Areas" button appears in the top bar tools section,
+        // remove the button and clear the tools section to ensure the toolbar keep hidden.
+        if (contextualLinks.length === 0) {
+          // Determine the toolbar region selector based on the button's parent class.
+          let toolbarRegionSelector = 'top-bar__tools';
+          if (editableAreaBtnRegion.classList.contains('top-bar__actions')) {
--- a/core/modules/navigation/js/toolbar-preview-editable-areas.js 0 → 100644
+++ b/core/modules/navigation/js/toolbar-preview-editable-areas.js 0 → 100644
+        if (contextualLinks.length === 0) {
+          // Determine the toolbar region selector based on the button's parent class.
+          let toolbarRegionSelector = 'top-bar__tools';
+          if (editableAreaBtnRegion.classList.contains('top-bar__actions')) {
+            toolbarRegionSelector = 'top-bar__actions';
+          } else if (
+            editableAreaBtnRegion.classList.contains('top-bar__context')
+          ) {
+            toolbarRegionSelector = 'top-bar__context';
+          }
+          const toolbarSection = document.querySelector(
+            `.${toolbarRegionSelector}`,
+          );
+          // If the toolbar section contains only the "Editable Areas" button, remove the button and clear the section.
+          if (
+            toolbarSection.children.length === 1 &&