Options: lazily load Polymer when quick unlock dialog is triggered

chrome/browser/resources/options/chromeos/quick_unlock_configure_overlay.js

Index: chrome/browser/resources/options/chromeos/quick_unlock_configure_overlay.js
diff --git a/chrome/browser/resources/options/chromeos/quick_unlock_configure_overlay.js b/chrome/browser/resources/options/chromeos/quick_unlock_configure_overlay.js
index 5996d71dc0ab7c615b08ea648848ac7221899cff..3253bad870509170113d4c820cc3dede9b2e3e06 100644
--- a/chrome/browser/resources/options/chromeos/quick_unlock_configure_overlay.js
+++ b/chrome/browser/resources/options/chromeos/quick_unlock_configure_overlay.js
@@ -39,6 +39,29 @@ cr.define('options', function() {
 
     /** @override */
     didShowPage: function() {
+      this.ensurePolymerIsLoaded_().then(this.onPolymerLoaded_.bind(this));
+    },
+
+    /**
+     * @return {!Promise}
+     * @private
+     */
+    ensurePolymerIsLoaded_: function() {
+      this.loaded_ = this.loaded_ || new Promise(function(resolve) {
+        var link = document.createElement('link');
+        link.rel = 'import';
+        link.href = 'chrome://settings-frame/options_polymer.html';
+        link.onload = resolve;
+        document.head.appendChild(link);
+      });
+      return this.loaded_;
+    },
+
+    /**
+     * Called when polymer has been loaded and the dialog should be displayed.
+     * @private
+     */
+    onPolymerLoaded_: function() {
       settings.navigateTo(settings.Route.LOCK_SCREEN);
       var lockScreen = document.querySelector('settings-lock-screen');
 
@@ -54,7 +77,6 @@ cr.define('options', function() {
         }
       }.bind(this));
     },
-
   };
 
   QuickUnlockConfigureOverlay.dismiss = function() {