catscope 0.0.1

data/assets/bower_components/modernizr/feature-detects/battery-api.js

@@ -0,0 +1,8 @@
+
+// Battery API
+// https://developer.mozilla.org/en/DOM/window.navigator.mozBattery
+// By: Paul Sayre
+
+Modernizr.addTest('battery',
+	!!Modernizr.prefixed('battery', navigator)
+);

data/assets/bower_components/modernizr/feature-detects/battery-level.js

@@ -0,0 +1,11 @@
+
+// Low Battery Level
+// Enable a developer to remove CPU intensive CSS/JS when battery is low
+// developer.mozilla.org/en/DOM/window.navigator.mozBattery
+// By: Paul Sayre
+
+Modernizr.addTest('lowbattery', function () {
+	var minLevel = 0.20,
+		battery = Modernizr.prefixed('battery', navigator);
+	return !!(battery && !battery.charging && battery.level <= minLevel);
+});

data/assets/bower_components/modernizr/feature-detects/blob-constructor.js

@@ -0,0 +1,10 @@
+// Blob constructor
+// http://dev.w3.org/2006/webapi/FileAPI/#constructorBlob
+
+Modernizr.addTest('blobconstructor', function () {
+    try {
+        return !!new Blob();
+    } catch (e) {
+        return false;
+    }
+});

data/assets/bower_components/modernizr/feature-detects/canvas-todataurl-type.js

@@ -0,0 +1,28 @@
+// canvas.toDataURL type support
+// http://www.w3.org/TR/html5/the-canvas-element.html#dom-canvas-todataurl
+
+// This test is asynchronous. Watch out.
+
+(function () {
+
+    if (!Modernizr.canvas) {
+        return false;
+    }
+
+    var image = new Image(),
+        canvas = document.createElement('canvas'),
+        ctx = canvas.getContext('2d');
+
+    image.onload = function() {
+        ctx.drawImage(image, 0, 0);
+
+        Modernizr.addTest('todataurljpeg', function() {
+            return canvas.toDataURL('image/jpeg').indexOf('data:image/jpeg') === 0;
+        });
+        Modernizr.addTest('todataurlwebp', function() {
+            return canvas.toDataURL('image/webp').indexOf('data:image/webp') === 0;
+        });
+    };
+
+    image.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg==';
+}());

data/assets/bower_components/modernizr/feature-detects/contenteditable.js

@@ -0,0 +1,9 @@
+// contentEditable
+// http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#contenteditable
+
+// this is known to false positive in some mobile browsers
+// here is a whitelist of verified working browsers:
+// https://github.com/NielsLeenheer/html5test/blob/549f6eac866aa861d9649a0707ff2c0157895706/scripts/engine.js#L2083
+
+Modernizr.addTest('contenteditable',
+        'contentEditable' in document.documentElement);

data/assets/bower_components/modernizr/feature-detects/contentsecuritypolicy.js

@@ -0,0 +1,10 @@
+// Test for (experimental) Content Security Policy 1.1 support.
+//
+// This feature is still quite experimental, but is available now in Chrome 22.
+// If the `SecurityPolicy` property is available, you can be sure the browser
+// supports CSP. If it's not available, the browser still might support an
+// earlier version of the CSP spec.
+//
+// Editor's Draft: https://dvcs.w3.org/hg/content-security-policy/raw-file/tip/csp-specification.dev.html
+
+Modernizr.addTest('contentsecuritypolicy', ('securityPolicy' in document || 'SecurityPolicy' in document));

data/assets/bower_components/modernizr/feature-detects/contextmenu.js

@@ -0,0 +1,11 @@
+// http://www.w3.org/TR/html5/interactive-elements.html#context-menus
+// Demo at http://thewebrocks.com/demos/context-menu/
+Modernizr.addTest(
+  'contextmenu', 
+  ('contextMenu' in document.documentElement && 'HTMLMenuItemElement' in window) 
+);
+
+
+
+
+

