# v4.0.4 release notes

- Release date: 2014-07-22
- Downloads

## Template changes (non-breaking)

Note: Only the changes to the English templates are shown. The same changes were made to the templates in the other supported languages.

1. Added a search icon to the mobile panel button, changed the size of the button and changed menu panel button and title to "Search and menus"
   - Canada.ca theme:
     - Before:

           <section class="wb-mb-links col-xs-3 visible-sm visible-xs" id="wb-glb-mn">
           	<h2>Menu</h2>
           	<ul class="list-inline text-right chvrn">
           		<li><a href="#mb-pnl" title="Menu" aria-controls="mb-pnl" class="overlay-lnk" role="button"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Menu</span></span></a></li>

     - After:

           <section class="wb-mb-links col-xs-3 visible-sm visible-xs" id="wb-glb-mn">
           	<h2>Search and menus</h2>
           	<ul class="list-inline text-right chvrn">
           		<li><a href="#mb-pnl" title="Search and menus" aria-controls="mb-pnl" class="overlay-lnk btn" role="button"><span class="glyphicon glyphicon-search"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Search and menus</span></span></span></a></li>

   - Other themes:
     - Before:

           <section class="wb-mb-links col-xs-12 visible-sm visible-xs" id="wb-glb-mn">
           	<h2>Menu</h2>
           	<ul class="pnl-btn list-inline text-right">
           		<li><a href="#mb-pnl" title="Menu" aria-controls="mb-pnl" class="overlay-lnk btn-xs btn-default" role="button"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Menu</span></span></a></li>

     - After:

           section class="wb-mb-links col-xs-12 visible-sm visible-xs" id="wb-glb-mn">
           	<h2>Search and menus</h2>
           	<ul class="pnl-btn list-inline text-right">
           		<li><a href="#mb-pnl" title="Search and menus" aria-controls="mb-pnl" class="overlay-lnk btn btn-sm btn-default" role="button"><span class="glyphicon glyphicon-search"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Search and menus</span></span></span></a></li>

2. Changed heading text and skip link text for "Site menu", "Secondary menu" and "Site information" to "Topics menu", "Section menu" and "About this site"
   - Before:

         <li class="wb-slc visible-md visible-lg"><a class="wb-sl" href="#wb-info">Skip to site information</a></li>
         <li class="wb-slc visible-md visible-lg"><a class="wb-sl" href="#wb-sec">Skip to secondary menu</a></li>
         ...
         <h2 class="wb-inv">Site menu</h2>
         ...
         <h2>Secondary menu</h2>
         ...
         <h2 class="wb-inv">Site information</h2>

   - After:

         <li class="wb-slc visible-md visible-lg"><a class="wb-sl" href="#wb-info">Skip to "About this site"</a></li>
         <li class="wb-slc visible-md visible-lg"><a class="wb-sl" href="#wb-sec">Skip to section menu</a></li>
         ...
         <h2 class="wb-inv">Topics menu</h2>
         ...
         <h2>Section menu</h2>
         ...
         <h2 class="wb-inv">About this site</h2>

3. Changed "Site menu" heading in the full menu AJAX file to "Topics menu"
   - Before:

         <h2>Site menu</h2>

   - After:

         <h2>Topics menu</h2>

4. Moved contact information section to the start of the footer
   - Canada.ca theme:
     - Before:

           <h2 class="wb-inv">Site Information</h2>
           	<div class="row">
           		<section class="col-sm-3 col-lg-3">
           			<h3>Government</h3>
           			...
           		</section>
           		<section class="col-sm-3 col-lg-3">
           			<h3>Transparency</h3>
           			...
           		</section>
           		<div class="col-sm-3 col-lg-3 brdr-lft">
           			<section>
           				<h3>News</h3>
           				...
           			</section>
           			<section>
           				<h3>Contact information</h3>
           				...
           			</section>
           		</div>

     - After:

           <h2 class="wb-inv">About this site</h2>
           	<div class="row">
           		<div class="col-sm-3 col-lg-3">
           			<section>
           				<h3>News</h3>
           				...
           			</section>
           			<section>
           				<h3>Contact information</h3>
           				...
           			</section>
           		</div>
           		<section class="col-sm-3 col-lg-3">
           			<h3>Government</h3>
           			...
           		</section>
           		<section class="col-sm-3 col-lg-3 brdr-lft">
           			<h3>Transparency</h3>
           			...
           		</section>

   - Other themes:
     - Before:

           <h2 class="wb-inv">Site Information</h2>
           	<div class="row">
           		<section class="col-sm-3 col-lg-3">
           			<h3>About</h3>
           			...
           		</section>
           		<section class="col-sm-3 col-lg-3">
           			<h3>Contact information</h3>
           			...
           		</section>

     - After:

           <h2 class="wb-inv">About this site</h2>
           	<div class="row">
           		<section class="col-sm-3 col-lg-3">
           			<h3>Contact information</h3>
           			...
           		</section>
           		<section class="col-sm-3 col-lg-3">
           			<h3>About</h3>
           			...
           		</section>

