CHANGELOG.md

Change Log

v2.0.7 - January 27, 2018

• Picker
  • Fixed issue with change event not being fired
• Panel
  • Fixed issue with closing swipe panel with swipeActiveArea parameter
• Router
  • async route support for routable tabs
  • async route support for routable modals
• Virutal List
  • New ul and createUl parameters. When disabled then VL can be used with any elements not expecting the list only
• Dialog
  • New app.destroyPredefinedDialogs parameter to automatically destroy predefined dialogs like Alert, Confirm, Prompt, etc.
• Package
  • Now ES-next modules have named export in addition to default, it exports { Template7, Dom7, Utils, Request, Device, Support }
• Minor fixes

v2.0.6 - January 9, 2018

• Photo Browser
  • Fixed isse with wrong navbar color when color theme applied
• Range Slider
  • Fixed wrong knob position in RTL layout
• Tabs
  • Fixed issue with routable tabs links in navbar not switching correctly active class
• Request
  • New request.postJSON(url, data, success, error, dataType) method to send pure JSON data with POST
• Router
  • Router ajax events now receives second argument with navigating options
  • New router.refreshPage() method to reload current page
  • New passRouteQueryToRequest parameter (true by default) will pass route url query to request url query (for route url, templateUrl and componentUrl options). If you have the following route { path: '/somepage/', url: 'http://myserver/page/' } and you will click link with /somepage/?foo=bar url then it will load page from http://myserver/page/?foo=bar url.
  • New passRouteParamsToRequest parameter (false by default) will pass current route parameters to request url query (for route url, templateUrl and componentUrl options). If you have the following route { path: '/user/:userId/posts/:postId/', url: 'http://myserver/userpost/' } and you will click link with /user/11/posts/12/ url then it will load page from http://myserver/userpost/?userId=11&postId=12 url.
  • It is now also possible to use router parameters delimiters in route url, templateUrl and componentUrl options that will be replaced on request. E.g. { path: '/user/:userId/posts/:postId/', url: 'http://myserver/{{userId}}/{{postId}}' }
• Toolbar / Tabbar
  • Common app tabbar in multiple views app structure can be also hidden with "toolbar-hide-on-scroll"
• Minor fixes

v2.0.5 - January 2, 2018

 * Lots of minor fixes

v2.0.2 - December 5, 2017

• Router
  • Fix to make Routable tabs work on home page
• Few CSS tweaks for iPhone X safe areas

v2.0.1 - December 4, 2017

• Fixed iOS 11.2 iPhone X support with new CSS env safe areas

v2.0.0 - December 3, 2017 🎉

v2.0.0-beta.21 - December 3, 2017

• Router
  • Fixed issue with multiple "destroy" hooks called when using modals/tabs as router components
• vi
  • Added placementType ad parameter

v2.0.0-beta.20 - December 2, 2017

• Range Slider
  • Recalculate range slider size when parent tab becomes visible
• CSS
  • !important rule for hiding ios-only and md-only elements

v2.0.0-beta.19 - December 1, 2017

• Fixed issue with View router initialization when it was created after app init. Fixes also issue in cordova when app initialized later within deviceready event

v2.0.0-beta.18 - November 30, 2017

• New vi (video intelligence) component. vi is a mobile video SSP (Supply / Sell Side Platform). It provides self-serve tools for publishers to captivate and monetize audiences
• Popover
  • Now may accept target elements coordinates with targetX, targetY parameters instead of targetEl target element itself
• Actions
  • New forceToPopover parameter to always convert it to Popover
  • toPopover parameter renamed to convertToPopover
  • New backdrop (true/false) parameter to enable/disable Actions backdrop
• Router
  • New currentPageEl router property that points to current page HTMLElement.
  • Improved routable tabs support for different routes but with same tab IDs
  • Improved dynamic navbar transition using CSS page transitions