data/assets/bower_components/modernizr/feature-detects/cookies.js

@@ -0,0 +1,15 @@
+
+// by tauren
+// https://github.com/Modernizr/Modernizr/issues/191
+
+Modernizr.addTest('cookies', function () {
+  // Quick test if browser has cookieEnabled host property
+  if (navigator.cookieEnabled) return true;
+  // Create cookie
+  document.cookie = "cookietest=1";
+  var ret = document.cookie.indexOf("cookietest=") != -1;
+  // Delete cookie
+  document.cookie = "cookietest=1; expires=Thu, 01-Jan-1970 00:00:01 GMT";
+  return ret;
+});
+

data/assets/bower_components/modernizr/feature-detects/cors.js

@@ -0,0 +1,3 @@
+// cors
+// By Theodoor van Donge
+Modernizr.addTest('cors', !!(window.XMLHttpRequest && 'withCredentials' in new XMLHttpRequest()));

data/assets/bower_components/modernizr/feature-detects/css-backgroundposition-shorthand.js

@@ -0,0 +1,19 @@
+/*
+    https://developer.mozilla.org/en/CSS/background-position
+    http://www.w3.org/TR/css3-background/#background-position
+
+    Example: http://jsfiddle.net/Blink/bBXvt/
+*/
+
+(function() {
+
+    var elem = document.createElement('a'),
+        eStyle = elem.style,
+        val = "right 10px bottom 10px";
+
+    Modernizr.addTest('bgpositionshorthand', function(){
+        eStyle.cssText = "background-position: " + val + ";";
+        return (eStyle.backgroundPosition === val);
+    });
+
+}());

data/assets/bower_components/modernizr/feature-detects/css-backgroundposition-xy.js

@@ -0,0 +1,15 @@
+/*
+	Allan Lei https://github.com/allanlei
+	
+	Check adapted from https://github.com/brandonaaron/jquery-cssHooks/blob/master/bgpos.js
+	
+	Test: http://jsfiddle.net/allanlei/R8AYS/
+*/
+Modernizr.addTest('bgpositionxy', function() {
+    return Modernizr.testStyles('#modernizr {background-position: 3px 5px;}', function(elem) {
+        var cssStyleDeclaration = window.getComputedStyle ? getComputedStyle(elem, null) : elem.currentStyle;
+        var xSupport = (cssStyleDeclaration.backgroundPositionX == '3px') || (cssStyleDeclaration['background-position-x'] == '3px');
+        var ySupport = (cssStyleDeclaration.backgroundPositionY == '5px') || (cssStyleDeclaration['background-position-y'] == '5px');
+        return xSupport && ySupport;
+    });
+});

data/assets/bower_components/modernizr/feature-detects/css-backgroundrepeat.js

@@ -0,0 +1,31 @@
+// developer.mozilla.org/en/CSS/background-repeat
+
+// test page: jsbin.com/uzesun/
+// http://jsfiddle.net/ryanseddon/yMLTQ/6/    
+
+(function(){
+
+
+function getBgRepeatValue(elem){
+    return (window.getComputedStyle ?
+             getComputedStyle(elem, null).getPropertyValue('background') :
+             elem.currentStyle['background']);
+}
+  
+
+Modernizr.testStyles(' #modernizr { background-repeat: round; } ', function(elem, rule){ 
+
+  Modernizr.addTest('bgrepeatround', getBgRepeatValue(elem) == 'round');
+
+});
+
+
+
+Modernizr.testStyles(' #modernizr { background-repeat: space; } ', function(elem, rule){ 
+
+  Modernizr.addTest('bgrepeatspace', getBgRepeatValue(elem) == 'space');
+
+});
+
+
+})();

data/assets/bower_components/modernizr/feature-detects/css-backgroundsizecover.js

