Implement direction-specific touch-action values (blink side)

LayoutTests/fast/css/touch-action-parsing.html

Index: LayoutTests/fast/css/touch-action-parsing.html
diff --git a/LayoutTests/fast/css/touch-action-parsing.html b/LayoutTests/fast/css/touch-action-parsing.html
index 45e2d2c47df211e13edf23b344d6e66df57affb5..c53d146f8581a35ec5371cbaf886a3ea2d01b406 100644
--- a/LayoutTests/fast/css/touch-action-parsing.html
+++ b/LayoutTests/fast/css/touch-action-parsing.html
@@ -18,9 +18,21 @@
 <div class="test defnone" id="stylesheet-none" expected="none"></div>
 <div class="test defnone" id="explicit-auto" style="touch-action: auto;" expected="auto"></div>
 <div class="test" id="explicit-pan-x" style="touch-action: pan-x;" expected="pan-x"></div>
+<div class="test" id="explicit-pan-left" style="touch-action: pan-left;" expected="pan-left"></div>
+<div class="test" id="explicit-pan-right" style="touch-action: pan-right;" expected="pan-right"></div>
 <div class="test" id="explicit-pan-y" style="touch-action: pan-y;" expected="pan-y"></div>
+<div class="test" id="explicit-pan-up" style="touch-action: pan-up;" expected="pan-up"></div>
+<div class="test" id="explicit-pan-down" style="touch-action: pan-down;" expected="pan-down"></div>
 <div class="test" id="explicit-pan-x-pan-y" style="touch-action: pan-x pan-y;" expected="pan-x pan-y"></div>
 <div class="test" id="explicit-pan-y-pan-x" style="touch-action: pan-y pan-x;" expected="pan-x pan-y"></div>
+<div class="test" id="explicit-pan-left-pan-up" style="touch-action: pan-left pan-up;" expected="pan-left pan-up"></div>
+<div class="test" id="explicit-pan-left-pan-down" style="touch-action: pan-left pan-down;" expected="pan-left pan-down"></div>
+<div class="test" id="explicit-pan-right-pan-up" style="touch-action: pan-right pan-up;" expected="pan-right pan-up"></div>
+<div class="test" id="explicit-pan-right-pan-down" style="touch-action: pan-right pan-down;" expected="pan-right pan-down"></div>
+<div class="test" id="explicit-pan-up-pan-left" style="touch-action: pan-up pan-left;" expected="pan-left pan-up"></div>
+<div class="test" id="explicit-pan-up-pan-right" style="touch-action: pan-up pan-right;" expected="pan-right pan-up"></div>
+<div class="test" id="explicit-pan-down-pan-left" style="touch-action: pan-down pan-left;" expected="pan-left pan-down"></div>
+<div class="test" id="explicit-pan-down-pan-right" style="touch-action: pan-down pan-right;" expected="pan-right pan-down"></div>
 <div class="test" id="explicit-manipulation" style="touch-action: manipulation;" expected="manipulation"></div>
 <div class="test" id="explicit-none" style="touch-action: none;" expected="none"></div>
 <div class="test" id="explicit-invalid-1" style="touch-action: bogus;" expected="auto"></div>
@@ -28,6 +40,14 @@
 <div class="test" id="explicit-invalid-3" style="touch-action: pan-y none;" expected="auto"></div>
 <div class="test" id="explicit-invalid-4" style="touch-action: pan-x pan-x;" expected="auto"></div>
 <div class="test" id="explicit-invalid-5" style="touch-action: manipulation pan-x;" expected="auto"></div>
+<div class="test" id="explicit-invalid-6" style="touch-action: pan-x pan-left;" expected="auto"></div>
+<div class="test" id="explicit-invalid-7" style="touch-action: auto pan-left;" expected="auto"></div>
+<div class="test" id="explicit-invalid-8" style="touch-action: none pan-left;" expected="auto"></div>
+<div class="test" id="explicit-invalid-9" style="touch-action: pan-x pan-right;" expected="auto"></div>
+<div class="test" id="explicit-invalid-10" style="touch-action: pan-y pan-up;" expected="auto"></div>
+<div class="test" id="explicit-invalid-11" style="touch-action: pan-y pan-down;" expected="auto"></div>
+<div class="test" id="explicit-invalid-12" style="touch-action: pan-left pan-right;" expected="auto"></div>
+<div class="test" id="explicit-invalid-13" style="touch-action: pan-up pan-down;" expected="auto"></div>
 <div style="touch-action: none;">
   <div class="test" id="not-inherited" expected="auto"></div>
   <div class="test" id="inherit" style="touch-action: inherit;" expected="none"></div>