WebUI: Use relative paths where possible in shared UI elements, part 1.

This not only results to smaller file size, but also makes the code more
portable, since it is less dependent on chrome:// URLs, and can eventually
lead to running those elements and tests outside the context of a browser_tests
and without js2gtest.

For example this makes it easier to keep maintaining the following WebUI demo
https://freshp86.github.io/chromium-webui/demo.html, and potentially move it within
the Chromium repo itself.

Bug: 866236
Change-Id: I1459789177ba5ede252c3ade3e0952686f4f01b5
Reviewed-on: https://chromium-review.googlesource.com/1144610
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Reviewed-by: Steven Bennetts <stevenjb@chromium.org>
Reviewed-by: Michael Giuffrida <michaelpg@chromium.org>
Cr-Commit-Position: refs/heads/master@{#578132}

ui/webui/resources/cr_elements/chromeos/cr_picture/cr_camera.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+<link rel="import" href="../../shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner-lite.html">
 <link rel="import" href="cr_png_behavior.html">

ui/webui/resources/cr_elements/chromeos/cr_picture/cr_picture_list.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/icons.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+<link rel="import" href="../../icons.html">
+<link rel="import" href="../../shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11y-keys.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-selector.html">

ui/webui/resources/cr_elements/chromeos/cr_picture/cr_picture_pane.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+<link rel="import" href="../../shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="cr_camera.html">
 <link rel="import" href="cr_picture_types.html">

ui/webui/resources/cr_elements/chromeos/cr_picture/cr_png_behavior.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../../html/polymer.html">
 <script src="cr_png_behavior.js"></script>

ui/webui/resources/cr_elements/chromeos/network/cr_network_icon.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../../html/polymer.html">
+
+<link rel="import" href="../../chromeos/network/cr_onc_types.html">
+<link rel="import" href="../../chromeos/network/network_icons.html">
+<link rel="import" href="../../hidden_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_onc_types.html">
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/network_icons.html">
-<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
 
 <dom-module id="cr-network-icon">
   <template>

ui/webui/resources/cr_elements/chromeos/network/cr_network_list.html

-<link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_network_list_item.html">
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_onc_types.html">
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_onc_types.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_scrollable_behavior.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+<link rel="import" href="../../../html/polymer.html">
+
+<link rel="import" href="../../chromeos/network/cr_network_list_item.html">
+<link rel="import" href="../../chromeos/network/cr_onc_types.html">
+<link rel="import" href="../../chromeos/network/cr_onc_types.html">
+<link rel="import" href="../../cr_scrollable_behavior.html">
+<link rel="import" href="../../shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
 

ui/webui/resources/cr_elements/chromeos/network/cr_network_list_item.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_network_icon.html">
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_onc_types.html">
-<link rel="import" href="chrome://resources/cr_elements/icons.html">
-<link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_indicator.html">
-<link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_behavior.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="../../chromeos/network/cr_network_icon.html">
+<link rel="import" href="../../chromeos/network/cr_onc_types.html">
+<link rel="import" href="../../icons.html">
+<link rel="import" href="../../policy/cr_policy_indicator.html">
+<link rel="import" href="../../policy/cr_policy_network_behavior.html">
+<link rel="import" href="../../shared_style_css.html">
+<link rel="import" href="../../shared_vars_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11y-keys.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">

ui/webui/resources/cr_elements/chromeos/network/cr_network_select.html

-<link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_network_list.html">
-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_onc_types.html">
+<link rel="import" href="../../../html/polymer.html">
+
+<link rel="import" href="../../chromeos/network/cr_network_list.html">
+<link rel="import" href="../../chromeos/network/cr_onc_types.html">
 
 <dom-module id="cr-network-select">
   <template>

ui/webui/resources/cr_elements/chromeos/network/network_icons.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../../html/polymer.html">
+
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-iconset-svg.html">
 
 <!-- These icons were converted from source .svg files. -->

ui/webui/resources/cr_elements/cr_action_menu/cr_action_menu.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/html/assert.html">
-<link rel="import" href="chrome://resources/html/cr/ui/focus_without_ink.html">
-<link rel="import" href="chrome://resources/html/util.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="../../html/assert.html">
+<link rel="import" href="../../html/cr/ui/focus_without_ink.html">
+<link rel="import" href="../../html/util.html">
+<link rel="import" href="../shared_vars_css.html">
 
 <dom-module id="cr-action-menu">
   <template>

ui/webui/resources/cr_elements/cr_checkbox/cr_checkbox.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-behaviors/paper-ripple-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">

ui/webui/resources/cr_elements/cr_dialog/cr_dialog.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
-<link rel="import" href="chrome://resources/html/assert.html">
+<link rel="import" href="../hidden_style_css.html">
+<link rel="import" href="../cr_icons_css.html">
+<link rel="import" href="../shared_vars_css.html">
+<link rel="import" href="../../html/assert.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 
 <dom-module id="cr-dialog">

ui/webui/resources/cr_elements/cr_drawer/cr_drawer.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="../shared_vars_css.html">
 
 <dom-module id="cr-drawer">
   <template>

ui/webui/resources/cr_elements/cr_expand_button/cr_expand_button.html

-<link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+<link rel="import" href="../../html/polymer.html">
+
+<link rel="import" href="../cr_icons_css.html">
+<link rel="import" href="../shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 
 <dom-module id="cr-expand-button">

ui/webui/resources/cr_elements/cr_icons_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../html/polymer.html">
 
 <!-- Common icon classes for Material Design WebUI. -->
 <dom-module id="cr-icons">

ui/webui/resources/cr_elements/cr_input/cr_input.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/html/assert.html">
+<link rel="import" href="../../html/assert.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="../hidden_style_css.html">
 <link rel="import" href="../shared_vars_css.html">

ui/webui/resources/cr_elements/cr_input/cr_input_style_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="../shared_vars_css.html">

ui/webui/resources/cr_elements/cr_lazy_render/cr_lazy_render.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
 <dom-module id="cr-lazy-render">
   <template>

ui/webui/resources/cr_elements/cr_link_row/cr_link_row.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
-<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="../cr_icons_css.html">
+<link rel="import" href="../hidden_style_css.html">
+<link rel="import" href="../shared_vars_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-behaviors/paper-ripple-behavior.html">
 

ui/webui/resources/cr_elements/cr_profile_avatar_selector/cr_profile_avatar_selector.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
-<link rel="import" href="chrome://resources/html/icon.html">
+<link rel="import" href="../shared_vars_css.html">
+<link rel="import" href="../../html/icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="cr_profile_avatar_selector_grid.html">

ui/webui/resources/cr_elements/cr_profile_avatar_selector/cr_profile_avatar_selector_grid.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/html/assert.html">
-<link rel="import" href="chrome://resources/html/util.html">
+<link rel="import" href="../../html/assert.html">
+<link rel="import" href="../../html/util.html">
 
 <dom-module id="cr-profile-avatar-selector-grid">
   <template>

ui/webui/resources/cr_elements/cr_radio_button/cr_radio_button.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="../hidden_style_css.html">

ui/webui/resources/cr_elements/cr_radio_button/cr_radio_button_style_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="../shared_vars_css.html">

ui/webui/resources/cr_elements/cr_scrollable_behavior.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../html/polymer.html">
+
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
 <script src="cr_scrollable_behavior.js"></script>

ui/webui/resources/cr_elements/cr_slider/cr_slider.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="../shared_vars_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-slider/paper-slider.html">
 
 <dom-module id="cr-slider">

ui/webui/resources/cr_elements/cr_toast/cr_toast.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 

ui/webui/resources/cr_elements/cr_toggle/cr_toggle.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-behaviors/paper-ripple-behavior.html">
 <link rel="import" href="../shared_vars_css.html">

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html">
-<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
+<link rel="import" href="../cr_icons_css.html">
+<link rel="import" href="../cr_toolbar/cr_toolbar_search_field.html">
+<link rel="import" href="../hidden_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-media-query.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html

-<link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_search_field_behavior.html">
-<link rel="import" href="chrome://resources/cr_elements/icons.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
+<link rel="import" href="../../html/polymer.html">
+
+<link rel="import" href="../cr_search_field/cr_search_field_behavior.html">
+<link rel="import" href="../icons.html">
+<link rel="import" href="../shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner-lite.html">

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_selection_overlay.html

-<link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
-<link rel="import" href="chrome://resources/cr_elements/icons.html">
-<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
+<link rel="import" href="../../html/polymer.html">
+
+<link rel="import" href="../cr_icons_css.html">
+<link rel="import" href="../icons.html">
+<link rel="import" href="../paper_button_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 

ui/webui/resources/cr_elements/hidden_style_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../html/polymer.html">
 
 <!-- Common style for Material Design WebUI, such that the |hidden| attributes
   works within Shadow DOM. -->

ui/webui/resources/cr_elements/icons.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../html/polymer.html">
+
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-iconset-svg.html">
 
 <!--

ui/webui/resources/cr_elements/paper_button_style_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="shared_vars_css.html">
 
 <!-- Common paper-button styling for Material Design WebUI. -->
 <dom-module id="paper-button-style">

ui/webui/resources/cr_elements/paper_tabs_style_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="shared_vars_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 
 <!-- Common paper-tabs styling for Material Design WebUI. -->
@@ -21,4 +21,4 @@
       }
     </style>
   </template>
