Files app: Generate JS module for <files-metadata-box>

Rename references to the type `FilesMetadataBox` to
`FilesMetadataBoxElement`, because that's the type name generated by
Polymer.  The polymer_modulizer() doesn't support the syntax of
assigning the Polymer to a variable that was in use.

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

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

@@ -55,6 +55,7 @@ js_type_check("closure_compile_jsmodules") {
   is_polymer3 = true
   deps = [
     ":files_icon_button.m",
+    ":files_metadata_box.m",
     ":files_metadata_entry.m",
     ":files_ripple.m",
     ":files_toggle_ripple.m",
@@ -126,6 +127,21 @@ js_library("files_metadata_box") {
   externs_list = [ "$externs_path/pending_polymer.js" ]
 }
 
+polymer_modulizer("files_metadata_box") {
+  js_file = "files_metadata_box.js"
+  html_file = "files_metadata_box.html"
+  html_type = "dom-module"
+  preserve_url_scheme = true
+}
+
+js_library("files_metadata_box.m") {
+  sources = [ "$root_gen_dir/ui/file_manager/file_manager/foreground/elements/files_metadata_box.m.js" ]
+  deps = [
+    "//third_party/polymer/v3_0/components-chromium/polymer:polymer_bundled",
+  ]
+  extra_deps = [ ":files_metadata_box_module" ]
+}
+
 js_library("files_metadata_entry") {
 }
 

ui/file_manager/file_manager/foreground/elements/files_metadata_box.html

@@ -95,6 +95,5 @@
       </div>
     </div>
   </template>
-
   <script src="files_metadata_box.js"></script>
 </dom-module>

ui/file_manager/file_manager/foreground/elements/files_metadata_box.js

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-const FilesMetadataBox = Polymer({
+Polymer({
   is: 'files-metadata-box',
 
   properties: {

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

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

ui/file_manager/file_manager/foreground/js/metadata_box_controller.js

@@ -28,7 +28,7 @@ class MetadataBoxController {
     this.quickViewModel_ = quickViewModel;
 
     /**
-     * @type {FilesMetadataBox} metadataBox
+     * @type {FilesMetadataBoxElement} metadataBox
      * @private
      */
     this.metadataBox_ = null;