Version 2.0.0-beta.10 release.

OnsenUI · Apr 24, 2016 · ad147f7 · ad147f7
1 parent 944a658
commit ad147f7
Show file tree

Hide file tree

Showing 16 changed files with 2,951 additions and 2,443 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,15 +2,46 @@
 CHANGELOG
 ====
 
+v2.0.0-beta.10
+----
+ * core: Expose FastClick instance as `ons.fastClick`.
+ * ons-navigator: Fixed a bug where popPage always showed the default animation.
+ * ons-navigator: Fixed md-lift-animator.
+ * ons-navigator: Removed small delay after Lift animators.
+ * css-components: Fixed issue with list item using both "chevron" and "longdivider" modifiers.
+ * core: Fixed an issue preventing users from selecting text in inputs and textareas.
+ * ons-carousel: Added `auto-refresh` attribute.
+ * ons-carousel: Fixed an issue causing improper carousel size when used with angular and ons-navigator.
+ * ons-icon: Delete attribute `flip` from ons-icon (obsolete, since everything can be done with `rotate`)
+ * ons-list-item: Make the attribute `tappable` a boolean and add attribute `tap-background-color`
+ * ons-alert-dialog: Fixed [#1347](https://github.com/OnsenUI/OnsenUI/issues/1347).
+ * ons-progress-bar, ons-progress-circular: Add `value`, `secondaryValue` and `indeterminate` properties.
+ * ons-pull-hook: Add `state`, `pullDistance`, `height`, `thresholdHeight` and `disabled` properties.
+ * ons-alert-dialog, ons-dialog, ons-popover, ons-modal: Updated API (`disabled`, `visible`, `onDeviceBackButton` properties).
+ * ons-page: Update API (`disabled`, `onDeviceBackButton` properties, `on-device-back-button` and `ng-device-back-button` attributes).
+ * ons-splitter: Renamed property `deviceBackButton` to a `onDeviceBackButton`.
+ * ons-button, ons-ripple: Update API (`disabled` property).
+ * ons-speeddial: Updated API (`disabled`, `visible`, `inline` properties).
+ * ons-switch: Updated API (`disabled`, `checked`, `checkbox` properties).
+ * ons-splitter-side: Changed `isOpen` to a property.
+ * ons-navigator: Removed old angular methods (`getPages`, `getBackButtonHandler`).
+ * ons-lazy-repeat: Removed `setDelegate` in favor of the `delegate` property.
+ * ons-range: Fixes memory leak in AngularJS bindings.
+ * ons-toolbar-button: Add `disabled` property.
+ * css-components: Fixes list layout glitch on older Android devices.
+
 v2.0.0-beta.9
 ----
  * ons-splitter: Fixed memory leak.
  * ons-page: Fixed [#1315](https://github.com/OnsenUI/OnsenUI/issues/1315).
  * ons-icon: Accepts two icon values at once for Auto Styling.
  * ons-tab: Fix glitch where content was removed during `<ons-navigator>` slide animation.
  * ons-splitter: Fix default side and swipe-target-width.
+ * ons-carousel: Update API.
  * ons-icon: 'spin' attribute does not require boolean values anymore.
  * core: Fix DeviceBackButton dispatcher for pages containing SVG elements.
+ * ons-navigator: Changed part of the API.
+ * ons-navigator: Fixed [#1324](https://github.com/OnsenUI/OnsenUI/issues/1324), [#1325](https://github.com/OnsenUI/OnsenUI/issues/1325).
 
 v2.0.0-beta.8
 ----

diff --git a/css/onsen-css-components-blue-basic-theme.css b/css/onsen-css-components-blue-basic-theme.css
@@ -542,7 +542,7 @@ input:disabled + .switch__toggle {
 }
 [disabled] > .range__left,
 .range--material:disabled + .range__left {
-  display: none;
+  visibility: hidden;
 }
 /* topdoc
   name: Material Range
@@ -3415,6 +3415,7 @@ input:disabled + .switch__toggle {
     </ul>
 */
 .list__item__left {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3442,6 +3443,7 @@ input:disabled + .switch__toggle {
   margin: 0;
 }
 .list__item__center {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3493,6 +3495,7 @@ input:disabled + .switch__toggle {
   }
 }
 .list__item__right {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3723,6 +3726,10 @@ input:disabled + .switch__toggle {
   border: none;
   background-image: none;
 }
+.list__item--longdivider.list__item--chevron:before {
+  border: none;
+  background-image: none;
+}
 /* topdoc
   name: Category List Header
   class: list__header
@@ -3812,6 +3819,7 @@ input:disabled + .switch__toggle {
   transition: none;
 }
 .list__item--chevron:before {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -4181,10 +4189,55 @@ input:disabled + .switch__toggle {
 .list__item--material__left:empty,
 .list__item--material__center {
   padding: 16px 0;
+  border-color: #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material__left:empty,
+  .list__item--material__center {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
 }
 .list__item--material__right {
   padding: 16px 16px 16px 0px;
   line-height: 1;
+  border-color: #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material__right {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
+}
+.list__item--material.list__item--longdivider {
+  border-bottom: 1px solid #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material.list__item--longdivider {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
 }
 /* topdoc
   name: Material List with Header
@@ -4214,7 +4267,7 @@ input:disabled + .switch__toggle {
   padding: 8px 16px;
 }
 .list__header--material:not(:first-of-type) {
-  border-top: 1px solid var-list-border-color;
+  border-top: 1px solid #eee;
   padding-top: 16px;
 }
 /* topdoc

diff --git a/css/onsen-css-components-blue-theme.css b/css/onsen-css-components-blue-theme.css
@@ -542,7 +542,7 @@ input:disabled + .switch__toggle {
 }
 [disabled] > .range__left,
 .range--material:disabled + .range__left {
-  display: none;
+  visibility: hidden;
 }
 /* topdoc
   name: Material Range
@@ -3415,6 +3415,7 @@ input:disabled + .switch__toggle {
     </ul>
 */
 .list__item__left {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3442,6 +3443,7 @@ input:disabled + .switch__toggle {
   margin: 0;
 }
 .list__item__center {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3493,6 +3495,7 @@ input:disabled + .switch__toggle {
   }
 }
 .list__item__right {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3723,6 +3726,10 @@ input:disabled + .switch__toggle {
   border: none;
   background-image: none;
 }
+.list__item--longdivider.list__item--chevron:before {
+  border: none;
+  background-image: none;
+}
 /* topdoc
   name: Category List Header
   class: list__header
@@ -3812,6 +3819,7 @@ input:disabled + .switch__toggle {
   transition: none;
 }
 .list__item--chevron:before {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -4181,10 +4189,55 @@ input:disabled + .switch__toggle {
 .list__item--material__left:empty,
 .list__item--material__center {
   padding: 16px 0;
+  border-color: #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material__left:empty,
+  .list__item--material__center {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
 }
 .list__item--material__right {
   padding: 16px 16px 16px 0px;
   line-height: 1;
+  border-color: #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material__right {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
+}
+.list__item--material.list__item--longdivider {
+  border-bottom: 1px solid #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material.list__item--longdivider {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
 }
 /* topdoc
   name: Material List with Header
@@ -4214,7 +4267,7 @@ input:disabled + .switch__toggle {
   padding: 8px 16px;
 }
 .list__header--material:not(:first-of-type) {
-  border-top: 1px solid var-list-border-color;
+  border-top: 1px solid #eee;
   padding-top: 16px;
 }
 /* topdoc

diff --git a/css/onsen-css-components-dark-theme.css b/css/onsen-css-components-dark-theme.css
@@ -542,7 +542,7 @@ input:disabled + .switch__toggle {
 }
 [disabled] > .range__left,
 .range--material:disabled + .range__left {
-  display: none;
+  visibility: hidden;
 }
 /* topdoc
   name: Material Range
@@ -3415,6 +3415,7 @@ input:disabled + .switch__toggle {
     </ul>
 */
 .list__item__left {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3442,6 +3443,7 @@ input:disabled + .switch__toggle {
   margin: 0;
 }
 .list__item__center {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3493,6 +3495,7 @@ input:disabled + .switch__toggle {
   }
 }
 .list__item__right {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -3723,6 +3726,10 @@ input:disabled + .switch__toggle {
   border: none;
   background-image: none;
 }
+.list__item--longdivider.list__item--chevron:before {
+  border: none;
+  background-image: none;
+}
 /* topdoc
   name: Category List Header
   class: list__header
@@ -3812,6 +3819,7 @@ input:disabled + .switch__toggle {
   transition: none;
 }
 .list__item--chevron:before {
+  min-height: 44px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
@@ -4181,10 +4189,55 @@ input:disabled + .switch__toggle {
 .list__item--material__left:empty,
 .list__item--material__center {
   padding: 16px 0;
+  border-color: #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material__left:empty,
+  .list__item--material__center {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
 }
 .list__item--material__right {
   padding: 16px 16px 16px 0px;
   line-height: 1;
+  border-color: #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material__right {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
+}
+.list__item--material.list__item--longdivider {
+  border-bottom: 1px solid #eee;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  .list__item--material.list__item--longdivider {
+    border-bottom: none;
+    -webkit-background-size: 100% 1px;
+    background-size: 100% 1px;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-image: -webkit-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -moz-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: -o-linear-gradient(90deg, #eee, #eee 50%, transparent 50%);
+    background-image: linear-gradient(0deg, #eee, #eee 50%, transparent 50%);
+  }
 }
 /* topdoc
   name: Material List with Header
@@ -4214,7 +4267,7 @@ input:disabled + .switch__toggle {
   padding: 8px 16px;
 }
 .list__header--material:not(:first-of-type) {
-  border-top: 1px solid var-list-border-color;
+  border-top: 1px solid #eee;
   padding-top: 16px;
 }
 /* topdoc