Merge branch 'dev'

qui/controls/contextmenu/Menu.css

@@ -40,7 +40,9 @@
  * ====================================================== */
 
 .qui-context-corner-top.qui-contextmenu:after,
+.qui-context-corner-topRight.qui-contextmenu:after,
 .qui-context-corner-bottom.qui-contextmenu:after,
+.qui-context-corner-bottomRight.qui-contextmenu:after,
 .qui-context-corner-left.qui-contextmenu:after,
 .qui-context-corner-right.qui-contextmenu:after {
     content: "";
@@ -62,11 +64,21 @@
     left: 30px;
 }
 
+.qui-context-corner-topRight.qui-contextmenu:after {
+    top: -5px;
+    right: 30px;
+}
+
 .qui-context-corner-bottom.qui-contextmenu:after {
     bottom: -5px;
     left: 30px;
 }
 
+.qui-context-corner-bottomRight.qui-contextmenu:after {
+    bottom: -5px;
+    right: 30px;
+}
+
 .qui-context-corner-right.qui-contextmenu:after {
     top: 15px;
     right: -5px;

qui/controls/contextmenu/Menu.js

@@ -147,6 +147,7 @@ define('qui/controls/contextmenu/Menu', [
 
             if (this.getAttribute('corner')) {
                 Elm.removeClass('qui-context-corner-top');
+                Elm.removeClass('qui-context-corner-topRight');
                 Elm.removeClass('qui-context-corner-bottom');
                 Elm.removeClass('qui-context-corner-left');
                 Elm.removeClass('qui-context-corner-left');
@@ -157,10 +158,18 @@ define('qui/controls/contextmenu/Menu', [
                     Elm.addClass('qui-context-corner-top');
                     break;
 
+                case 'topRight':
+                    Elm.addClass('qui-context-corner-topRight');
+                    break;
+
                 case 'bottom':
                     Elm.addClass('qui-context-corner-bottom');
                     break;
 
+                case 'bottomRight':
+                    Elm.addClass('qui-context-corner-bottomRight');
+                    break;
+
                 case 'left':
                     Elm.addClass('qui-context-corner-left');
                     break;