geico-design-kit 7.0.0

package/src/services/CharacterTypeService.js

@@ -0,0 +1,107 @@
+class CharacterTypeService {
+    static _getCharacterType(event) {
+        let keyCode = event.which || event.keyCode;
+
+        if(event) {
+
+            // check if character keyCode is 0-9
+            if(keyCode >= 48 && keyCode <= 57 || keyCode >= 96 && keyCode <= 105) {
+
+                if(event.key) {
+                    if (event.key === '1' || event.key === '2' || event.key === '3' || event.key === '4' || event.key === '5' || event.key === '6' || event.key === '7' || event.key === '8' || event.key === '9' || event.key === '0') {
+                        return 'number';
+                    } else {
+                        return 'special character';
+                    }
+                } else {
+                    return 'n/a';
+                }
+
+            } else {
+
+                // Check if character is backspace
+                if(keyCode === 8) {
+                    return 'backspace';
+                } else
+
+                // Check if character is tab
+                if(keyCode === 9) {
+                    return 'tab';
+                } else
+
+                // Check if character is enter
+                if(keyCode === 13) {
+                    return 'enter';
+                } else
+
+                // Check if character is shift
+                // if (keyCode === 16) {
+                //     return 'shift';
+                // }
+
+                // Check for additional special characters
+                if (keyCode >= 186 && keyCode <= 192 || keyCode >= 219 && keyCode <= 222) {
+                    return 'special character';
+                } else
+
+                // Check if character is a letter
+                if(keyCode >= 65 && keyCode <= 90) {
+
+                    // Check for key functions
+                    //
+                    // Minimize
+                    if (keyCode === 77 && event.ctrlKey === true || keyCode === 77 && event.metaKey === true) {
+                        return 'minimize';
+                    } else
+
+                    // Copy
+                    if (keyCode === 67 && event.ctrlKey === true || keyCode === 67 && event.metaKey === true) {
+                        return 'copy';
+                    } else
+
+                    // Paste
+                    if (keyCode === 80 && event.ctrlKey === true || keyCode === 80 && event.metaKey === true) {
+                        return 'paste';
+                    } else {
+                        return 'letter';
+                    }
+                } else
+
+                // Check if character is delete
+                if(keyCode === 46) {
+                    return 'delete';
+                } else
+
+                // Check if character is home
+                if (keyCode === 36) {
+                    return 'home';
+                } else
+
+                // Check if character is end
+                if (keyCode === 35) {
+                    return 'end';
+                } else
+
+                // Check if character is arrow key
+                if(keyCode >= 37 && keyCode <= 40) {
+                    switch (keyCode) {
+                        case 37:
+                            return 'left arrow';
+                        case 38:
+                            return 'up arrow';
+                        case 39:
+                            return 'right arrow';
+                        case 40:
+                            return 'down arrow';
+                    }
+                }
+
+                else {
+                    //return 'not categorized';
+                }
+            }
+        }
+    }
+}
+
+export default CharacterTypeService;

package/src/services/UserAgentService.js

@@ -0,0 +1,59 @@
+class UserAgentService {
+
+    /**
+     *
+     * @returns {*}
+     * @private
+     */
+    static _clickEventName () {
+        if ("ontouchstart" in document.documentElement && navigator.userAgent.toLowerCase().indexOf('firefox') === -1)
+        {
+            return (navigator.userAgent.toLowerCase().indexOf('windows') === -1)?"touchend" : "pointerup";
+        } else {
+            return "click";
+        }
+    }
+
+    static _detectIE() {
+      const ua = window.navigator.userAgent;
+
+      // Test values; Uncomment to check result …
+
+      // IE 10
+      // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)';
+
+      // IE 11
+      // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';
+
+      // Edge 12 (Spartan)
+      // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0';
+
+      // Edge 13
+      // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586';
+
+      const msie = ua.indexOf('MSIE ');
+      if (msie > 0) {
+        // IE 10 or older => return version number
+        return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
+      }
+
+      const trident = ua.indexOf('Trident/');
+      if (trident > 0) {
+        // IE 11 => return version number
+        const rv = ua.indexOf('rv:');
+        return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
+      }
+
+      const edge = ua.indexOf('Edge/');
+      if (edge > 0) {
+        // Edge (IE 12+) => return version number
+        return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
+      }
+
+      // other browser
+      return false;
+    }
+}
+
+export default UserAgentService;
+

package/src/utils.js

@@ -0,0 +1,82 @@
+/**
+ * hasClass()
+ * Checks wether element contains a class
+ * This accounts for the fact that element might contain multiple class names separated by space.
+ *
+ * @param {Dom Element} element
+ * @param {String} className we are checking
+ * @return {Boolean}
+ */
+
+ //TODO check the best way to do this
+ function hasClass(element, className) {
+    return element.classList.contains(className);
+}
+
+
+/**
+ * getParentByTagName()
+ * Get parent node for given tagname
+ *
+ * @param  {Object} node    DOM node
+ * @param  {String} tagname HTML tagName
+ * @return {Object}         Parent node
+ */
+function getParentByTagName(node, tagname) {
+	var parent;
+	if (node === null || tagname === '') return;
+	parent  = node.parentNode;
+	tagname = tagname.toUpperCase();
+
+	while (parent.tagName !== "HTML") {
+		if (parent.tagName === tagname) {
+			return parent;
+		}
+		parent = parent.parentNode;
+	}
+
+	return parent;
+}
+
+function isChild(parent, child) {
+    var node = child.parentElement;
+    while (node !== null) {
+        if (node.classList.contains(parent)) {
+            return true;
+        }
+        node = node.parentElement;
+    }
+    return false;
+}
+
+/**
+ * scrollToTop()
+ * Used to animate the scroll position back to the top of the page
+ */
+function scrollToTop() {
+
+    const   scrollHeight = window.scrollY,
+    		scrollDuration = 500,
+            scrollStep = Math.PI / ( scrollDuration / 15 ),
+            cosParameter = scrollHeight / 2;
+
+    let     scrollCount = 0,
+            scrollMargin;
+
+    requestAnimationFrame(step);
+
+	console.log(scrollStep);
+
+    function step () {
+        setTimeout(function() {
+            if ( window.scrollY !== 0 ) {
+                    requestAnimationFrame(step);
+                scrollCount = scrollCount + 1;
+                scrollMargin = cosParameter - cosParameter * Math.cos( scrollCount * scrollStep );
+                window.scrollTo( 0, ( scrollHeight - scrollMargin ) );
+            }
+        }, 15 );
+    }
+}
+
+export { hasClass, getParentByTagName, isChild };