• Form Storage
  • Renamed methods:
    • app.form.data.get() -> app.form.getFormData()
    • app.form.data.remove() -> app.form.removeFormData()
    • app.form.data.store() -> app.form.storeFormData()
    • app.form.toData() -> app.form.convertToData()
    • app.form.fromData() -> app.form.fillFromData()
• CSS & Theming
  • New "Dark Colo Theme" for both "iOS" and "MD" themes. Can be added with theme-dark CSS class.
  • Full iPhoneX support and required tweaks. Automatic support for top and bottom safe areas (for portrait orientation). For landscape orientation the following classes must be added to elements:
    • ios-edges - for full-width elements (like main View)
    • ios-edge-left - for elements that stick to the left edge of the screen (like left Panel)
    • ios-edge-right - for elements that stick to the right edge of the screen (like right Panel)
  • Common disabled class to make any elements disabled
• Swiper updated to latest 4.0.7:
  • Fixed issue with not working correctly touchReleaseOnEdges on iOS
  • Fixed issue with not working allowSlideNext/Prev change on Breakpoints
  • Fixed wrong scrollbar dragging when using custom dragSize
• Build/Package - new files structure to improve tree-shaking as much as possible:
  • Now the framework7.esm.js and framework7.esm.bundle.js are in the root of /dist/ folder.
  • framework7.esm.js now exports only Framework7 core library with single default export
  • All additional components must be included from separate /dist/components/ folder. For example import Searchbar from 'framework7/dist/components/searchbar/searchbar.js';
  • Custom CSS build is now also possible with LESS. framework7.less is now in the root of /dist/ and contains only Framework7 core library styles. Additional components must be included from separate /dist/components/ folder. For example import "framework7/dist/components/searchbar/searchbar.less";
• Lost of minor fixes

v2.0.0-beta.17 - November 14, 2017

• Preloader
  • Fixed preloader backdrop styles to cover the screen behind it
• Router
  • Cancels swipe back page in case of swipe left
• Input
  • Added scrollIntoViewOnFocus parameter, that is by default enabled for Android
  • Added scrollIntoViewCentered paramter to scroll input into center of view
• Minor fixes

v2.0.0-beta.16 - November 8, 2017

• Swiper updated to latest version
  • Fixed issue with not working noSwiping parameter
  • Parallax now considers slidesPerGroup parameter
  • Zoom: imporved gestures handling
  • Pagination: fixed issues with wrong positioned dynamic-bullets when there are not enough slides
  • Fixed issues with some effects being broken with enabled breakpoints
• Panels
  • Fixed issue with wrong styles when panels become visible by breakpoints
• PhotoBrowser
  • Improved zoom behavior on Androids (due to Swiper update)
• Router
  • Added routes alias support

    routes = [
      {
        path: '/foo/',
        url: 'somepage.html',
        alias: '/bar/',
      }
    ]
    

  • Added routes redirect support

    routes = [
      {
        path: '/foo/',
        url: 'somepage.html',
      },
      {
        path: '/bar/',
        redirect: '/foo/',
      }
    ]
    

• Build
  • Along with config file path now it is also possible to specify build output path like npm run build:prod -- --config path/to/config.js --output path/to/build
• Minor fixes

v2.0.0-beta.15 - October 27, 2017

• Fixed issue with extented context in router components

v2.0.0-beta.14 - October 26, 2017

• Fix router page events issue when no route passed to page callback

v2.0.0-beta.12 - October 26, 2017

• Router
  • Added path-to-regexp for better route matching with support of RegExp in route path
  • Route name renamed to pageName parameter to specify page's name to load. Route name now means name of the route
  • Added additional routes arguments to async method. Now it is async(routeTo, routeFrom, resolve, reject)
  • pushState now supports for multiple Views at a time
  • Router component's context now can be extended with options.context route parameter
  • Router component now supports inline nested <template> that won't be parsed by Template7
  • Addded support for dynamic routes
  • Route events, now it is possible to specify on object with page events on route object
