Fixed bad polyfill for #181

README.md

@@ -19,7 +19,7 @@ worrying about supporting marginal, slow devices.
 It's important to realize that Ionic is not a replacement for frameworks used for building mobile web apps. There are a lot
 of great solutions that work well for websites, like [jQuery Mobile](http://jquerymobile.com/).
 
-Ionic is also not a good solution if you need to support older generation devices. Our compatibility *starts* at iOS 6 and Android 4.2. We will never support devices older than this.
+Ionic is also not a good solution if you need to support older generation devices. Our compatibility *starts* at iOS 6 and Android 4.1. We will never support devices older than this.
 
 
 ## Quick Start

bower.json

@@ -1,12 +1,19 @@
 {
   "name": "ionic",
-  "version": "0.9.0",
+  "version": "0.9.09",
   "homepage": "https://github.com/driftyco/ionic",
   "authors": [
-    "Max Lynch <max@drifty.com>"
+    "Max Lynch <max@drifty.com>",
+    "Adam Bradley <adam@drifty.com>",
+    "Ben Sperry <ben@drifty.com>"
   ],
   "description": "Advanced HTML5 hybrid mobile app development framework.",
-  "main": "dist/js/ionic.js",
+  "main": [
+    "dist/js/ionic.js",
+    "dist/js/ionic-angular.js",
+    "dist/css/ionic.css",
+    "dist/fonts/*"
+  ],
   "keywords": [
     "mobile",
     "html5",
@@ -20,7 +27,7 @@
     "bootstrap"
   ],
   "license": "MIT",
-  "private": true,
+  "private": false,
   "ignore": [
     "**/.*",
     "node_modules",

component.json

@@ -1,14 +1,23 @@
 {
     "repo": "driftyco/ionic",
     "development": {},
-    "version": "0.9.0",
+    "version": "0.9.09",
     "styles": [
       "dist/css/ionic.css"
     ],
+    "paths": [
+      "scss"
+    ],
     "scripts": [
       "dist/js/ionic.js",
       "dist/js/ionic-angular.js"
     ],
+    "fonts": [
+      "dist/fonts/ionicons.eot",
+      "dist/fonts/ionicons.svg",
+      "dist/fonts/ionicons.ttf",
+      "dist/fonts/ionicons.woff"
+    ],
     "name": "Ionic",
     "keywords": ["ionic","mobile","html5","hybrid","angularjs"],
     "license": "MIT",

dist/css/ionic.css

@@ -2955,6 +2955,8 @@ input[type="range"] {
     padding-bottom: 2px; }
 
 .button-icon {
+  -webkit-transition: opacity 0.1s;
+  transition: opacity 0.1s;
   padding: 0 6px;
   min-width: initial;
   background: none;
@@ -2962,8 +2964,9 @@ input[type="range"] {
   background: none; }
   .button-icon.button:active, .button-icon.button.active {
     background: none;
-    box-shadow: none;
-    text-shadow: 0px 0px 10px #fff; }
+    border-color: transparent;
+    opacity: 0.3;
+    box-shadow: none; }
   .button-icon .icon {
     font-size: 32px; }
 
@@ -3041,6 +3044,12 @@ a.button {
   display: -moz-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  -moz-box-flex: 1;
+  -moz-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
   width: 100%; }
 
 .button-bar > .button {
@@ -3053,6 +3062,7 @@ a.button {
   display: block;
   overflow: hidden;
   padding: 0 16px;
+  width: 0;
   border-width: 1px 0px 1px 1px;
   border-radius: 0;
   text-align: center;

dist/js/ionic.js

@@ -217,6 +217,30 @@ window.ionic = {
  */
 
 (function(ionic) {
+
+  // Custom event polyfill
+  if(!window.CustomEvent) {
+    (function() {
+      var CustomEvent;
+
+      CustomEvent = function(event, params) {
+        var evt;
+        params = params || {
+          bubbles: false,
+          cancelable: false,
+          detail: undefined
+        };
+        evt = document.createEvent("CustomEvent");
+        evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+        return evt;
+      };
+
+      CustomEvent.prototype = window.Event.prototype;
+
+      window.CustomEvent = CustomEvent;
+    })();
+  }
+
   ionic.EventController = {
     VIRTUALIZED_EVENTS: ['tap', 'swipe', 'swiperight', 'swipeleft', 'drag', 'hold', 'release'],
 

js/utils/events.js

@@ -11,6 +11,30 @@
  */
 
 (function(ionic) {
+
+  // Custom event polyfill
+  if(!window.CustomEvent) {
+    (function() {
+      var CustomEvent;
+
+      CustomEvent = function(event, params) {
+        var evt;
+        params = params || {
+          bubbles: false,
+          cancelable: false,
+          detail: undefined
+        };
+        evt = document.createEvent("CustomEvent");
+        evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+        return evt;
+      };
+
+      CustomEvent.prototype = window.Event.prototype;
+
+      window.CustomEvent = CustomEvent;
+    })();
+  }
+
   ionic.EventController = {
     VIRTUALIZED_EVENTS: ['tap', 'swipe', 'swiperight', 'swipeleft', 'drag', 'hold', 'release'],
 

scss/_button-bar.scss

@@ -6,6 +6,7 @@
 
 .button-bar {
   @include display-flex();
+  @include flex(1);
   width: 100%;
 }
 
@@ -17,6 +18,8 @@
 
   padding: 0 16px;
 
+  width: 0;
+
   border-width: 1px 0px 1px 1px;
   border-radius: 0;
   text-align: center;

scss/_button.scss

@@ -126,6 +126,7 @@
 }
 
 .button-icon {
+  @include transition(opacity .1s);
   padding: 0 6px;
   min-width: initial;
   background: none;
@@ -134,8 +135,9 @@
 
   &.button:active, &.button.active {
     background: none;
+    border-color: transparent;
+    opacity: 0.3;
     box-shadow: none;
-    text-shadow: 0px 0px 10px #fff;
   }
 
   .icon {