@@ -0,0 +1,10 @@
+
+// developer.mozilla.org/en/CSS/background-size
+
+Modernizr.testStyles( '#modernizr{background-size:cover}', function( elem ) {
+	var style = window.getComputedStyle ?
+		window.getComputedStyle( elem, null )
+		: elem.currentStyle;
+		
+	Modernizr.addTest( 'bgsizecover', style.backgroundSize == 'cover' );
+});

data/assets/bower_components/modernizr/feature-detects/css-boxsizing.js

@@ -0,0 +1,9 @@
+
+// developer.mozilla.org/en/CSS/box-sizing
+// github.com/Modernizr/Modernizr/issues/248
+
+Modernizr.addTest("boxsizing",function(){
+    return Modernizr.testAllProps("boxSizing") && (document.documentMode === undefined || document.documentMode > 7);
+});
+
+

data/assets/bower_components/modernizr/feature-detects/css-calc.js

@@ -0,0 +1,12 @@
+// Method of allowing calculated values for length units, i.e. width: calc(100%-3em) http://caniuse.com/#search=calc
+// By @calvein
+
+Modernizr.addTest('csscalc', function() {
+    var prop = 'width:';
+    var value = 'calc(10px);';
+    var el = document.createElement('div');
+
+    el.style.cssText = prop + Modernizr._prefixes.join(value + prop);
+
+    return !!el.style.length;
+});

data/assets/bower_components/modernizr/feature-detects/css-cubicbezierrange.js

@@ -0,0 +1,8 @@
+// cubic-bezier values can't be > 1 for Webkit until bug #45761 (https://bugs.webkit.org/show_bug.cgi?id=45761) is fixed
+// By @calvein
+
+Modernizr.addTest('cubicbezierrange', function() {
+    var el = document.createElement('div');
+    el.style.cssText = Modernizr._prefixes.join('transition-timing-function' + ':cubic-bezier(1,0,0,1.1); ');
+    return !!el.style.length;
+});

data/assets/bower_components/modernizr/feature-detects/css-displayrunin.js

@@ -0,0 +1,18 @@
+
+// by alanhogan
+
+// https://github.com/Modernizr/Modernizr/issues/198
+// http://css-tricks.com/596-run-in/
+
+
+
+Modernizr.testStyles(' #modernizr { display: run-in; } ', function(elem, rule){ 
+
+  var ret = (window.getComputedStyle ?
+         getComputedStyle(elem, null).getPropertyValue('display') :
+         elem.currentStyle['display']);
+
+  Modernizr.addTest('display-runin', ret == 'run-in');
+
+});
+

data/assets/bower_components/modernizr/feature-detects/css-displaytable.js

@@ -0,0 +1,27 @@
+// display: table and table-cell test. (both are tested under one name "table-cell" )
+// By @scottjehl
+
+// all additional table display values are here: http://pastebin.com/Gk9PeVaQ though Scott has seen some IE false positives with that sort of weak detection.
+// more testing neccessary perhaps.
+
+Modernizr.addTest( "display-table",function(){
+  
+  var doc   = window.document,
+      docElem = doc.documentElement,   
+      parent  = doc.createElement( "div" ),
+      child = doc.createElement( "div" ),
+      childb  = doc.createElement( "div" ),
+      ret;
+  
+  parent.style.cssText = "display: table";
+  child.style.cssText = childb.style.cssText = "display: table-cell; padding: 10px";    
+          
+  parent.appendChild( child );
+  parent.appendChild( childb );
+  docElem.insertBefore( parent, docElem.firstChild );
+  
+  ret = child.offsetLeft < childb.offsetLeft;
+  docElem.removeChild(parent);
+  return ret; 
+});
+

data/assets/bower_components/modernizr/feature-detects/css-filters.js

@@ -0,0 +1,7 @@
+// https://github.com/Modernizr/Modernizr/issues/615
+// documentMode is needed for false positives in oldIE, please see issue above
+Modernizr.addTest('cssfilters', function() {
+    var el = document.createElement('div');
+    el.style.cssText = Modernizr._prefixes.join('filter' + ':blur(2px); ');
+    return !!el.style.length && ((document.documentMode === undefined || document.documentMode > 9));
+});