5. Moved the Date modified RDFa property into the time element
   - Before:

         <dl id="wb-dtmd" property="dateModified">
         	<dt>Date modified: </dt>
         	<dd>
         		<time>2014-07-22</time>
         	</dd>
         </dl>

   - After:

         <dl id="wb-dtmd">
         	<dt>Date modified: </dt>
         	<dd>
         		<time property="dateModified">2014-07-22</time>
         	</dd>
         </dl>

6. Wrapped Tabbed interface details and carousel tab panels with `div class="tabpanels"`
   - Tabbed interface:
     - Before:

           <div class="wb-tabs wb-eqht">
           	<details id="details-panel1">
           		...
           	</details>
           	<details id="details-panel2">
           		...
           	</details>
           	<details id="details-panel3">
           		...
           	</details>
           </div>

     - After:

           <div class="wb-tabs wb-eqht">
           	<div class="tabpanels">
           		<details id="details-panel1">
           			...
           		</details>
           		<details id="details-panel2">
           			...
           		</details>
           		<details id="details-panel3">
           			...
           		</details>
           	</div>
           </div>

   - Carousel:
     - Before:

           <div class="wb-tabs carousel-s1">
           	<ul role="tablist">
           		...
           	</ul>
           	<div role="tabpanel" id="panel1" class="in fade">
           		...
           	</div>
           	<div role="tabpanel" id="panel2" class="out fade">
           		..
           	</div>
           	...
           </div>

     - After:

           <div class="wb-tabs carousel-s1">
           	<ul role="tablist">
           		...
           	</ul>
           	<div class="tabpanels">
           		<div role="tabpanel" id="panel1" class="in fade">
           			...
           		</div>
           		<div role="tabpanel" id="panel2" class="out fade">
           			..
           		</div>
           		...
           	</div>
           </div>

## What's New

- AJAX fetch: Modified the Ajax Fetch plugin to provide more control via jQuery AJAX settings and to send the context with the event
- Calendar of events: Added fluid width display option
- Calendar of events / Date picker: Fixed goto month field issues.
- Calendar of events / Date picker: Fixed numerous keyboard handling issues.
- CSS: Fixed pagination wrapping in IE8
- CSS: Fixed wrapping issues with the `btn` class
- Data AJAX: Added documentation
- Data InView: Added documentation and examples for CSS transitions and view state change events
- Datalist polyfill: Added an example of a dynamic datalist
- Datalist polyfill: Added the update event to allow updating of a dynamically modified datalist
- Date picker: Fixed spacing for picker toggle button in RTL display
- Feeds: Added Flickr and YouTube support
- Feeds: Delayed postProcessing of feeds when not visible
- Feeds: Now uses the AJAX Fetch plugin
- Footnotes: Increased width and spacing of links
- Geomap: Added margins to the map object to make scrolling on mobile devices easier
- Geomap: Fixed accessibility issues with new AOI feature
- HTML minification: Preserved line breaks to make it easier to implement the templates.
- i18n Fixed i18n strings where ' was not properly encoded
- Lightbox: Added open.wb-lbx event for opening a Lightbox popup through JavaScript
- Menu: Added search icon to mobile panel button and increased mobile panel button height by 20%
- Menu: Changed menu panel heading, button and title to 'Search and menus'
- Menu: Fixed a display issue with the `slflnk` class
- Menu: Fixed menu handling for undefined AJAX response
- Menu: Fixed outlining of non-section wb-navcurr links in the menu panel
- Multimedia player: Fixed not being able to have more than one YouTube player per page
- Overlay: Added documentation
- Overlay: Added example of opening overlays with JavaScript
- Session timeout: Prevented double firing of requests.
- Tables: Added documentation
- Tables: Added role='button' and aria-pressed to the pagination buttons to indicate which button is pressed
- Tables: Removed HTML tags before doing any filtering for formatted number
- Tabs: Fixed handling of attributes when transitioning between views
- Tabs: Only pause initialized video players when changing tabs
- Tabs - Carousel: Added support for fade and slide transitions
- Template: Added support for a full-width main
- Template: Changed site menu heading in fullmenu AJAX file
- Template: Changed heading text and skip link text for site menu, secondary menu and site information
- Template: Made skip to footer link discoverable in small view
- Template: Moved contact information section to the start of the footer
- Template: Moved the Date modified RDFa property into the time element
- Toggle: Fixed arrow key handling
- Variants: Added Jekyll and WordPress working examples
- WET theme: Increased the minimum height of the top bar in mobile view

