OnsenUI

• dependencies: Regenerate package-lock.json.

• css: fix rgba with 3 parameters (#3037).

2.12.6

Bug Fixes

• onsenui.min.css: Fix relative import urls (#3032).

2.12.5

New Features

• ons-list-item: Add keep-tap-background-color property (#2626).

2.12.4

Bug Fixes

• ons.platform.isIPhoneX: Support iPhone 13, 13 Pro, 13 Pro Max, 14, 14 Pro, 14 Pro Max, 14 Plus. (#3030)

New Features

• ons-popover: Add target attribute and property. Fixed (#3003).

Bug Fixes

• ons-navigator: reject proper message (404) when push none existing page. Fixed (#2964).
• css: Use valid CSS in calc function. PR (#2691)

2.12.2

New Features

• ons-navigator: Add swipeToPop and onsBackButton keys to postpop event for detecting what triggered the pop.

Bug Fixes

• ons-alert-dialog: User's onDeviceBackButton setting is no longer ignored when connecting element.
• ons-splitter-side: Fix options.animation being ignored.
• ons-list-item: Wait until content is ready before expanding list item when expanded is set.

New Features

• ons-speed-dial: Added open attribute and property.
• ons-speed-dial: Added ripple property.
• ons-list-item: Added expandable property.
• ons-list-item: Added tappable property.
• ons-list-item: Added lockOnDrag property.
• ons-list-item: Added animation property.
• ons-list-item: Added tapBackgroundColor property.
• ons-ripple: Added center property.
• ons-icon: Added fixedWidth property.
• ons-icon: Added spin property.
• ons-carousel: Added fullscreen property.
• ons-carousel: Added autoRefresh property.
• ons-fab: Added ripple property.
• ons-input: Added float property.
• ons-popover: Added coverTarget property.
• ons-pull-hook: Added fixedContent property.
• ons-speed-dial-item: Added ripple property.
• ons-tabbar: Added tabBorder property.
• ons-tabbar: Added animationOptions property.
• ons-toolbar: Added static property.
• ons-input: type property is now settable.
• ons-navigator: Added swipe event.
• ons-navigator: Added animationOptions property.
• ons-splitter-side: Added animationOptions property.
• ons-splitter-side: Added swipe event.

BREAKING CHANGES

• ons-list-item: expanded class has been renamed to list-item--expanded.
• ons-tab: Setting onClick no longers prevents default behaviour. event.preventDefault should be called in the onClick callback.
• ons-back-button: Setting onClick no longers prevents default behaviour. event.preventDefault should be called in the onClick callback.
• ons-speed-dial: Setting onClick no longers prevents default behaviour. event.preventDefault should be called in the onClick callback.
• core: The ES modules are now distributed in ES6 instead of transpiled ES5. If you need to support ES5, you should transpile the contents of the esm directory.
• core: Bundlers will now use the ES modules version of Onsen UI by default instead of the UMD version.
• The TypeScript declaration file has been moved to esm/onsenui.d.ts.
• ons-template: ons-template has been removed. Use template instead.

Bug Fixes

• ons-splitter-side: Stop creating new swipe reveals when connected if one already exists.
• core: DOMContentReady and deviceready event listeners are removed after being invoked once. (#2886).
• ons-button: Allow form submission on submit key keypress. (#2857).
• ons-list-item: Clicks are ignored while the expandable list item is expanding/contracting.
• ons-button, ons-alert-dialog-button, ons-toolbar-button, ons-action-sheet-button: Ensure ons-ripple is imported when button is imported.
• ons-dialog, ons-alert-dialog, ons-modal, ons-popover, ons-action-sheet: dialog-cancel event is renamed to dialogcancel.
• ons-action-sheet: Hide title element when title is null or undefined.
• ons-splitter-side: Fix error being thrown when animation-options attribute is set.
• ons-popover: Use regular function instead of arrow function to stop default animation breaking.
• ons-select: Remove ons-select element when remove is called with no arguments.

New Features

• ons-tabbar: swipe event is now emitted when the tabbar swipes.
• ons-carousel: swipe event is now emitted when the carousel swipes.
• ons-pull-hook: pull event is now emitted when the pull hook is pulled.
• ons-tab: Calling event.preventDefault for click events can be used to prevent switching tab.
• ons-back-button: Calling event.preventDefault for click events can be used to prevent navigator going back a page.
• ons-speed-dial: Calling event.preventDefault for click events can be used to prevent speed dial opening/closing.
• ons-splitter-side: Added swipeable property.
• ons-list-item: Added expandable attribute and property. (#2896).
• ons-list-item: Added expand event that fires when an expandable list item is clicked and expands or contracts.
• ons-button: Added ripple property to mirror existing ripple attribute.
• ons-dialog, ons-alert-dialog, ons-modal, ons-popover, ons-action-sheet: Added visible attribute.
• ons-dialog, ons-alert-dialog, ons-modal, ons-popover, ons-action-sheet: Can now be shown or hidden by setting the visible property/attribute.
• ons-dialog, ons-alert-dialog, ons-popover, ons-action-sheet: Added maskColor property.
• ons-alert-dialog, ons-toast, ons-modal, ons-dialog, ons-action-sheet, ons-popover: Added animationOptions property.
• ons-action-sheet: Added title property to mirror existing title attribute.
• ons-carousel: Added animationOptions property.
• ons-carousel: Added active-index attribute and activeIndex property.
• ons-segment: active-index can now be set at any time, not just during initialization. Also added corresponding activeIndex property.
• ons-tabbar: Added hideTabs property.
• ons-tabbar: Added activeIndex property. The active tab can now be changed by setting either the active-index attribute or the activeIndex property.

Misc

• Support for bower has been dropped. (#2924).
• The ES modules are now distributed as unbundled ES6 instead of bundled ES5. (#2731).
• module key has been added to package.json. Bundlers will now use the ES modules version of Onsen UI by default instead of the UMD version.
• The TypeScript declaration file has been moved to esm/onsenui.d.ts.
• The CSS components source has been moved to css/css-components-src.
• The paths to all components have been standardized. For ESM imports use import onsenui/esm/elements/<component-name>.js for all components.

Bug Fixes

• ons.platform: isIOS now returns true for iPadOS. (#2804).
• ons.platform: Only prompt input cursor for supported input types. (#2803).
• core: Fix animations not working for platform-specific animations.
• ons-fab: Fix fab not being positioned relative to tab page. (#2810).
• core: Fix setImmediate not defined for ESM bug.
• ons.platform: isIPhoneX now works for iPhone 11 and 12 variants. (#2811).

New Features

• core: Add blur and focus methods for input elements. (#2809).

Misc

• Remove preinstall script that was causing npm install to fail.

Bug Fixes

• ons-input: Add spellcheck to list of attributes passed to inner input. (#2706).
• ons.notification: Fix prompt callback not running when submitOnEnter is false. (#2618).
• ons-tab: Fall back to icon if active-icon not set when updating button content. (#2720)
• ons-fab: Stop fab scrolling with viewport when wrapped in another element. (#2778)
• ons.notification: Resolve toast when hide is called before timeout. (#2755)
• ons-navigator: Fix navigator still running when non-existent page is pushed. (#2740)
• core: Fix status-bar-fill not being automatically set on iPadOS. (#2745)
• core: Fix isIPad returning false on iPadOS. (#2621)
• ons-carousel: Fix wrong active index being set on resize for carousels with items narrower that the screen width. (#2738)
• ons-navigator: Fix bug where entry page data contains leave page data in postpop. (#2575)
• ons-navigator: Fix pushPage's callback being called by popPage. (#2761)
• ons-carousel: Fix carousel not swiping when inside modal on iOS. (#2572)

BREAKING CHANGES

• UIWebView is no longer supported. FastClick is also removed.
• ons-navigator: If options are not set for popPage, it no longer defaults to the options set when the page was pushed.

Misc

• Make sure CSS imports go at the top of onsenui.css. (#2674).

Bug Fixes

• ons-tab: Show active-icon for initially active tab in Angular 2+. (#2656).

Misc

• Upgrade Font Awesome to v5.8.1
• Upgrade Ionicons to v4.5.5
• Upgrade Material Design icons to v2.2.0
• Stop fonts being included in onsenui-core.css

Misc

• Fix bug in gulpfile where core was signalling completion too early.
• Fix bug in gulpfile where distribution CSS files were output to the wrong directory.

Bug Fixes

• ons-icon: Compile when content is ready. (#2547).
• ons-icon: Fix bug where Font Awesome v5 styles (far, fal, fab) were being ignored.
• ons-navigator: Fix bringPageTop not working if a page is defined inside ons-navigator tags.
• ons-tab: Stop recreating tabs when page with tabbar is brought to top of navigator stack. (#2604).
• ons-fab: Fix toggled/hidden fab reappears when you leave and return to its page bug. (#2558).

Misc

• Upgrade to Gulp 4.

Misc

• Avoid [email protected] vulnerability (https://github.com/dominictarr/event-stream/issues/116).

Bug Fixes

• ons-list-item: Fix expandable list item not working correctly for lists inside expandable content. (#2485).
• ons.platform.isIPhoneX: Support iPhone XS, XS Max, and XR. (#2540).

Misc

• Updated FontAwesome to 5.2.0 (#2502).

New Features

• ons.platform: Can choose to ignore selected platform when checking what platform is e.g. ons.platform.isAndroid. (#2475).
• ons-toolbar: Add methods to show and hide the toolbar (#2478)

Bug Fixes

• css: Fix button style for Firefox. (#2469).
• ons-toast: Fix app closing when toast is shown and back button is pressed (#2388)

Misc

• Re-release of 2.10.2 due to npm package not containing minified Angular bindings (#2468). No functional changes.