Update ElementQueries.js

Add support for "orientation" queries ['landscape' |'portrait'|'square'] see marcj#288
steveoriol · May 3, 2021 · cb3cc8b · cb3cc8b
1 parent 4eae465
commit cb3cc8b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/ElementQueries.js b/src/ElementQueries.js
@@ -111,7 +111,7 @@
          */
         function SetupInformation(element, id) {
             this.element = element;
-            var key, option, elementSize, value, actualValue, attrValues, attrValue, attrName;
+            var key, option, elementSize, value, actualValue, attrValues, attrValue, attrName, orientation;
 
             var attributes = ['min-width', 'min-height', 'max-width', 'max-height'];
 
@@ -121,6 +121,8 @@
             this.call = function () {
                 // extract current dimensions
                 elementSize = getElementSize(this.element);
+                orientation = (elementSize.width > elementSize.height) ? 'landscape' : 'portrait';
+                if (elementSize.width == elementSize.height) orientation = 'square';
 
                 attrValues = {};
 
@@ -159,6 +161,7 @@
                         this.element.removeAttribute(attributes[k]);
                     }
                 }
+                this.element.setAttribute("orientation", orientation);
             };
         }