## Details

Number of commits: 173

- @pjackson28: 121 commits
- @LaurentGoderre: 34 commits
- @nschonni: 6 commits
- @EricDunsworth: 3 commits
- @masterbee: 2 commits
- @sviens: 2 commits
- @upsonp: 2 commits
- @jeresiv: 1 commit
- @shawnthompson: 1 commit
- unknown: 1 commit

### List of commits

- Updated build version to v4.0.4-development - Paul Jackson, 2014-06-17 23:44:56 -0400
- Reverted the package.json that was overwritten by a theme package.json - Laurent Goderre, 2014-06-18 12:59:45 -0400
- Calendar of Events: Moved fully to the JEP model - Paul Jackson, 2014-06-18 14:49:16 -0400
- Geomap: Fixed jshint issues - Paul Jackson, 2014-06-18 14:49:34 -0400
- CSS: Fixed pagination wrapping in IE8 - Paul Jackson, 2014-06-18 14:53:29 -0400
- JSCS: Bump to 1.5.x release - Nick Schonning, 2014-06-18 23:24:03 -0400
- Added an example of dynamic datalist Addresses #4627 - Laurent Goderre, 2014-06-19 13:12:30 -0400
- Tabbed Interface - Carousel: updated demos with fade/slide transitions - sviens, 2014-06-19 13:35:26 -0400
- Documentation: Cleaned up the markup for the working behind a proxy help. - Paul Jackson, 2014-06-20 14:49:45 -0400
- WET theme: Added support for a full-width main - Paul Jackson, 2014-06-23 16:31:54 -0400
- Added the ability to provide more control over the fetch plugin via jQuery ajax settings - Laurent Goderre, 2014-06-24 12:05:32 -0400
- Removed ajax status check since different events are now triggered The previous commit introduced a success and failure event for ajax-fetch - Laurent Goderre, 2014-06-24 13:13:53 -0400
- Added the update event to the datalist plugin Allows updating a dynamically modified datalist - Laurent Goderre, 2014-06-24 15:44:16 -0400
- Fixed the dynamic datalist to work with IE - Laurent Goderre, 2014-06-24 15:44:21 -0400
- Calendar of Events: added fluid width display option - sviens, 2014-06-25 10:34:44 -0400
- moved RDFa property into the time element - Shawn Thompson, 2014-06-25 11:17:29 -0400
- Session timeout: Prevented double firing of requests. - Paul Jackson, 2014-06-25 14:01:18 -0400
- Menu: Fixed menu handling for undefined AJAX response - Paul Jackson, 2014-06-26 00:28:25 -0400
- Tabs: Fixed minor formatting issue - Paul Jackson, 2014-06-26 00:32:12 -0400
- Fixed display issue with slflnk class - unknown, 2014-06-26 09:34:57 -0400
- Fixed the indentation of the ajax-fetch plugin - Laurent Goderre, 2014-06-27 11:42:51 -0400
- Fixed i18n strings with ' not being properly encoded Fixes #5653 - Laurent Goderre, 2014-06-27 17:15:22 -0400
- Added redirects for index-eng and index-fra because WET's CodeFest 2013 YouTube video includes a URL with the -eng suffix. - Paul Jackson, 2014-06-30 13:05:23 -0400
- Calendar of events / Date picker: Fixed numerous keyboard handling issues. - Paul Jackson, 2014-07-02 01:45:03 -0400
- Calendar: Fixed goto month field issues. - Paul Jackson, 2014-07-02 02:56:10 -0400
- HTML minification: Preserved line breaks to make it easier to implement the templates. - Paul Jackson, 2014-07-02 14:15:29 -0400
- Changed the test workfllow to allow testing without a full recompile This allows to run grunt js test-mocha - Laurent Goderre, 2014-07-03 10:57:32 -0400
- Fixed syntax highlighting issue with the Gruntfile This is minor but it makes very annoying to work with the grunt file - Laurent Goderre, 2014-07-03 11:06:47 -0400
- [FEEDS] - Added Flickr and Youtube support - Mario Bonito, 2014-07-03 15:11:12 -0400
- Added width to the Facebook default image This prevents these image from overpowering the content when feeds fail to load. Also fixed indentation problems - Laurent Goderre, 2014-07-03 15:11:13 -0400
- Modified the ajax plugin to send the context with the event - Laurent Goderre, 2014-07-03 15:11:14 -0400
- Converted the feeds plugin to use the ajax-fetch plugin - Laurent Goderre, 2014-07-03 15:11:15 -0400
- Increased the feeds timeout and add back the callback options Fixes weird behaviors with loading - Laurent Goderre, 2014-07-03 15:11:16 -0400
- Refactored the two feed process methods into one - Laurent Goderre, 2014-07-03 15:11:17 -0400
- Tabs: Only pause inited video players - Laurent Goderre, 2014-07-03 15:11:18 -0400
- Multimedia: Fixed not being to have more than one YouTube player per page - Laurent Goderre, 2014-07-03 15:11:19 -0400
- Optimizied the feeds code for speed and readability - Laurent Goderre, 2014-07-03 15:11:19 -0400
- Fixed the test to accomodate the new event driven model - Laurent Goderre, 2014-07-03 15:11:20 -0400
- Tabs: Fixed display issue for browsers without support for CSS transitions - Paul Jackson, 2014-07-04 11:15:55 -0400
- Footnotes: Increased width+spacing of links in SCSS. Fixes gh-5448. - Eric Dunsworth, 2014-07-04 16:56:30 -0400
- WET theme: Changed site.* i18n refs to site-* to avoid compatibility issues. - Paul Jackson, 2014-07-07 00:49:28 -0400
- Added Jekyll and WordPress working examples - Paul Jackson, 2014-07-07 03:04:47 -0400
- Build: Fixed deployment of root redirects - Paul Jackson, 2014-07-07 03:10:17 -0400
- Geomap: Fixed accessibility issues with new AOI feature - Paul Jackson, 2014-07-07 04:22:47 -0400
- Tabs: Fixed printing of tab panels - Paul Jackson, 2014-07-07 13:32:03 -0400
- Tabs: Fixed direction of slide transitions - Paul Jackson, 2014-07-08 02:33:00 -0400
- Fixed the rest of the libsass TODO regarding nested extend - Laurent Goderre, 2014-07-08 11:51:56 -0400
- Testing: Move to single harness page - Nick Schonning, 2014-07-08 13:35:40 -0400
- Country Content: Update tests and demos - Nick Schonning, 2014-07-08 13:35:47 -0400
- Fixed some of the data-ajax test - Laurent Goderre, 2014-07-08 13:35:47 -0400
- Removed duplicate mocha stylesheet - Laurent Goderre, 2014-07-08 13:35:48 -0400
- Added ability to provide a folder for test fixtures The content of any test folder will be copied over to be used by tests - Laurent Goderre, 2014-07-08 13:35:49 -0400
- Fixed the remaining data-ajax tests Fixed by providing a different ajax content fixture - Laurent Goderre, 2014-07-08 13:35:49 -0400
- Exclude the test page from HTMLLint - Laurent Goderre, 2014-07-08 13:35:50 -0400
- Fixed the toggle test suite conflicting with mocha - Laurent Goderre, 2014-07-08 13:35:50 -0400
- Fixed the data-picture test cases - Laurent Goderre, 2014-07-08 13:35:51 -0400
- Optimized the share icons SCSS - Laurent Goderre, 2014-07-08 14:05:33 -0400
- Fixed the invisible links in the caroussel being focusable Fixed the transitions styles from jQuery mobile. Note that this overrides some of the transitions in Bootstrap. - Laurent Goderre, 2014-07-08 14:05:39 -0400
- Fixed the slide examples for the carousel - Laurent Goderre, 2014-07-08 14:05:40 -0400
- Update geomap-en.hbs - Patrick Upson, 2014-07-08 15:30:59 -0300
- Tabs: Enabled support for the slide and slidevert classes on tabs panels. - Paul Jackson, 2014-07-08 22:06:48 -0400
- Tabs: Fixed hiding of panels at the end of slide transitions - Paul Jackson, 2014-07-08 23:57:17 -0400
- Update geomap-en.hbs - Patrick Upson, 2014-07-09 07:38:57 -0300
- Table validator: Fixed issue that caused <col /> to appear as <col> in HTML results. - Eric Dunsworth, 2014-07-09 22:46:51 -0400
- i18n: Updated i18n strings - Paul Jackson, 2014-07-10 22:52:43 -0400
- Menu: Changed menu panel heading, button and title to 'Search and menus' - Paul Jackson, 2014-07-10 22:55:06 -0400
- Menu: Added search icon to mobile panel button and increased mobile panel button height by 20% - Paul Jackson, 2014-07-10 22:56:24 -0400
- Template: Changed heading text and skip link text for site menu, secondary menu and site information - Paul Jackson, 2014-07-10 23:02:33 -0400
- Menu: Fixed outlining of non-section wb-navcurr links in the menu panel - Paul Jackson, 2014-07-10 23:03:02 -0400
- Template: Made skip to footer link discoverable in small view - Paul Jackson, 2014-07-11 00:09:21 -0400
- WET theme: Cleaned up skip link CSS - Paul Jackson, 2014-07-11 00:10:08 -0400
- WET theme: Cleaned up skip link CSS - Paul Jackson, 2014-07-11 00:56:47 -0400
- Menu: Shrunk icons and increased padding on mobile panel buttons - Paul Jackson, 2014-07-11 09:56:50 -0400
- Template: Changed site menu heading in fullmenu AJAX file - Paul Jackson, 2014-07-12 01:40:01 -0400
- WET theme: Incresed the minimum height of the top bar in mobile view - Paul Jackson, 2014-07-15 01:45:54 -0400
- Fixed wrapping issues with the btn class - Paul Jackson, 2014-07-15 02:03:37 -0400
- Tabs: Fixed wb-disable and noscript support - Paul Jackson, 2014-07-15 03:08:26 -0400
- Lightbox: Added open.wb-lbx event for opening a Lightbox popup through JavaScript - Paul Jackson, 2014-07-17 13:36:49 -0400
- Tables: Added role='button' and aria-pressed to the pagination buttons to indicate which button is pressed - Paul Jackson, 2014-07-17 15:54:14 -0400
- Demos/Documentation: Fixed a few broken links. - Eric Dunsworth, 2014-07-18 00:11:52 -0400
- Overlay: Added documentation - Paul Jackson, 2014-07-18 11:23:53 -0400
- Data AJAX: Added missing documentation - Paul Jackson, 2014-07-18 12:04:50 -0400
- Data InView: Added events to indicate the view state has changed - Paul Jackson, 2014-07-18 12:34:53 -0400
- Documentation: Various minor documentation tweaks - Paul Jackson, 2014-07-18 14:47:34 -0400
- Data InView: Added missing documentation and examples for CSS transitions and view state change events - Paul Jackson, 2014-07-19 22:45:24 -0400
- Demos: Added more View code areas to the working examples - Paul Jackson, 2014-07-20 05:07:57 -0400
- Documentation: Added table of contents to download page - Paul Jackson, 2014-07-21 13:09:26 -0400
- Tables: updated documentation - Jeremy S, 2014-07-21 14:59:41 -0400
- Demos: Optimized view code areas in working examples - Paul Jackson, 2014-07-21 16:55:08 -0400
- Demos: Increased view code visibility by grouping less visible ones under 'Code' headings - Paul Jackson, 2014-07-21 21:35:23 -0400
- Added namespace checking and correction to numerous plugins and polyfills to avoid cross-plugin/polyfill triggering of events - Paul Jackson, 2014-07-22 00:45:11 -0400
- Tables: Removed HTML tags before doing any filtering for formatted number - Paul Jackson, 2014-07-22 01:15:28 -0400
- Template: Moved contact information section to the start of the footer - Paul Jackson, 2014-07-22 09:28:08 -0400
- Nav current: Fixed the caching of the parsed breacrumb trail - Paul Jackson, 2014-07-22 13:26:27 -0400
- Overlay: Added example of opening overlays with JavaScript - Paul Jackson, 2014-07-22 14:08:19 -0400
- Toggle: Fix arrow key handling - Paul Jackson, 2014-07-22 14:19:05 -0400
- Charts: Fixed displaying of charts - Paul Jackson, 2014-07-22 14:47:26 -0400
- 404 page: Added margin to error message icon - Paul Jackson, 2014-07-22 15:07:23 -0400
- Date picker: Fixed spacing for picker toggle button in RTL display - Paul Jackson, 2014-07-22 15:16:16 -0400
- Geomap: Formatted population numbers and add margin to map object to make scrolling on mobile devices easier - Paul Jackson, 2014-07-22 16:20:32 -0400
- Feeds: Delayed postProcessing of feeds when not visible - Mario Bonito, 2014-07-23 02:28:40 -0400
- Tabs: Fixed handling of attributes when transitioning between views - Paul Jackson, 2014-07-23 03:08:17 -0400
- Feeds: Fixed delayed postProcessing on small screens - Paul Jackson, 2014-07-23 03:36:14 -0400

Date modified:
  2014-07-30