• PhotoBrowser
  • Now uses Virtual Slides by default
• Input
  • Now automatically scrolls into view on Androids when keyboard becomes opened
• Colors
  • Number of built-in colors reduced to red, green, blue, pink, yellow, orange, white, black, gray
• Build
  • Now it is possible to specify path to config file like npm run build:dev -- --config path/to/config.js
• Lost of minor fixes

v2.0.0-beta.11 - October 13, 2017

• Messagebar
  • Added top parameter to consider it as top messagebar
  • Added resizePage parameter to define whether it should resize the page
  • Added maxHeight parameter to specify messagebar max-height on resize
• Minor fixes

v2.0.0-beta.10 - October 11, 2017

• Swiper update to latest 4.0.1:
  • Fixed issue with pagination being broken with loop mode
  • Reworked realIndex calculation ordering
• Router
  • Now it creates dynamically navbar (for isDynamicNavbar) only when the page with navbar appears
• Statusbar
  • Fixed broken statusbar.show method
• Package
  • Now it exports by default modular framework7.esm.js version instead of bundle

v2.0.0-beta.9 - October 8, 2017

• New Picker component
• New Calendar component
• New Custom Modal component
• Router
  • Added support for swipeable routable tabs
• Swiper
  • Update to latest version with Virtual Slides support
• ES-next modules renamed
  • framework7.module.js -> framework7.esm.bundle.js (exported by default)
  • framework7.modular.js -> framework7.esm.js
• Numerous fixes and improvements

v2.0.0-beta.8 - September 21, 2017

• Toolbar
  • Class toolbar-bottom to display it on the bottom for MD theme has been renamed to toolbar-bottom-md.
• Sortable
  • Renamed events sortable:open -> sortable:enable, sortable:close -> sortable:disable.
• Grid
  • no-gutter class renamed to no-gap.
• Card
  • card-content-inner element has been removed. Now to have the same effect it is required additional card-content-padding class to card-content element.
• Modal is now a part of a core components.
• Toast
  • Added icon support for center-positioned Toast.
• Router
  • Reloaded page (called with reloadAll or reloadCurrent parameters) now also fires pageBeforeIn and pageAfterIn events.
  • Improved routable Tabs. Now it also works with Animated Tabs.
• Notification
  • All new Notification component arrived, with better unified look and swipe-to-close support.
• Buttons
  • small buttons now can be round and not round.
• Lots of minor fixes.

v2.0.0-beta.7 - September 13, 2017

• Fixed issue with Routable Tabs not working correctly on home page
• Fixed issue with touch ripple effect being broken after bundler optimization

v2.0.0-beta.6 - September 13, 2017

• Template7 updated to latest v1.3.0

v2.0.0-beta.5 - September 13, 2017

• Small core refactorings to work better in tree-shaking bundlers

v2.0.0-beta.4 - September 11, 2017

• Added full RTL layout support (with new .rtl stylesheets).
• Removed XHR (Ajax) functionality from Dom7, including $.ajax, $.get, $.post, $.getJSON. These are replaced with new Framework7 request module.
• Removed $. utilities from Dom7, including $.parseUrlQuery, $.isArray, $.each, $.unique, $.serializeObject, $.dataset, $.extend, they are available via Framework7.utils or app.utils.
• Utils' .promise now returns native Promise if it is supported by browser and fallback to Promise-like polifyl if it is not supported.

v2.0.0-beta.3 - September 7, 2017

• Add new Autocomplete component
• Add new Toast component
• New modular package framework7.modular.js
• New view restoreScrollTopOnBack parameter to restor previous page scroll position when navigating back
• Lots of minor fixes and improvements

v2.0.0-beta.2 - September 2, 2017

• Add new Swiper component
• Add new Photo Browser component
• Ported Notifications component
• Improved custom build
• Lots of minor fixes

v2.0.0-beta.1 - August 21, 2017

• Initial v2 release