Files app: Generate JS module for <files-quick-view>

Bug: 1133186
Change-Id: I946ef11bb82102fc589746e7e38a5f891380293a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2560525
Commit-Queue: Luciano Pacheco <lucmult@chromium.org>
Reviewed-by: Jeremie Boulic <jboulic@chromium.org>
Cr-Commit-Position: refs/heads/master@{#832670}

ui/file_manager/file_manager/foreground/elements/BUILD.gn

@@ -58,6 +58,7 @@ js_type_check("closure_compile_jsmodules") {
     ":files_icon_button.m",
     ":files_metadata_box.m",
     ":files_metadata_entry.m",
+    ":files_quick_view.m",
     ":files_ripple.m",
     ":files_safe_media.m",
     ":files_toast.m",
@@ -191,6 +192,28 @@ js_library("files_quick_view") {
   ]
 }
 
+polymer_modulizer("files_quick_view") {
+  js_file = "files_quick_view.js"
+  html_file = "files_quick_view.html"
+  html_type = "dom-module"
+  preserve_url_scheme = true
+
+  auto_imports = [ "ui/webui/resources/html/assert.html|assert" ]
+}
+
+js_library("files_quick_view.m") {
+  sources = [ "$root_gen_dir/ui/file_manager/file_manager/foreground/elements/files_quick_view.m.js" ]
+  deps = [
+    "//third_party/polymer/v3_0/components-chromium/polymer:polymer_bundled",
+    "//ui/webui/resources/js:assert.m",
+  ]
+  externs_list = [
+    "$externs_path/chrome_extensions.js",
+    "$externs_path/webview_tag.js",
+  ]
+  extra_deps = [ ":files_quick_view_module" ]
+}
+
 js_library("files_ripple") {
   deps = [ "//ui/webui/resources/js:assert" ]
 }

ui/file_manager/file_manager/foreground/elements/files_quick_view.html

@@ -11,12 +11,14 @@
 <link rel="import" href="files_safe_media.html">
 <link rel="import" href="files_tooltip.html">
 <link rel="import" href="icons.html">
+<link rel="import" href="chrome://resources/html/assert.html">
 
 <dom-module id="files-quick-view">
-  <link rel="import" type="css" href="chrome://resources/css/text_defaults.css">
-  <link rel="import" type="css" href="../css/common.css">
-  <link rel="import" type="css" href="files_quick_view.css">
   <template>
+    <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
+    <link rel="stylesheet" href="foreground/css/common.css">
+    <link rel="stylesheet" href="foreground/elements/files_quick_view.css">
+
     <dialog id="dialog" on-close="onDialogClose_">
       <div id="toolbar">
         <div class="buttons-group">
@@ -101,6 +103,5 @@
       <files-tooltip></files-tooltip>
     </dialog>
   </template>
-
   <script src="files_quick_view.js"></script>
 </dom-module>

ui/file_manager/file_manager/foreground/elements/files_quick_view.js

@@ -142,7 +142,7 @@ const FilesQuickView = Polymer({
    * @return {!FilesMetadataBoxElement}
    */
   getFilesMetadataBox: function() {
-    return this.$['metadata-box'];
+    return /** @type {!FilesMetadataBoxElement} */ (this.$['metadata-box']);
   },
 
   /**