MD Settings: make <paper-drawer-panel> flip in RTL

chrome/browser/resources/settings/settings_ui/settings_ui.js

Index: chrome/browser/resources/settings/settings_ui/settings_ui.js
diff --git a/chrome/browser/resources/settings/settings_ui/settings_ui.js b/chrome/browser/resources/settings/settings_ui/settings_ui.js
index 513aa521d503b1b8eb1d6d095bc93ad26bd5c73a..9834c57decf41bf3995c50388828a02315aaa46a 100644
--- a/chrome/browser/resources/settings/settings_ui/settings_ui.js
+++ b/chrome/browser/resources/settings/settings_ui/settings_ui.js
@@ -22,5 +22,16 @@ Polymer({
      * @type {?CrSettingsPrefsElement}
      */
     prefs: Object,
+
+    /** @type {?settings.DirectionDelegate} */
+    directionDelegate: {
+      observer: 'directionDelegateChanged_',
+      type: Object,
+    },
+  },
+
+  /** @private */
+  directionDelegateChanged_: function() {
+    this.$.panel.rightDrawer = this.directionDelegate.isRtl();

[Dan Beam, 2016/02/17 19:57:12]

this currently assumes both this.$ and this.directionDelegate are truthy.  i
thought about adding an assert() to this effect, but realized it's covered by
the following line (as both this.$.* and this.directionDelegate.* are called
without checking and would blow up if they're null or undefined)

   },
 });