Move common cr-policy-indicator behavior into CrPolicyIndicatorBehavior

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

Index: ui/webui/resources/cr_elements/policy/cr_policy_network_indicator.html
diff --git a/ui/webui/resources/cr_elements/policy/cr_policy_network_indicator.html b/ui/webui/resources/cr_elements/policy/cr_policy_network_indicator.html
index e7b03465454003b280a4bdaaaa38edfdaf249733..ded65ec70df3d25228df90cca58f3ea6ccc3fc46 100644
--- a/ui/webui/resources/cr_elements/policy/cr_policy_network_indicator.html
+++ b/ui/webui/resources/cr_elements/policy/cr_policy_network_indicator.html
@@ -4,21 +4,24 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tooltip/paper-tooltip.html">
 <link rel="import" href="cr_policy_indicator_behavior.html">
 <link rel="import" href="cr_policy_network_behavior.html">
+<link rel="import" href="cr_policy_vars_css.html">
 
 <dom-module id="cr-policy-network-indicator">
-  <link rel="import" type="css" href="cr_policy_indicator.css">
   <style>
+    :host {
+      @apply(--cr-policy-indicator);
+    }
+
     paper-tooltip {
       --paper-tooltip: var(--cr-policy-tooltip);
     }
   </style>
   <template>
-    <iron-icon id="indicator" tabindex=0
-        hidden$="[[!isIndicatorVisible(indicatorType)]]"
-        icon="[[getPolicyIndicatorIcon(indicatorType)]]">
+    <iron-icon id="indicator" tabindex="0" hidden$="[[!indicatorVisible]]"
+        icon="[[indicatorIcon]]">
     </iron-icon>
     <paper-tooltip for="indicator" position="top" fit-to-visible-bounds>
-      [[getTooltip_(indicatorType)]]
+      [[indicatorTooltip]]
     </paper-tooltip>
   </template>
   <script src="cr_policy_network_indicator.js"></script>