MD History: Replace app-drawer with cr-drawer

chrome/browser/resources/md_history/app.vulcanized.html

Index: chrome/browser/resources/md_history/app.vulcanized.html
diff --git a/chrome/browser/resources/md_history/app.vulcanized.html b/chrome/browser/resources/md_history/app.vulcanized.html
index ab68c0b5595e8bf3a604a126c9d89bd13b8f70ba..1f12cb142b4811c2608f8115090ee9c2fbb49139 100644
--- a/chrome/browser/resources/md_history/app.vulcanized.html
+++ b/chrome/browser/resources/md_history/app.vulcanized.html
@@ -213,6 +213,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <defs>
       
       <g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path></g>
+      <g id="arrow-drop-up"><path d="M7 14l5-5 5 5z"></path></g>
       <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g>
       <g id="cancel"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path></g>
 <if expr="chromeos">
@@ -227,6 +228,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></g>
       <g id="extension"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z"></path></g>
       <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path></g>
+      <g id="folder"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path></g>
       <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g>
       <g id="group"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"></path></g>
       <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></g>
@@ -3522,10 +3524,6 @@ button.more-vert-button div {
         width: var(--side-bar-width);
 }
 
-:host([drawer]) {
-  height: calc(100% - var(--toolbar-height));
-}
-
 div.separator {
   background-color: var(--separator-color);
         flex-shrink: 0;
@@ -3736,29 +3734,6 @@ history-toolbar {
   height: 100%;
 }
 
-#drawer:unresolved {
-  display: none;
-}
-
-#drawer {
-  z-index: 3;
-}
-
-#drawer-header {
-  align-items: center;
-        border-bottom: 1px solid var(--separator-color);
-        box-sizing: border-box;
-        display: flex;
-        height: var(--toolbar-height);
-}
-
-h1 {
-  -webkit-padding-start: 24px;
-        color: var(--primary-text-color);
-        font-size: 123%;
-        font-weight: 400;
-}
-
 #drop-shadow {
   box-shadow: inset 0 5px 6px -3px rgba(0, 0, 0, 0.4);
         height: 6px;
@@ -3797,14 +3772,12 @@ h1 {
       <div id="drop-shadow"></div>
     </div>
 
-    <template is="dom-if" if="[[hasDrawer_]]">
-      <app-drawer id="drawer" swipe-open="" align="start" tabindex="0">
-        <div id="drawer-header">
-          <h1>$i18n{title}</h1>
-        </div>
-        <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
+    <template is="cr-lazy-render" id="drawer">
+      <dialog is="cr-drawer" swipe-open="">
+        <div class="drawer-header">$i18n{title}</div>
+        <history-side-bar id="drawer-side-bar" class="drawer-content" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]">
         </history-side-bar>
-      </app-drawer>
+      </dialog>
     </template>
 
     <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}">