data/assets/bower_components/modernizr/feature-detects/css-hyphens.js

@@ -0,0 +1,205 @@
+/* see http://davidnewton.ca/the-current-state-of-hyphenation-on-the-web
+   http://davidnewton.ca/demos/hyphenation/test.html
+
+
+There are three tests:
+   1. csshyphens      - tests hyphens:auto actually adds hyphens to text
+   2. softhyphens     - tests that ­ does its job
+   3. softhyphensfind - tests that in-browser Find functionality still works correctly with ­
+
+These tests currently require document.body to be present
+
+Hyphenation is language specific, sometimes.
+  See for more details: http://code.google.com/p/hyphenator/source/diff?spec=svn975&r=975&format=side&path=/trunk/Hyphenator.js#sc_svn975_313
+
+If loading Hyphenator.js via Modernizr.load, be cautious of issue 158: http://code.google.com/p/hyphenator/issues/detail?id=158
+
+More details at https://github.com/Modernizr/Modernizr/issues/312
+
+*/
+
+(function() {
+
+	if (!document.body){
+		window.console && console.warn('document.body doesn\'t exist. Modernizr hyphens test needs it.');
+		return;
+	}
+
+	// functional test of adding hyphens:auto
+	function test_hyphens_css() {
+		try {
+			/* create a div container and a span within that
+			 * these have to be appended to document.body, otherwise some browsers can give false negative */
+			var div = document.createElement('div'),
+				span = document.createElement('span'),
+				divStyle = div.style,
+				spanHeight = 0,
+				spanWidth = 0,
+				result = false,
+				firstChild = document.body.firstElementChild || document.body.firstChild;
+
+			div.appendChild(span);
+			span.innerHTML = 'Bacon ipsum dolor sit amet jerky velit in culpa hamburger et. Laborum dolor proident, enim dolore duis commodo et strip steak. Salami anim et, veniam consectetur dolore qui tenderloin jowl velit sirloin. Et ad culpa, fatback cillum jowl ball tip ham hock nulla short ribs pariatur aute. Pig pancetta ham bresaola, ut boudin nostrud commodo flank esse cow tongue culpa. Pork belly bresaola enim pig, ea consectetur nisi. Fugiat officia turkey, ea cow jowl pariatur ullamco proident do laborum velit sausage. Magna biltong sint tri-tip commodo sed bacon, esse proident aliquip. Ullamco ham sint fugiat, velit in enim sed mollit nulla cow ut adipisicing nostrud consectetur. Proident dolore beef ribs, laborum nostrud meatball ea laboris rump cupidatat labore culpa. Shankle minim beef, velit sint cupidatat fugiat tenderloin pig et ball tip. Ut cow fatback salami, bacon ball tip et in shank strip steak bresaola. In ut pork belly sed mollit tri-tip magna culpa veniam, short ribs qui in andouille ham consequat. Dolore bacon t-bone, velit short ribs enim strip steak nulla. Voluptate labore ut, biltong swine irure jerky. Cupidatat excepteur aliquip salami dolore. Ball tip strip steak in pork dolor. Ad in esse biltong. Dolore tenderloin exercitation ad pork loin t-bone, dolore in chicken ball tip qui pig. Ut culpa tongue, sint ribeye dolore ex shank voluptate hamburger. Jowl et tempor, boudin pork chop labore ham hock drumstick consectetur tri-tip elit swine meatball chicken ground round. Proident shankle mollit dolore. Shoulder ut duis t-bone quis reprehenderit. Meatloaf dolore minim strip steak, laboris ea aute bacon beef ribs elit shank in veniam drumstick qui. Ex laboris meatball cow tongue pork belly. Ea ball tip reprehenderit pig, sed fatback boudin dolore flank aliquip laboris eu quis. Beef ribs duis beef, cow corned beef adipisicing commodo nisi deserunt exercitation. Cillum dolor t-bone spare ribs, ham hock est sirloin. Brisket irure meatloaf in, boudin pork belly sirloin ball tip. Sirloin sint irure nisi nostrud aliqua. Nostrud nulla aute, enim officia culpa ham hock. Aliqua reprehenderit dolore sunt nostrud sausage, ea boudin pork loin ut t-bone ham tempor. Tri-tip et pancetta drumstick laborum. Ham hock magna do nostrud in proident. Ex ground round fatback, venison non ribeye in.';
+
+			document.body.insertBefore(div, firstChild);
+
+			/* get size of unhyphenated text */
+			divStyle.cssText = 'position:absolute;top:0;left:0;width:5em;text-align:justify;text-justification:newspaper;';
+			spanHeight = span.offsetHeight;
+			spanWidth = span.offsetWidth;
+
+			/* compare size with hyphenated text */
+			divStyle.cssText = 'position:absolute;top:0;left:0;width:5em;text-align:justify;'+
+												 'text-justification:newspaper;'+
+												 Modernizr._prefixes.join('hyphens:auto; ');
+
+			result = (span.offsetHeight != spanHeight || span.offsetWidth != spanWidth);
+
+			/* results and cleanup */
+			document.body.removeChild(div);
+			div.removeChild(span);
+
+			return result;
+		} catch(e) {
+			return false;
+		}
+	}
+
+	// for the softhyphens test
+	function test_hyphens(delimiter, testWidth) {
+		try {
+			/* create a div container and a span within that
+			 * these have to be appended to document.body, otherwise some browsers can give false negative */
+			var div = document.createElement('div'),
+				span = document.createElement('span'),
+				divStyle = div.style,
+				spanSize = 0,
+				result = false,
+				result1 = false,
+				result2 = false,
+				firstChild = document.body.firstElementChild || document.body.firstChild;
+
+			divStyle.cssText = 'position:absolute;top:0;left:0;overflow:visible;width:1.25em;';
+			div.appendChild(span);
+			document.body.insertBefore(div, firstChild);
+
+
+			/* get height of unwrapped text */
+			span.innerHTML = 'mm';
+			spanSize = span.offsetHeight;
+
+			/* compare height w/ delimiter, to see if it wraps to new line */
+			span.innerHTML = 'm' + delimiter + 'm';
+			result1 = (span.offsetHeight > spanSize);
+
+			/* if we're testing the width too (i.e. for soft-hyphen, not zws),
+			 * this is because tested Blackberry devices will wrap the text but not display the hyphen */
+			if (testWidth) {
+				/* get width of wrapped, non-hyphenated text */
+				span.innerHTML = 'm<br />m';
+				spanSize = span.offsetWidth;
+
+				/* compare width w/ wrapped w/ delimiter to see if hyphen is present */
+				span.innerHTML = 'm' + delimiter + 'm';
+				result2 = (span.offsetWidth > spanSize);
+			} else {
+				result2 = true;
+			}
+
+			/* results and cleanup */
+			if (result1 === true && result2 === true) { result = true; }
+			document.body.removeChild(div);
+			div.removeChild(span);
+
+			return result;
+		} catch(e) {
+			return false;
+		}
+	}
+
+	// testing if in-browser Find functionality will work on hyphenated text
+	function test_hyphens_find(delimiter) {
+		try {
+			/* create a dummy input for resetting selection location, and a div container
+			 * these have to be appended to document.body, otherwise some browsers can give false negative
+			 * div container gets the doubled testword, separated by the delimiter
+			 * Note: giving a width to div gives false positive in iOS Safari */
+			var dummy = document.createElement('input'),
+				div = document.createElement('div'),
+				testword = 'lebowski',
+				result = false,
+				textrange,
+				firstChild = document.body.firstElementChild || document.body.firstChild;
+
+			div.innerHTML = testword + delimiter + testword;
+
+			document.body.insertBefore(div, firstChild);
+			document.body.insertBefore(dummy, div);
+
+
+			/* reset the selection to the dummy input element, i.e. BEFORE the div container
+			 *   stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area */
+			if (dummy.setSelectionRange) {
+				dummy.focus();
+				dummy.setSelectionRange(0,0);
+			} else if (dummy.createTextRange) {
+				textrange = dummy.createTextRange();
+				textrange.collapse(true);
+				textrange.moveEnd('character', 0);
+				textrange.moveStart('character', 0);
+				textrange.select();
+			}
+
+			/* try to find the doubled testword, without the delimiter */
+			if (window.find) {
+				result = window.find(testword + testword);
+			} else {
+				try {
+					textrange = window.self.document.body.createTextRange();
+					result = textrange.findText(testword + testword);
+				} catch(e) {
+					result = false;
+				}
+			}
+
+			document.body.removeChild(div);
+			document.body.removeChild(dummy);
+
+			return result;
+		} catch(e) {
+			return false;
+		}
+	}
+
+	Modernizr.addTest("csshyphens", function() {
+
+		if (!Modernizr.testAllProps('hyphens')) return false;
+
+		/* Chrome lies about its hyphens support so we need a more robust test
+				crbug.com/107111
+		*/
+		try {
+			return test_hyphens_css();
+		} catch(e) {
+			return false;
+		}
+	});
+
+	Modernizr.addTest("softhyphens", function() {
+		try {
+			// use numeric entity instead of &shy; in case it's XHTML
+			return test_hyphens('&#173;', true) && test_hyphens('&#8203;', false);
+		} catch(e) {
+			return false;
+		}
+	});
+
+	Modernizr.addTest("softhyphensfind", function() {
+		try {
+			return test_hyphens_find('&#173;') && test_hyphens_find('&#8203;');
+		} catch(e) {
+			return false;
+		}
+	});
+
+})();