-</dom-module>
\ No newline at end of file
+</dom-module>

ui/webui/resources/cr_elements/policy/cr_policy_indicator.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
+<link rel="import" href="../hidden_style_css.html">
 <link rel="import" href="cr_policy_indicator_behavior.html">
 <link rel="import" href="cr_tooltip_icon.html">
 

ui/webui/resources/cr_elements/policy/cr_policy_network_behavior.html

-<link rel="import" href="chrome://resources/cr_elements/chromeos/network/cr_onc_types.html">
+<link rel="import" href="../chromeos/network/cr_onc_types.html">
 <script src="cr_policy_network_behavior.js"></script>

ui/webui/resources/cr_elements/policy/cr_policy_network_indicator.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
+<link rel="import" href="../hidden_style_css.html">
 <link rel="import" href="cr_policy_indicator_behavior.html">
 <link rel="import" href="cr_policy_network_behavior.html">
 <link rel="import" href="cr_tooltip_icon.html">

ui/webui/resources/cr_elements/policy/cr_policy_pref_indicator.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
+<link rel="import" href="../hidden_style_css.html">
 <link rel="import" href="cr_policy_indicator_behavior.html">
 <link rel="import" href="cr_tooltip_icon.html">
 

ui/webui/resources/cr_elements/policy/cr_tooltip_icon.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../../html/polymer.html">
 
-<link rel="import" href="chrome://resources/cr_elements/icons.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="../icons.html">
+<link rel="import" href="../shared_vars_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tooltip/paper-tooltip.html">
 

ui/webui/resources/cr_elements/search_highlight_style_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../html/polymer.html">
 
 <link rel="import" href="shared_vars_css.html">
 

ui/webui/resources/cr_elements/shared_style_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+<link rel="import" href="../html/polymer.html">
+
+<link rel="import" href="shared_vars_css.html">
 <link rel="import" href="hidden_style_css.html">
 <link rel="import" href="cr_icons_css.html">
 

ui/webui/resources/cr_elements/shared_vars_css.html

-<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="../html/polymer.html">
 
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">