MD History: Add lazy-render element for simple lazy initialization.

chrome/browser/resources/md_history/list_container.html

Index: chrome/browser/resources/md_history/list_container.html
diff --git a/chrome/browser/resources/md_history/list_container.html b/chrome/browser/resources/md_history/list_container.html
index 2bac3449832ceeed5ab7aa1126e269bdbe5a7879..8a2323a64f276ddc1b50d9e940c0f8acfeb02ed0 100644
--- a/chrome/browser/resources/md_history/list_container.html
+++ b/chrome/browser/resources/md_history/list_container.html
@@ -6,6 +6,7 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
 <link rel="import" href="chrome://history/grouped_list.html">
 <link rel="import" href="chrome://history/history_list.html">
+<link rel="import" href="chrome://history/lazy_render.html">
 <link rel="import" href="chrome://history/shared_style.html">
 
 <dom-module id="history-list-container">
@@ -22,7 +23,7 @@
         height: 100%;
       }
 
-      #dialog .body {
+      dialog .body {
         white-space: pre-wrap;
       }
     </style>
@@ -40,30 +41,34 @@
       </template>
     </iron-pages>
 
-    <dialog is="cr-dialog" id="dialog">
-      <div class="title">$i18n{removeSelected}</div>
-      <div class="body">$i18n{deleteWarning}</div>
-      <div class="button-container">
-        <paper-button class="cancel-button" on-tap="onDialogCancelTap_">
-          $i18n{cancel}
-        </paper-button>
-        <paper-button class="action-button" on-tap="onDialogConfirmTap_"
-            autofocus>
-          $i18n{deleteConfirm}
-        </paper-button>
-      </div>
-    </dialog>
+    <template is="history-lazy-render" id="dialog">
+      <dialog is="cr-dialog">
+        <div class="title">$i18n{removeSelected}</div>
+        <div class="body">$i18n{deleteWarning}</div>
+        <div class="button-container">
+          <paper-button class="cancel-button" on-tap="onDialogCancelTap_">
+            $i18n{cancel}
+          </paper-button>
+          <paper-button class="action-button" on-tap="onDialogConfirmTap_"
+              autofocus>
+            $i18n{deleteConfirm}
+          </paper-button>
+        </div>
+      </dialog>
+    </template>
 
-    <cr-shared-menu id="sharedMenu">
-      <paper-item id="menuMoreButton" class="menu-item"
-          on-tap="onMoreFromSiteTap_">
-        $i18n{moreFromSite}
-      </paper-item>
-      <paper-item id="menuRemoveButton" class="menu-item"
-          on-tap="onRemoveFromHistoryTap_">
-        $i18n{removeFromHistory}
-      </paper-item>
-    </cr-shared-menu>
+    <template is="history-lazy-render" id="sharedMenu">
+      <cr-shared-menu>
+        <paper-item id="menuMoreButton" class="menu-item"
+            on-tap="onMoreFromSiteTap_">
+          $i18n{moreFromSite}
+        </paper-item>
+        <paper-item id="menuRemoveButton" class="menu-item"
+            on-tap="onRemoveFromHistoryTap_">
+          $i18n{removeFromHistory}
+        </paper-item>
+      </cr-shared-menu>
+    </template>
   </template>
   <script src="chrome://history/list_container.js"></script>
 </dom-module>