data/assets/bower_components/modernizr/feature-detects/css-lastchild.js

@@ -0,0 +1,11 @@
+// last-child pseudo selector
+// https://github.com/Modernizr/Modernizr/pull/304
+
+
+Modernizr.addTest('lastchild', function(){
+
+  return Modernizr.testStyles("#modernizr div {width:100px} #modernizr :last-child{width:200px;display:block}", function (elem) {
+    return elem.lastChild.offsetWidth > elem.firstChild.offsetWidth;
+  }, 2);
+
+});

data/assets/bower_components/modernizr/feature-detects/css-mask.js

@@ -0,0 +1,12 @@
+// this tests passes for webkit's proprietary `-webkit-mask` feature
+//   www.webkit.org/blog/181/css-masks/
+//   developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Masks/Masks.html
+
+// it does not pass mozilla's implementation of `mask` for SVG
+
+//   developer.mozilla.org/en/CSS/mask
+//   developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content
+
+// Can combine with clippaths for awesomeness: http://generic.cx/for/webkit/test.html
+
+Modernizr.addTest('cssmask', Modernizr.testAllProps('maskRepeat'));

data/assets/bower_components/modernizr/feature-detects/css-mediaqueries.js

@@ -0,0 +1,3 @@
+
+
+Modernizr.addTest('mediaqueries', Modernizr.mq('only all'));

