Restoring support for manual navigation

Author: jarrodek

api-console.html

@@ -185,7 +185,7 @@
       <iron-media-query query="(min-width: 1500px)" query-matches="{{wideLayout}}"></iron-media-query>
     </template>
     <app-drawer-layout responsive-width="[[responsiveWidth]]" force-narrow="[[_narrowNavForced]]" narrow="{{layoutNarrow}}">
-      <app-drawer slot="drawer" align="[[drawerAlign]]">
+      <app-drawer slot="drawer" align="[[drawerAlign]]" opened="[[navigationOpened]]">
         <template is="dom-if" if="[[!noToolbars]]">
           <app-toolbar>
             <div>API console</div>

demo/standalone/app.js

@@ -238,6 +238,8 @@
       case 'noTryIt':
       case 'narrow':
       case 'noAttribution':
+      case 'manualNavigation':
+      case 'navigationOpened':
         let apiConsole = document.querySelector('api-console');
         apiConsole[action] = e.detail.value;
         break;
@@ -248,6 +250,7 @@
         dataElement.removeAttribute('hidden');
         break;
     }
+    document.getElementById('demoMenu').opened = false;
   };
 
   // Notifys user when something went wrong...

demo/standalone/index.html

@@ -51,7 +51,7 @@
   <app-location use-hash-as-path></app-location>
   <raml-aware scope="demo-model"></raml-aware>
   <api-console aware="demo-model" hidden app redirect-uri="https://auth.advancedrestclient.com/oauth-popup.html">
-    <paper-menu-button slot="toolbar" dynamic-align>
+    <paper-menu-button slot="toolbar" dynamic-align id="demoMenu">
       <paper-icon-button icon="arc:menu" slot="dropdown-trigger"></paper-icon-button>
       <paper-listbox slot="dropdown-content" id="apiList" on-selected-changed="_apiChanged">
         <paper-item>
@@ -63,6 +63,12 @@
         <paper-item>
           <paper-toggle-button data-action="noAttribution">No attribution (see license)</paper-toggle-button>
         </paper-item>
+        <paper-item>
+          <paper-toggle-button data-action="manualNavigation">Manual navigation</paper-toggle-button>
+        </paper-item>
+        <paper-item>
+          <paper-toggle-button data-action="navigationOpened">Navigation opened</paper-toggle-button>
+        </paper-item>
         <paper-item data-click-action="goBack">Close this API</paper-item>
       </paper-listbox>
     </paper-menu-button>