Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/mq4-hover-shim.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/dist
diff options
context:
space:
mode:
authorChris Rebert <code@rebertia.com>2015-01-01 06:28:13 +0300
committerChris Rebert <code@rebertia.com>2015-01-01 06:43:22 +0300
commit0e97ce1c2f135cf49d5c2f1ddce4ad2576a89b83 (patch)
treeb34e41f6e8a07dd6ac907983a7ff0f496cae6d8f /dist
initial checkin
Diffstat (limited to 'dist')
-rw-r--r--dist/browser/mq4-hover-hover-shim.js80
-rw-r--r--dist/cjs/mq4-hover-hover-shim.js70
2 files changed, 150 insertions, 0 deletions
diff --git a/dist/browser/mq4-hover-hover-shim.js b/dist/browser/mq4-hover-hover-shim.js
new file mode 100644
index 0000000..17e5821
--- /dev/null
+++ b/dist/browser/mq4-hover-hover-shim.js
@@ -0,0 +1,80 @@
+/*!
+ * mq4-hover-hover-shim v0.0.1
+ * https://github.com/cvrebert/mq4-hover-hover-shim
+ * Copyright (c) 2014 Christopher Rebert
+ * Licensed under the MIT License (https://github.com/cvrebert/mq4-hover-hover-shim/blob/master/LICENSE).
+ */
+
+!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.mq4HoverShim=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+"use strict";
+
+exports.supportsTrueHover = supportsTrueHover;
+/*eslint-env browser */
+/* jshint browser: true, esnext: true */
+
+/**
+* Does this UA's primary pointer support true hovering
+* OR does the UA at least not try to quirkily emulate hovering,
+* such that :hover CSS styles are appropriate?
+* Essentially tries to shim the `@media (hover: hover)` CSS media query feature.
+* @type {boolean}
+*/
+function supportsTrueHover() {
+ if (!window.matchMedia) {
+ // Ancient non-IE, or IE<=9, per http://caniuse.com/#feat=matchmedia
+ var ua = navigator.userAgent;
+ var isIE9mobileInMobileMode = ua.indexOf("MSIE 9.0") > -1 && (ua.indexOf("XBLWP7") > -1 || ua.indexOf("ZuneWP7") > -1);
+ if (isIE9mobileInMobileMode) {
+ // FIXME: IE9 Mobile in Mobile mode; force hoverEnabled to false???
+ return false;
+ }
+ // UA is ancient enough to probably be a desktop computer or at least not attempt emulation of hover.
+ return true;
+ }
+
+ // CSSWG Media Queries Level 4 draft
+ // http://drafts.csswg.org/mediaqueries/#hover
+ // FIXME: WTF Chrome...: https://code.google.com/p/chromium/issues/detail?id=441613
+ if (window.matchMedia("(hover: none),(-moz-hover: none),(-ms-hover: none),(-webkit-hover: none)," + "(hover: on-demand),(-moz-hover: on-demand),(-ms-hover: on-demand),(-webkit-hover: on-demand)").matches) {
+ // true hovering explicitly not supported by primary pointer
+ return false;
+ }
+ if (window.matchMedia("(hover: hover),(-moz-hover: hover),(-ms-hover: hover),(-webkit-hover: hover)").matches) {
+ // true hovering explicitly supported by primary pointer
+ return true;
+ }
+ // `hover` media feature not implemented by this browser; keep probing
+
+ // Touch generally implies that hovering is merely emulated,
+ // which doesn't count as true hovering support for our purposes
+ // due to the quirkiness of the emulation (e.g. :hover being sticky).
+
+ // W3C Pointer Events LC WD, 13 November 2014
+ // http://www.w3.org/TR/2014/WD-pointerevents-20141113/
+ // Prefixed in IE10, per http://caniuse.com/#feat=pointer
+ var supportsPointerEvents = window.PointerEvent || window.MSPointerEvent;
+ if (supportsPointerEvents) {
+ var pointerEventsIsTouch = (window.navigator.maxTouchPoints || window.navigator.msMaxTouchPoints) > 0;
+ return !pointerEventsIsTouch;
+ }
+
+ // Mozilla's -moz-touch-enabled
+ // https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#-moz-touch-enabled
+ if (window.matchMedia("(touch-enabled),(-moz-touch-enabled),(-ms-touch-enabled),(-webkit-touch-enabled)").matches) {
+ return false;
+ }
+
+ // W3C Touch Events
+ // http://www.w3.org/TR/2013/REC-touch-events-20131010/
+ if ("ontouchstart" in window) {
+ return false;
+ }
+
+ // OPEN ISSUE: Should we look for IE's "Touch" userAgent token?
+ // OPEN ISSUE: IE10 Mobile?
+
+ // UA's pointer is non-touch and thus likely either supports true hovering or at least does not try to emulate it.
+ return true;
+}
+},{}]},{},[1])(1)
+}); \ No newline at end of file
diff --git a/dist/cjs/mq4-hover-hover-shim.js b/dist/cjs/mq4-hover-hover-shim.js
new file mode 100644
index 0000000..5db3edc
--- /dev/null
+++ b/dist/cjs/mq4-hover-hover-shim.js
@@ -0,0 +1,70 @@
+"use strict";
+
+exports.supportsTrueHover = supportsTrueHover;
+/*eslint-env browser */
+/* jshint browser: true, esnext: true */
+
+/**
+* Does this UA's primary pointer support true hovering
+* OR does the UA at least not try to quirkily emulate hovering,
+* such that :hover CSS styles are appropriate?
+* Essentially tries to shim the `@media (hover: hover)` CSS media query feature.
+* @type {boolean}
+*/
+function supportsTrueHover() {
+ if (!window.matchMedia) {
+ // Ancient non-IE, or IE<=9, per http://caniuse.com/#feat=matchmedia
+ var ua = navigator.userAgent;
+ var isIE9mobileInMobileMode = ua.indexOf("MSIE 9.0") > -1 && (ua.indexOf("XBLWP7") > -1 || ua.indexOf("ZuneWP7") > -1);
+ if (isIE9mobileInMobileMode) {
+ // FIXME: IE9 Mobile in Mobile mode; force hoverEnabled to false???
+ return false;
+ }
+ // UA is ancient enough to probably be a desktop computer or at least not attempt emulation of hover.
+ return true;
+ }
+
+ // CSSWG Media Queries Level 4 draft
+ // http://drafts.csswg.org/mediaqueries/#hover
+ // FIXME: WTF Chrome...: https://code.google.com/p/chromium/issues/detail?id=441613
+ if (window.matchMedia("(hover: none),(-moz-hover: none),(-ms-hover: none),(-webkit-hover: none)," + "(hover: on-demand),(-moz-hover: on-demand),(-ms-hover: on-demand),(-webkit-hover: on-demand)").matches) {
+ // true hovering explicitly not supported by primary pointer
+ return false;
+ }
+ if (window.matchMedia("(hover: hover),(-moz-hover: hover),(-ms-hover: hover),(-webkit-hover: hover)").matches) {
+ // true hovering explicitly supported by primary pointer
+ return true;
+ }
+ // `hover` media feature not implemented by this browser; keep probing
+
+ // Touch generally implies that hovering is merely emulated,
+ // which doesn't count as true hovering support for our purposes
+ // due to the quirkiness of the emulation (e.g. :hover being sticky).
+
+ // W3C Pointer Events LC WD, 13 November 2014
+ // http://www.w3.org/TR/2014/WD-pointerevents-20141113/
+ // Prefixed in IE10, per http://caniuse.com/#feat=pointer
+ var supportsPointerEvents = window.PointerEvent || window.MSPointerEvent;
+ if (supportsPointerEvents) {
+ var pointerEventsIsTouch = (window.navigator.maxTouchPoints || window.navigator.msMaxTouchPoints) > 0;
+ return !pointerEventsIsTouch;
+ }
+
+ // Mozilla's -moz-touch-enabled
+ // https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#-moz-touch-enabled
+ if (window.matchMedia("(touch-enabled),(-moz-touch-enabled),(-ms-touch-enabled),(-webkit-touch-enabled)").matches) {
+ return false;
+ }
+
+ // W3C Touch Events
+ // http://www.w3.org/TR/2013/REC-touch-events-20131010/
+ if ("ontouchstart" in window) {
+ return false;
+ }
+
+ // OPEN ISSUE: Should we look for IE's "Touch" userAgent token?
+ // OPEN ISSUE: IE10 Mobile?
+
+ // UA's pointer is non-touch and thus likely either supports true hovering or at least does not try to emulate it.
+ return true;
+} \ No newline at end of file