data/assets/bower_components/modernizr/feature-detects/css-objectfit.js

@@ -0,0 +1,6 @@
+
+// dev.opera.com/articles/view/css3-object-fit-object-position/
+
+Modernizr.addTest('object-fit',
+	!!Modernizr.prefixed('objectFit')
+);

data/assets/bower_components/modernizr/feature-detects/css-overflow-scrolling.js

@@ -0,0 +1,9 @@
+
+// johanbrook.com/browsers/native-momentum-scrolling-ios-5/
+// introduced in iOS5b2. Possible API may change...
+
+Modernizr.addTest("overflowscrolling",function(){
+    return Modernizr.testAllProps("overflowScrolling");
+});
+
+

data/assets/bower_components/modernizr/feature-detects/css-pointerevents.js

@@ -0,0 +1,25 @@
+
+// developer.mozilla.org/en/CSS/pointer-events
+
+// Test and project pages:
+// ausi.github.com/Feature-detection-technique-for-pointer-events/
+// github.com/ausi/Feature-detection-technique-for-pointer-events/wiki
+// github.com/Modernizr/Modernizr/issues/80
+
+
+Modernizr.addTest('pointerevents', function(){
+    var element = document.createElement('x'),
+        documentElement = document.documentElement,
+        getComputedStyle = window.getComputedStyle,
+        supports;
+    if(!('pointerEvents' in element.style)){
+        return false;
+    }
+    element.style.pointerEvents = 'auto';
+    element.style.pointerEvents = 'x';
+    documentElement.appendChild(element);
+    supports = getComputedStyle &&
+        getComputedStyle(element, '').pointerEvents === 'auto';
+    documentElement.removeChild(element);
+    return !!supports;
+});

data/assets/bower_components/modernizr/feature-detects/css-positionsticky.js

@@ -0,0 +1,13 @@
+// Sticky positioning - constrains an element to be positioned inside the
+// intersection of its container box, and the viewport.
+Modernizr.addTest('csspositionsticky', function () {
+
+    var prop = 'position:';
+    var value = 'sticky';
+    var el = document.createElement('modernizr');
+    var mStyle = el.style;
+
+    mStyle.cssText = prop + Modernizr._prefixes.join(value + ';' + prop).slice(0, -prop.length);
+
+    return mStyle.position.indexOf(value) !== -1;
+});

data/assets/bower_components/modernizr/feature-detects/css-regions.js

@@ -0,0 +1,55 @@
+// CSS Regions
+// http://www.w3.org/TR/css3-regions/
+// By: Mihai Balan
+
+// We start with a CSS parser test then we check page geometry to see if it's affected by regions
+// Later we might be able to retire the second part, as WebKit builds with the false positives die out
+
+Modernizr.addTest('regions', function() {
+
+	/* Get the 'flowFrom' property name available in the browser. Either default or vendor prefixed.
+	If the property name can't be found we'll get Boolean 'false' and fail quickly */
+	var flowFromProperty = Modernizr.prefixed("flowFrom"),
+		flowIntoProperty = Modernizr.prefixed("flowInto");
+
+	if (!flowFromProperty || !flowIntoProperty){
+		return false;
+	}
+
+	/* If CSS parsing is there, try to determine if regions actually work. */
+	var container		= document.createElement('div'),
+		content			= document.createElement('div'),
+		region			= document.createElement('div'),
+
+	/* we create a random, unlikely to be generated flow number to make sure we don't
+	clash with anything more vanilla, like 'flow', or 'article', or 'f1' */
+	flowName = 'modernizr_flow_for_regions_check';
+
+	/* First create a div with two adjacent divs inside it. The first will be the
+	content, the second will be the region. To be able to distinguish between the two,
+	we'll give the region a particular padding */
+	content.innerText		= 'M';
+	container.style.cssText	= 'top: 150px; left: 150px; padding: 0px;';
+	region.style.cssText	= 'width: 50px; height: 50px; padding: 42px;';
+
+	region.style[flowFromProperty] = flowName;
+	container.appendChild(content);
+	container.appendChild(region);
+	document.documentElement.appendChild(container);
+
+	/* Now compute the bounding client rect, before and after attempting to flow the
+	content div in the region div. If regions are enabled, the after bounding rect
+	should reflect the padding of the region div.*/
+	var flowedRect, delta,
+		plainRect = content.getBoundingClientRect();
+
+
+	content.style[flowIntoProperty] = flowName;
+	flowedRect = content.getBoundingClientRect();
+
+	delta = flowedRect.left - plainRect.left;
+	document.documentElement.removeChild(container);
+	content = region = container = undefined;
+
+	return (delta == 42);
+});