office-ui-fabric - npm Package Compare versions

Comparing version 1.2.1 to 2.0.1

bower.json

 {
   "name": "office-ui-fabric",
   "author": "Office UI Fabric Team",
-  "version": "1.2.1",
+  "version": "2.0.1",
   "description": "The front-end framework for building experiences for Office 365.",
@@ -19,4 +19,14 @@ "license": "MIT",
     "node_modules",
-    "bower_components"
+    "bower_components",
+    "*.sublime*",
+    "typings",
+    "ghdocs",
+    "server",
+    "gulp",
+    ".travis.yml",
+    ".sass-lint.yml",
+    ".htmllintrc",
+    ".jshintrc",
+    ".csscomb.json"
   ]
 }

dist/components/Breadcrumb/Breadcrumb.json

 {
   "name": "Breadcrumb",
-  "notes": "Shows the user's current location in a hierarchy and provides a means of navigating upward.",
+  "notes": "A component that shows the user's current location in a hierarchy and provides a means of navigating up or down it.",
+  "description": "Shows the user's current location in a hierarchy and provides a means of navigating upward.",
   "template": "Breadcrumb.html",
@@ -5,0 +6,0 @@ "class": "ms-Breadcrumb",

dist/components/Button/Button.json

 {
   "name": "Button",
   "notes": "",
+  "description": "A simple button that contains multiple variants and can be used for action-oriented screens or dialogs.",
   "template": "Button.html",
@@ -5,0 +6,0 @@ "class": "ms-Button",

dist/components/Callout/Callout.json

 {
   "name": "Callout",
   "notes": "Callouts & Peeks.",
+  "description": "A pop-out out notification area with several variants to allow a more detailed description or set of actions on an object or item.",
   "class": "ms-Callout",
@@ -5,0 +6,0 @@ "dependencies": [

dist/components/ChoiceField/ChoiceField.json

 {
   "name": "ChoiceField",
   "notes": "Radio buttons and checkboxes.",
+  "description": "A set of components that allows users to select one or many of a set number of choices. This takes the form of a Radio button for selection of only 1 choice among many or Checkboxes for multiple selections.",
   "class": "ms-ChoiceField",
@@ -5,0 +6,0 @@ "dependencies": [

dist/components/CommandBar/CommandBar.json

 {
   "name": "CommandBar",
   "notes": "",
+  "description": "A commanding surface for panels, pages, and applications. Unlike the {0} NavBar {1}, this component is intended for action and not navigation.",
   "accessibilityNotes": 
@@ -5,0 +6,0 @@ {

dist/components/ContextualMenu/ContextualMenu.json

 {
   "name": "ContextualMenu",
   "notes": "",
+  "description": "A hidden menu containing actionable items pertaining to an object such as a link or piece of text that should be invoked by a click or hover event. This menu is used by other components including the {0} CommandBar {1}. Custom JavaScript will be needed to complete the functionality of this component.",
   "template": "ContextualMenu.html",
@@ -5,0 +6,0 @@ "class": "ms-ContextualMenu",

dist/components/DatePicker/DatePicker.json

 {
   "name": "DatePicker",
   "notes": "This is a sample Date Picker that works for Gregorian calendars. It uses jQuery and <a href='http://amsul.ca/pickadate.js/'>pickadate.js</a> for demonstration.",
+  "description": "This is a sample Date Picker that works for Gregorian calendars. It uses jQuery and <a href='http://amsul.ca/pickadate.js/'>pickadate.js</a> for demonstration purposes.",
   "template": "DatePicker.html",
@@ -5,0 +6,0 @@ "class": "ms-DatePicker",

dist/components/Dialog/Dialog.json

 {
   "name": "Dialog",
   "notes": "",
+  "description": "A popup box component that animates in over an application. It is primarily used for confirmation tasks, light-weight creation/edit tasks, and simple management tasks. Dialog has several variants including closeable, large header, multiline button, and blocking. Blocking or modal dialogs do not allow for a light dismiss (clicking/tapping outside the dialog box) and should be used when a user's explicit answer is required for them to proceed such as confirming the deletion of data.",
   "accessibilityNotes": 
@@ -16,7 +17,9 @@ {
     "Dialog.LgHeader.html",
-    "Dialog.Multiline.html"
+    "Dialog.Multiline.html",
+    "Dialog.Blocking.html"
   ],
   "dependencies": [
     "Button",
-    "ChoiceField"
+    "ChoiceField",
+    "Overlay"
   ],
@@ -58,4 +61,9 @@ "branches": [
       "template": "Dialog.LgHeader.html"
+    },
+    {
+      "name": "Blocking",
+      "class": "ms-Dialog--blocking",
+      "template": "Dialog.Blocking.html"
     }
   ]
 }

dist/components/Dropdown/Dropdown.json

 {
   "name": "Dropdown",
   "notes": "",
+  "description": "The styling for a dropdown component and its disabled variant. This dropdown takes current items in a real HTML dropdown and creates a shimmed version that can be styled and selected.",
   "template": "Dropdown.html",
@@ -5,0 +6,0 @@ "class": "ms-Dropdown",

dist/components/Label/Label.json

 {
   "name": "Label",
   "notes": "A standard form label.",
+  "descripton": "Styling for form labels including the required and disabled variants.",
   "template": "Label.html",
@@ -5,0 +6,0 @@ "class": "ms-Label",

dist/components/Link/Link.json

 {
   "name": "Link",
   "notes": "",
+  "description": "A component containing styles for links including two variants.",
   "template": "Link.html",
@@ -5,0 +6,0 @@ "class": "ms-Link",

dist/components/List/List.json

 {
   "name": "List",
   "notes": "",
+  "description": "A component for displaying lists that need actions, icons, and additional descriptive information. There are two variants for List including the Default List and Grid List. Lists contain {0} ListItems {1} that have their own set of variants.",
   "template": "List.html",
@@ -5,0 +6,0 @@ "class": "ms-List",

dist/components/ListItem/ListItem.json

 {
   "name": "ListItem",
   "notes": "",
+  "description": "List item variants that are placed inside of the {0} List {1} component. List variants support several states including Selectable, Selected, Unseen, Picture, Picture, and Document.",
   "template": "ListItem.html",
@@ -5,0 +6,0 @@ "class": "ms-ListItem",

dist/components/MessageBanner/MessageBanner.json

 {
   "name": "MessageBanner",
   "notes": "A component for displaying errors",
+  "description:": "A component for displaying errors to a user via a top-of-the-screen message surface.",
   "template": "MessageBanner.html",
@@ -5,0 +6,0 @@ "class": "ms-MessageBanner",

dist/components/NavBar/NavBar.json

 {
   "name": "NavBar",
   "notes": "",
+  "description": "A navigational layout element that includes search, commanding, and contextual menus. On smaller screen sizes, it collapses into a hamburger menu that presents its elements in a {0} Panel {1}.",
   "template": "NavBar.html",
@@ -5,0 +6,0 @@ "class": "ms-NavBar",

dist/components/OrgChart/OrgChart.json

 {
   "name": "OrgChart",
   "notes": "",
+  "description": "A component embedded within the {0} PersonaCard {1} component that displays hierarchical information about an individual within an organization.",
   "template": "OrgChart.html",
@@ -5,0 +6,0 @@ "class": "ms-OrgChart",

dist/components/Overlay/Overlay.json

 {
   "name": "Overlay",
   "notes": "",
+  "description": "An element that takes over the screen to help bring focus to an element for the user. Used in conjunction with the {0} Panel {1} and {2} Dialog {3} and available in clear and dark.",
   "template": "Overlay.html",
@@ -5,0 +6,0 @@ "class": "ms-Overlay",

dist/components/Panel/Panel.json

 {
   "name": "Panel",
   "notes": "",
+  "description": "Containers used in experiences that do not require explicit context for heavy-weight creation/edit/management tasks such as settings, multi-field forms, and permissions. For containers used for complex tasks that requires context, use a separate Pane alongside the existing experience such as a List/Details layout.",
   "template": "Panel.html",
@@ -5,0 +6,0 @@ "class": "ms-Panel",

dist/components/PeoplePicker/PeoplePicker.json

 {
   "name": "PeoplePicker",
   "notes": "",
+  "description": "A component used for searching for and picking a person (or people). There are several variants and modifications to the dropdown list of {0} Personas {1} that allow for removing selected people, compact visualizations, a disconnected state, and a 'tokenized' list of selected users.",
   "template": "PeoplePicker.html",
@@ -10,3 +11,4 @@ "class": "ms-PeoplePicker",
     "Overlay",
-    "Persona"
+    "Persona",
+    "PersonaCard"
   ],
@@ -18,3 +20,4 @@ "wrapBranches": true,
     "PeoplePicker.Disconnected.html",
-    "PeoplePicker.FacePile.html"
+    "PeoplePicker.MembersList.html",
+    "PeoplePicker.Facepile.html"
   ],
@@ -38,6 +41,6 @@ "branches": [
       "name": "Facepile",
-      "template": "PeoplePicker.FacePile.html",
-      "class": "ms-PeoplePicker--facePile"
+      "template": "PeoplePicker.Facepile.html",
+      "class": "ms-PeoplePicker--Facepile"
     }
   ]
 }

dist/components/Persona/Persona.json

 {
   "name": "Persona",
   "notes": "The persona component is used to represent a person. A placeholder icon is included in every persona as a fallback for when there is no img src or the img hasn't been received yet from the server.",
+  "description": "The persona component is used to represent a person. Circular framing of the user's avatar is currently the default along with circular presence indicators. A placeholder icon is included in every persona as a fallback for when there is no img src or the img hasn't been received yet from the server.",
   "template": "Persona.html",
@@ -31,3 +32,4 @@ "class": "ms-Persona",
     "Persona.Presence.Square.Dnd.html",
-    "Persona.Presence.Square.Offline.html"
+    "Persona.Presence.Square.Offline.html",
+    "Persona.Initials.html"
   ],
@@ -34,0 +36,0 @@ "branches": [

dist/components/PersonaCard/PersonaCard.json

 {
   "name": "PersonaCard",
   "notes": "",
+  "description": "The visualization of details of an individual including Skype contact details, email, location information, and organizational placement via the embedded {0} OrgChart {1}. PersonaCards are often invoked when a {2} Persona {3} is hovered over or tapped.",
   "template": "PersonaCard.html",
@@ -5,0 +6,0 @@ "class": "ms-PersonaCard",

dist/components/Pivot/Pivot.json

 {
   "name": "Pivot",
   "notes": "",
+  "description": "A navigational, layout component that allows users to switch between different sets of content. Fabric provides a typography focused variant - Pivot - and a tabular variant - Tabs - along with two sizes for each. All variants include an overflow button that can be used in conjunction with {0} ContextualMenu {1} to present more options to the user.",
   "template": "Pivot.html",
@@ -5,0 +6,0 @@ "class": "ms-Pivot",

dist/components/ProgressIndicator/ProgressIndicator.json

 {
   "name": "ProgressIndicator",
   "notes": "A component for outputting determinate progress",
+  "description": "A simple, determinate progress indicator that allows the user to see the status of activities. Unlike the {0} Spinner {1}, ProgressIndicator should accurately display the progress of the activity while the Spinner is used when the time is indeterminate.",
   "template": "ProgressIndicator.html",
   "class": "ms-ProgressIndicator"
 }

dist/components/SearchBox/SearchBox.json

 {
   "name": "SearchBox",
   "notes": "",
+  "description": "A basic Office 365 search field that includes a standard selection state and cancel button.",
   "template": "SearchBox.html",
@@ -5,0 +6,0 @@ "class": "ms-SearchBox",

dist/components/Spinner/Spinner.json

 {
   "name": "Spinner",
   "notes": "An animating activity indicator.",
+  "description": "A progress/loading indicator that is ideally used when the length of time to completion for a task is indeterminate. If the length of time is known or can be determined, use the {0} ProgressIndicator {1}",
   "template": "Spinner.html",
@@ -5,0 +6,0 @@ "class": "ms-Spinner",

dist/components/Table/Table.json

 {
   "name": "Table",
   "notes": "",
+  "description": "The table component provides a div-based way to visualize data in columns and rows. Although the table is responsive by nature, we recommend keeping the number of columns small if the table is intended to be viewed on mobile devices.",
   "template": "Table.html",
@@ -5,0 +6,0 @@ "class": "ms-Table",

dist/components/TextField/TextField.json

 {
   "name": "TextField",
   "notes": "",
+  "description": "The table component provides a div-based way to visualize data in columns and rows. Although the table is responsive by nature, we recommend keeping the number of columns small if the table is intended to be viewed on mobile devices.",
   "template": "TextField.html",
@@ -5,0 +6,0 @@ "class": "ms-TextField",

dist/components/Toggle/Toggle.json

 {
   "name": "Toggle",
   "notes": "",
+  "description":"A boolean visualization that allows for users to select between two states, typically on and off. In Office 365, on/true is signified by a blue state while off/false is shown in grey. Also see {0} ChoiceField - checkbox {1} for a boolean visualization that is better suited to a long list of individual choices for the user.",
   "template": "Toggle.html",
@@ -5,0 +6,0 @@ "class": "ms-Toggle",

dist/js/jquery.fabric.min.js

@@ -1,2 +0,2 @@
-var fabric=fabric||{};fabric.Breadcrumb=function(e){this.container=e,this.init()},fabric.Breadcrumb.prototype=function(){var e,t,n,i,s,a,o=639,r=0,c=[],l=function(){var e,n,i,s,a=t.length,o=0;for(o;a>o;o++)e=t[o].querySelector(".ms-Breadcrumb-itemLink"),n=e.textContent,i=e.getAttribute("href"),s=parseInt(e.getAttribute("tabindex"),10),c.push({text:n,link:i,tabIndex:s})},d=function(e){g(null),u()},u=function(){var t=window.innerWidth>o?4:2;t!==r&&(c.length>t?e.className+=" is-overflow":y(e," is-overflow"),h(t),m(t)),r=t},m=function(e){f(n);var t=c.length-e,i=c.slice(0,t);i.forEach(function(e){var t=document.createElement("li");t.className="ms-ContextualMenu-item",isNaN(e.tabIndex)||t.setAttribute("tabindex",e.tabIndex);var i=document.createElement("a");i.className="ms-ContextualMenu-link",i.setAttribute("href",e.link),i.textContent=e.text,t.appendChild(i),n.appendChild(t)})},h=function(e){f(a);var t=c.length-e;if(t>=0)for(t;t<c.length;t++){var n=document.createElement("li"),i=c[t],s=document.createElement("a"),o=document.createElement("i");n.className="ms-Breadcrumb-listItem",s.className="ms-Breadcrumb-itemLink",s.setAttribute("href",i.link),isNaN(i.tabIndex)||s.setAttribute("tabindex",i.tabIndex),s.textContent=i.text,o.className="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight",n.appendChild(s),n.appendChild(o),a.appendChild(n)}},f=function(e){for(;e.firstChild;)e.removeChild(e.firstChild)},p=function(e){-1===s.className.indexOf(" is-open")&&(s.className+=" is-open",C(e),i.focus())},v=function(e){13===e.keyCode&&p(e)},g=function(e){e&&e.target===i||y(s," is-open")},y=function(e,t){var n=e.className.indexOf(t);n>-1&&(e.className=e.className.substring(0,n))},k=function(o){e=o.container,a=e.querySelector(".ms-Breadcrumb-list"),t=e.querySelectorAll(".ms-Breadcrumb-listItem"),n=e.querySelector(".ms-ContextualMenu"),i=e.querySelector(".ms-Breadcrumb-overflowButton"),s=e.querySelector(".ms-Breadcrumb-overflowMenu")},b=function(){window.addEventListener("resize",d),i.addEventListener("click",p,!1),i.addEventListener("keypress",v,!1),document.addEventListener("click",g,!1),a.addEventListener("click",C,!1)},C=function(e){e.target.blur()},P=function(){k(this),b(),l(),d(null)};return{init:P}}(),function(e){e.fn.CommandBar=function(){var t=function(e,t,n){var i='<li class="ms-ContextualMenu-item"><a class="ms-ContextualMenu-link"" href="#">';return i+=e,i+="</a></li>"},n=function(t,n,i){var s=[];return t.each(function(t){var a=e(this),o=a.position().left+a.outerWidth()+n+10-i.position().left;s.push({jquery:a,rightOffset:o}),console.log(a.outerWidth(),t,i.position().left,a.position().left)}),s},s=function(e,t,n){for(var i=[],s=0;s<e.length;s++){var a=e[s].jquery,o=e[s].rightOffset;a.hasClass("ms-CommandBarItem-overflow")||(o+n>t?i.push(a):a.removeClass("is-hidden"))}return i},a=function(n,s,a){var o="";if(n.length>0){for(s.addClass("is-visible"),a.html(""),i=0;i<n.length;i++){var r=e(n[i]);r.addClass("is-hidden");var c=r.find(".ms-CommandBarItem-commandText").text();o+=t(c)}a.html(o)}else s.removeClass("is-visible")};return this.each(function(){var t,i,o=e(this),r=o.find(".ms-CommandBar-mainArea"),c=r.find(".ms-CommandBarItem").not(".ms-CommandBarItem-overflow"),l=o.find(".ms-CommandBarItem-overflow"),d=o.find(".ms-CommandBarItem-overflow").outerWidth(),u=o.find(".ms-CommandBar-overflowMenu"),m=o.find(".ms-CommandBarSearch"),h=!1;i=n(c,d,r),t=s(i,r.innerWidth(),d),a(t,l,u),e(window).width()<640&&e(".ms-CommandBarSearch-iconSearchWrapper").click(function(){e(this).closest(".ms-CommandBarSearch").addClass("is-active")}),e(window).resize(function(){var t;e(window).width()<640&&0==h?(console.log("Switching to mobile"),i=n(c,d,r),h=!0,e(".ms-CommandBarSearch-iconSearchWrapper").unbind(),e(".ms-CommandBarSearch-iconSearchWrapper").click(function(){e(this).closest(".ms-CommandBarSearch").addClass("is-active")})):e(window).width()>639&&1==h&&(console.log("Switching to Desktop"),i=n(c,d,r),h=!1,e(".ms-CommandBarSearch").unbind()),console.log(i,r.innerWidth()),t=s(i,r.innerWidth(),d),a(t,l,u)}),l.click(function(){u.toggleClass("is-open")}),l.focusout(function(){u.removeClass("is-open")}),m.find(".ms-CommandBarSearch-input").click(function(){e(this).closest(".ms-CommandBarSearch").addClass("is-active")}),m.find(".ms-CommandBarSearch-input").on("focus",function(){e(this).closest(".ms-CommandBarSearch").addClass("is-active")}),m.find(".ms-CommandBarSearch-iconClearWrapper").click(function(){var t=e(this).parent().find(".ms-CommandBarSearch-input");t.val(""),t.parent().removeClass("is-active")}),m.parent().find(".ms-CommandBarSearch-input").blur(function(){var t=e(this);t.val(""),t.parent().removeClass("is-active")})})}}(jQuery),function(e){e.fn.ContextualMenu=function(){return this.each(function(){var t=e(this);t.on("click",".ms-ContextualMenu-link:not(.is-disabled)",function(n){n.preventDefault(),t.hasClass("ms-ContextualMenu--multiselect")?e(this).hasClass("is-selected")?e(this).removeClass("is-selected"):e(this).addClass("is-selected"):(e(".ms-ContextualMenu-link").removeClass("is-selected").siblings(".ms-ContextualMenu").removeClass("is-open"),e(this).addClass("is-selected"),e(this).hasClass("ms-ContextualMenu-link--hasMenu")&&(e(this).siblings(".ms-ContextualMenu:first").addClass("is-open"),n.stopPropagation()))})})}}(jQuery),function(e){function t(t){var s=t.find(".ms-DatePicker-monthComponents"),a=t.find(".ms-DatePicker-goToday"),o=(t.find(".ms-DatePicker-dayPicker"),t.find(".ms-DatePicker-monthPicker")),r=t.find(".ms-DatePicker-yearPicker"),c=t.find(".ms-DatePicker-wrap"),l=t.find(".ms-TextField-field").pickadate("picker");s.appendTo(c),a.appendTo(c),o.appendTo(c),r.appendTo(c),i(t),s.on("click",".js-prevMonth",function(e){e.preventDefault();var t=l.get("highlight").month-1;n(l,null,t,null)}),s.on("click",".js-nextMonth",function(e){e.preventDefault();var t=l.get("highlight").month+1;n(l,null,t,null)}),o.on("click",".js-prevYear",function(e){e.preventDefault();var t=l.get("highlight").year-1;n(l,t,null,null)}),o.on("click",".js-nextYear",function(e){e.preventDefault();var t=l.get("highlight").year+1;n(l,t,null,null)}),r.on("click",".js-prevDecade",function(e){e.preventDefault();var t=l.get("highlight").year-10;n(l,t,null,null)}),r.on("click",".js-nextDecade",function(e){e.preventDefault();var t=l.get("highlight").year+10;n(l,t,null,null)}),a.click(function(e){e.preventDefault();var n=new Date;l.set("select",[n.getFullYear(),n.getMonth(),n.getDate()]),t.removeClass("is-pickingMonths").removeClass("is-pickingYears")}),o.on("click",".js-changeDate",function(i){i.preventDefault();var s=e(this).attr("data-year"),a=e(this).attr("data-month"),o=e(this).attr("data-day");n(l,s,a,o),t.hasClass("is-pickingMonths")&&t.removeClass("is-pickingMonths")}),r.on("click",".js-changeDate",function(i){i.preventDefault();var s=e(this).attr("data-year"),a=e(this).attr("data-month"),o=e(this).attr("data-day");n(l,s,a,o),t.hasClass("is-pickingYears")&&t.removeClass("is-pickingYears")}),o.on("click",".js-showDayPicker",function(e){t.removeClass("is-pickingMonths"),t.removeClass("is-pickingYears")}),s.on("click",".js-showMonthPicker",function(e){t.toggleClass("is-pickingMonths")}),o.on("click",".js-showYearPicker",function(e){t.toggleClass("is-pickingYears")})}function n(e,t,n,i){null==t&&(t=e.get("highlight").year),null==n&&(n=e.get("highlight").month),null==i&&(i=e.get("highlight").date),e.set("highlight",[t,n,i])}function i(e){var t=e.find(".ms-DatePicker-monthPicker"),n=e.find(".ms-DatePicker-yearPicker"),i=(e.find(".ms-DatePicker-wrap"),e.find(".ms-TextField-field").pickadate("picker"));t.find(".ms-DatePicker-currentYear").text(i.get("view").year),t.find(".ms-DatePicker-monthOption").removeClass("is-highlighted"),t.find('.ms-DatePicker-monthOption[data-month="'+i.get("highlight").month+'"]').addClass("is-highlighted"),n.find(".ms-DatePicker-currentDecade").remove(),n.find(".ms-DatePicker-optionGrid").remove();var s=i.get("highlight").year-11,a=s+" - "+(s+11),o='<div class="ms-DatePicker-currentDecade">'+a+"</div>";o+='<div class="ms-DatePicker-optionGrid">';for(var r=s;s+12>r;r++)o+='<span class="ms-DatePicker-yearOption js-changeDate" data-year="'+r+'">'+r+"</span>";o+="</div>",n.append(o),n.find(".ms-DatePicker-yearOption").removeClass("is-highlighted"),n.find('.ms-DatePicker-yearOption[data-year="'+i.get("highlight").year+'"]').addClass("is-highlighted")}function s(t){e("html, body").animate({scrollTop:t.offset().top},367)}e.fn.DatePicker=function(n){return this.each(function(){var a=e(this),o=a.find(".ms-TextField-field").pickadate(e.extend({weekdaysShort:["S","M","T","W","T","F","S"],today:"",clear:"",close:"",onStart:function(){t(a)},klass:{input:"ms-DatePicker-input",active:"ms-DatePicker-input--active",picker:"ms-DatePicker-picker",opened:"ms-DatePicker-picker--opened",focused:"ms-DatePicker-picker--focused",holder:"ms-DatePicker-holder",frame:"ms-DatePicker-frame",wrap:"ms-DatePicker-wrap",box:"ms-DatePicker-dayPicker",header:"ms-DatePicker-header",month:"ms-DatePicker-month",year:"ms-DatePicker-year",table:"ms-DatePicker-table",weekdays:"ms-DatePicker-weekday",day:"ms-DatePicker-day",disabled:"ms-DatePicker-day--disabled",selected:"ms-DatePicker-day--selected",highlighted:"ms-DatePicker-day--highlighted",now:"ms-DatePicker-day--today",infocus:"ms-DatePicker-day--infocus",outfocus:"ms-DatePicker-day--outfocus"}},n||{})),r=o.pickadate("picker");r.on({render:function(){i(a)},open:function(){s(a)}})})}}(jQuery),!function(e){"function"==typeof define&&define.amd?define("picker",["jquery"],e):"object"==typeof exports?module.exports=e(require("jquery")):this.Picker=e(jQuery)}(function(e){function t(a,o,r,d){function u(){return t._.node("div",t._.node("div",t._.node("div",t._.node("div",P.component.nodes(g.open),k.box),k.wrap),k.frame),k.holder)}function m(){b.data(o,P).addClass(k.input).val(b.data("value")?P.get("select",y.format):a.value).on("focus."+g.id+" click."+g.id,p),y.editable||b.on("keydown."+g.id,function(e){var t=e.keyCode,n=/^(8|46)$/.test(t);return 27==t?(P.close(),!1):void((32==t||n||!g.open&&P.component.key[t])&&(e.preventDefault(),e.stopPropagation(),n?P.clear().close():P.open()))}),s(a,{haspopup:!0,expanded:!1,readonly:!1,owns:a.id+"_root"+(P._hidden?" "+P._hidden.id:"")})}function h(){P.$root.on({focusin:function(e){P.$root.removeClass(k.focused),e.stopPropagation()},"mousedown click":function(t){var n=t.target;n!=P.$root.children()[0]&&(t.stopPropagation(),"mousedown"!=t.type||e(n).is(":input")||"OPTION"==n.nodeName||(t.preventDefault(),a.focus()))}}).on("click","[data-pick], [data-nav], [data-clear], [data-close]",function(){var t=e(this),n=t.data(),i=t.hasClass(k.navDisabled)||t.hasClass(k.disabled),s=document.activeElement;s=s&&(s.type||s.href)&&s,(i||s&&!e.contains(P.$root[0],s))&&a.focus(),!i&&n.nav?P.set("highlight",P.component.item.highlight,{nav:n.nav}):!i&&"pick"in n?P.set("select",n.pick).close(!0):n.clear?P.clear().close(!0):n.close&&P.close(!0)}),s(P.$root[0],"hidden",!0)}function f(){var t;y.hiddenName===!0?(t=a.name,a.name=""):(t=["string"==typeof y.hiddenPrefix?y.hiddenPrefix:"","string"==typeof y.hiddenSuffix?y.hiddenSuffix:"_submit"],t=t[0]+a.name+t[1]),P._hidden=e('<input type=hidden name="'+t+'"'+(b.data("value")||a.value?' value="'+P.get("select",y.formatSubmit)+'"':"")+">")[0],b.on("change."+g.id,function(){P._hidden.value=a.value?P.get("select",y.formatSubmit):""}).after(P._hidden)}function p(e){e.stopPropagation(),"focus"==e.type&&P.$root.addClass(k.focused),P.open()}if(!a)return t;var v=!1,g={id:a.id||"P"+Math.abs(~~(Math.random()*new Date))},y=r?e.extend(!0,{},r.defaults,d):d||{},k=e.extend({},t.klasses(),y.klass),b=e(a),C=function(){return this.start()},P=C.prototype={constructor:C,$node:b,start:function(){return g&&g.start?P:(g.methods={},g.start=!0,g.open=!1,g.type=a.type,a.autofocus=a==document.activeElement,a.readOnly=!y.editable,a.id=a.id||g.id,"text"!=a.type&&(a.type="text"),P.component=new r(P,y),P.$root=e(t._.node("div",u(),k.picker,'id="'+a.id+'_root"')),h(),y.formatSubmit&&f(),m(),y.container?e(y.container).append(P.$root):b.after(P.$root),P.on({start:P.component.onStart,render:P.component.onRender,stop:P.component.onStop,open:P.component.onOpen,close:P.component.onClose,set:P.component.onSet}).on({start:y.onStart,render:y.onRender,stop:y.onStop,open:y.onOpen,close:y.onClose,set:y.onSet}),v=n(P.$root.children()[0]),a.autofocus&&P.open(),P.trigger("start").trigger("render"))},render:function(e){return e?P.$root.html(u()):P.$root.find("."+k.box).html(P.component.nodes(g.open)),P.trigger("render")},stop:function(){return g.start?(P.close(),P._hidden&&P._hidden.parentNode.removeChild(P._hidden),P.$root.remove(),b.removeClass(k.input).removeData(o),setTimeout(function(){b.off("."+g.id)},0),a.type=g.type,a.readOnly=!1,P.trigger("stop"),g.methods={},g.start=!1,P):P},open:function(n){return g.open?P:(b.addClass(k.active),s(a,"expanded",!0),setTimeout(function(){P.$root.addClass(k.opened),s(P.$root[0],"hidden",!1)},0),n!==!1&&(g.open=!0,v&&l.css("overflow","hidden").css("padding-right","+="+i()),b.trigger("focus"),c.on("click."+g.id+" focusin."+g.id,function(e){var t=e.target;t!=a&&t!=document&&3!=e.which&&P.close(t===P.$root.children()[0])}).on("keydown."+g.id,function(n){var i=n.keyCode,s=P.component.key[i],o=n.target;27==i?P.close(!0):o!=a||!s&&13!=i?e.contains(P.$root[0],o)&&13==i&&(n.preventDefault(),o.click()):(n.preventDefault(),s?t._.trigger(P.component.key.go,P,[t._.trigger(s)]):P.$root.find("."+k.highlighted).hasClass(k.disabled)||P.set("select",P.component.item.highlight).close())})),P.trigger("open"))},close:function(e){return e&&(b.off("focus."+g.id).trigger("focus"),setTimeout(function(){b.on("focus."+g.id,p)},0)),b.removeClass(k.active),s(a,"expanded",!1),setTimeout(function(){P.$root.removeClass(k.opened+" "+k.focused),s(P.$root[0],"hidden",!0)},0),g.open?(g.open=!1,v&&l.css("overflow","").css("padding-right","-="+i()),c.off("."+g.id),P.trigger("close")):P},clear:function(e){return P.set("clear",null,e)},set:function(t,n,i){var s,a,o=e.isPlainObject(t),r=o?t:{};if(i=o&&e.isPlainObject(n)?n:i||{},t){o||(r[t]=n);for(s in r)a=r[s],s in P.component.item&&(void 0===a&&(a=null),P.component.set(s,a,i)),("select"==s||"clear"==s)&&b.val("clear"==s?"":P.get(s,y.format)).trigger("change");P.render()}return i.muted?P:P.trigger("set",r)},get:function(e,n){if(e=e||"value",null!=g[e])return g[e];if("value"==e)return a.value;if(e in P.component.item){if("string"==typeof n){var i=P.component.get(e);return i?t._.trigger(P.component.formats.toString,P.component,[n,i]):""}return P.component.get(e)}},on:function(t,n,i){var s,a,o=e.isPlainObject(t),r=o?t:{};if(t){o||(r[t]=n);for(s in r)a=r[s],i&&(s="_"+s),g.methods[s]=g.methods[s]||[],g.methods[s].push(a)}return P},off:function(){var e,t,n=arguments;for(e=0,namesCount=n.length;namesCount>e;e+=1)t=n[e],t in g.methods&&delete g.methods[t];return P},trigger:function(e,n){var i=function(e){var i=g.methods[e];i&&i.map(function(e){t._.trigger(e,P,[n])})};return i("_"+e),i(e),P}};return new C}function n(e){var t,n="position";return e.currentStyle?t=e.currentStyle[n]:window.getComputedStyle&&(t=getComputedStyle(e)[n]),"fixed"==t}function i(){if(l.height()<=r.height())return 0;var t=e('<div style="visibility:hidden;width:100px" />').appendTo("body"),n=t[0].offsetWidth;t.css("overflow","scroll");var i=e('<div style="width:100%" />').appendTo(t),s=i[0].offsetWidth;return t.remove(),n-s}function s(t,n,i){if(e.isPlainObject(n))for(var s in n)a(t,s,n[s]);else a(t,n,i)}function a(e,t,n){e.setAttribute(("role"==t?"":"aria-")+t,n)}function o(t,n){e.isPlainObject(t)||(t={attribute:n}),n="";for(var i in t){var s=("role"==i?"":"aria-")+i,a=t[i];n+=null==a?"":s+'="'+t[i]+'"'}return n}var r=e(window),c=e(document),l=e(document.documentElement);return t.klasses=function(e){return e=e||"picker",{picker:e,opened:e+"--opened",focused:e+"--focused",input:e+"__input",active:e+"__input--active",holder:e+"__holder",frame:e+"__frame",wrap:e+"__wrap",box:e+"__box"}},t._={group:function(e){for(var n,i="",s=t._.trigger(e.min,e);s<=t._.trigger(e.max,e,[s]);s+=e.i)n=t._.trigger(e.item,e,[s]),i+=t._.node(e.node,n[0],n[1],n[2]);return i},node:function(t,n,i,s){return n?(n=e.isArray(n)?n.join(""):n,i=i?' class="'+i+'"':"",s=s?" "+s:"","<"+t+i+s+">"+n+"</"+t+">"):""},lead:function(e){return(10>e?"0":"")+e},trigger:function(e,t,n){return"function"==typeof e?e.apply(t,n||[]):e},digits:function(e){return/\d/.test(e[1])?2:1},isDate:function(e){return{}.toString.call(e).indexOf("Date")>-1&&this.isInteger(e.getUTCDate())},isInteger:function(e){return{}.toString.call(e).indexOf("Number")>-1&&e%1===0},ariaAttr:o},t.extend=function(n,i){e.fn[n]=function(s,a){var o=this.data(n);return"picker"==s?o:o&&"string"==typeof s?t._.trigger(o[s],o,[a]):this.each(function(){var a=e(this);a.data(n)||new t(this,n,i,s)})},e.fn[n].defaults=i.defaults},t}),function(e){"function"==typeof define&&define.amd?define(["picker","jquery"],e):"object"==typeof exports?module.exports=e(require("./picker.js"),require("jquery")):e(Picker,jQuery)}(function(e,t){function n(e,t){var n=this,i=e.$node[0],s=i.value,a=e.$node.data("value"),o=a||s,r=a?t.formatSubmit:t.format,c=function(){return i.currentStyle?"rtl"==i.currentStyle.direction:"rtl"==getComputedStyle(e.$root[0]).direction};n.settings=t,n.$node=e.$node,n.queue={min:"measure create",max:"measure create",now:"now create",select:"parse create validate",highlight:"parse navigate create validate",view:"parse create validate viewset",disable:"deactivate",enable:"activate"},n.item={},n.item.clear=null,n.item.disable=(t.disable||[]).slice(0),n.item.enable=-function(e){return e[0]===!0?e.shift():-1}(n.item.disable),n.set("min",t.min).set("max",t.max).set("now"),o?n.set("select",o,{format:r}):n.set("select",null).set("highlight",n.item.now),n.key={40:7,38:-7,39:function(){return c()?-1:1},37:function(){return c()?1:-1},go:function(e){var t=n.item.highlight,i=new Date(Date.UTC(t.year,t.month,t.date+e));n.set("highlight",i,{interval:e}),this.render()}},e.on("render",function(){e.$root.find("."+t.klass.selectMonth).on("change",function(){var n=this.value;n&&(e.set("highlight",[e.get("view").year,n,e.get("highlight").date]),e.$root.find("."+t.klass.selectMonth).trigger("focus"))}),e.$root.find("."+t.klass.selectYear).on("change",function(){var n=this.value;n&&(e.set("highlight",[n,e.get("view").month,e.get("highlight").date]),e.$root.find("."+t.klass.selectYear).trigger("focus"))})},1).on("open",function(){var i="";n.disabled(n.get("now"))&&(i=":not(."+t.klass.buttonToday+")"),e.$root.find("button"+i+", select").attr("disabled",!1)},1).on("close",function(){e.$root.find("button, select").attr("disabled",!0)},1)}var i=7,s=6,a=e._;n.prototype.set=function(e,t,n){var i=this,s=i.item;return null===t?("clear"==e&&(e="select"),s[e]=t,i):(s["enable"==e?"disable":"flip"==e?"enable":e]=i.queue[e].split(" ").map(function(s){return t=i[s](e,t,n)}).pop(),"select"==e?i.set("highlight",s.select,n):"highlight"==e?i.set("view",s.highlight,n):e.match(/^(flip|min|max|disable|enable)$/)&&(s.select&&i.disabled(s.select)&&i.set("select",s.select,n),s.highlight&&i.disabled(s.highlight)&&i.set("highlight",s.highlight,n)),i)},n.prototype.get=function(e){return this.item[e]},n.prototype.create=function(e,n,i){var s,o=this;return n=void 0===n?e:n,n==-1/0||1/0==n?s=n:t.isPlainObject(n)&&a.isInteger(n.pick)?n=n.obj:t.isArray(n)?(n=new Date(Date.UTC(n[0],n[1],n[2])),n=a.isDate(n)?n:o.create().obj):n=a.isInteger(n)?o.normalize(new Date(n),i):a.isDate(n)?o.normalize(n,i):o.now(e,n,i),{year:s||n.getUTCFullYear(),month:s||n.getUTCMonth(),date:s||n.getUTCDate(),day:s||n.getUTCDay(),obj:s||n,pick:s||n.getTime()}},n.prototype.createRange=function(e,n){var i=this,s=function(e){return e===!0||t.isArray(e)||a.isDate(e)?i.create(e):e};return a.isInteger(e)||(e=s(e)),a.isInteger(n)||(n=s(n)),a.isInteger(e)&&t.isPlainObject(n)?e=[n.year,n.month,n.date+e]:a.isInteger(n)&&t.isPlainObject(e)&&(n=[e.year,e.month,e.date+n]),{from:s(e),to:s(n)}},n.prototype.withinRange=function(e,t){return e=this.createRange(e.from,e.to),t.pick>=e.from.pick&&t.pick<=e.to.pick},n.prototype.overlapRanges=function(e,t){var n=this;return e=n.createRange(e.from,e.to),t=n.createRange(t.from,t.to),n.withinRange(e,t.from)||n.withinRange(e,t.to)||n.withinRange(t,e.from)||n.withinRange(t,e.to)},n.prototype.now=function(e,t,n){return t=new Date,n&&n.rel&&t.setUTCDate(t.getUTCDate()+n.rel),this.normalize(t,n)},n.prototype.navigate=function(e,n,i){var s,a,o,r,c=t.isArray(n),l=t.isPlainObject(n),d=this.item.view;if(c||l){for(l?(a=n.year,o=n.month,r=n.date):(a=+n[0],o=+n[1],r=+n[2]),i&&i.nav&&d&&d.month!==o&&(a=d.year,o=d.month),s=new Date(Date.UTC(a,o+(i&&i.nav?i.nav:0),1)),a=s.getUTCFullYear(),o=s.getUTCMonth();new Date(Date.UTC(a,o,r)).getUTCMonth()!==o;)r-=1;n=[a,o,r]}return n},n.prototype.normalize=function(e){return e.setUTCHours(0,0,0,0),e},n.prototype.measure=function(e,t){var n=this;return t?"string"==typeof t?t=n.parse(e,t):a.isInteger(t)&&(t=n.now(e,t,{rel:t})):t="min"==e?-1/0:1/0,t},n.prototype.viewset=function(e,t){return this.create([t.year,t.month,1])},n.prototype.validate=function(e,n,i){var s,o,r,c,l=this,d=n,u=i&&i.interval?i.interval:1,m=-1===l.item.enable,h=l.item.min,f=l.item.max,p=m&&l.item.disable.filter(function(e){if(t.isArray(e)){var i=l.create(e).pick;i<n.pick?s=!0:i>n.pick&&(o=!0)}return a.isInteger(e)}).length;if((!i||!i.nav)&&(!m&&l.disabled(n)||m&&l.disabled(n)&&(p||s||o)||!m&&(n.pick<=h.pick||n.pick>=f.pick)))for(m&&!p&&(!o&&u>0||!s&&0>u)&&(u*=-1);l.disabled(n)&&(Math.abs(u)>1&&(n.month<d.month||n.month>d.month)&&(n=d,u=u>0?1:-1),n.pick<=h.pick?(r=!0,u=1,n=l.create([h.year,h.month,h.date+(n.pick===h.pick?0:-1)])):n.pick>=f.pick&&(c=!0,u=-1,n=l.create([f.year,f.month,f.date+(n.pick===f.pick?0:1)])),!r||!c);)n=l.create([n.year,n.month,n.date+u]);return n},n.prototype.disabled=function(e){var n=this,i=n.item.disable.filter(function(i){return a.isInteger(i)?e.day===(n.settings.firstDay?i:i-1)%7:t.isArray(i)||a.isDate(i)?e.pick===n.create(i).pick:t.isPlainObject(i)?n.withinRange(i,e):void 0});return i=i.length&&!i.filter(function(e){return t.isArray(e)&&"inverted"==e[3]||t.isPlainObject(e)&&e.inverted}).length,-1===n.item.enable?!i:i||e.pick<n.item.min.pick||e.pick>n.item.max.pick},n.prototype.parse=function(e,t,n){var i=this,s={};return t&&"string"==typeof t?(n&&n.format||(n=n||{},n.format=i.settings.format),i.formats.toArray(n.format).map(function(e){var n=i.formats[e],o=n?a.trigger(n,i,[t,s]):e.replace(/^!/,"").length;n&&(s[e]=t.substr(0,o)),t=t.substr(o)}),[s.yyyy||s.yy,+(s.mm||s.m)-1,s.dd||s.d]):t},n.prototype.formats=function(){function e(e,t,n){var i=e.match(/\w+/)[0];return n.mm||n.m||(n.m=t.indexOf(i)+1),i.length}function t(e){return e.match(/\w+/)[0].length}return{d:function(e,t){return e?a.digits(e):t.date},dd:function(e,t){return e?2:a.lead(t.date)},ddd:function(e,n){return e?t(e):this.settings.weekdaysShort[n.day]},dddd:function(e,n){return e?t(e):this.settings.weekdaysFull[n.day]},m:function(e,t){return e?a.digits(e):t.month+1},mm:function(e,t){return e?2:a.lead(t.month+1)},mmm:function(t,n){var i=this.settings.monthsShort;return t?e(t,i,n):i[n.month]},mmmm:function(t,n){var i=this.settings.monthsFull;return t?e(t,i,n):i[n.month]},yy:function(e,t){return e?2:(""+t.year).slice(2)},yyyy:function(e,t){return e?4:t.year},toArray:function(e){return e.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g)},toString:function(e,t){var n=this;return n.formats.toArray(e).map(function(e){return a.trigger(n.formats[e],n,[0,t])||e.replace(/^!/,"")}).join("")}}}(),n.prototype.isDateExact=function(e,n){var i=this;return a.isInteger(e)&&a.isInteger(n)||"boolean"==typeof e&&"boolean"==typeof n?e===n:(a.isDate(e)||t.isArray(e))&&(a.isDate(n)||t.isArray(n))?i.create(e).pick===i.create(n).pick:t.isPlainObject(e)&&t.isPlainObject(n)?i.isDateExact(e.from,n.from)&&i.isDateExact(e.to,n.to):!1},n.prototype.isDateOverlap=function(e,n){var i=this,s=i.settings.firstDay?1:0;return a.isInteger(e)&&(a.isDate(n)||t.isArray(n))?(e=e%7+s,e===i.create(n).day+1):a.isInteger(n)&&(a.isDate(e)||t.isArray(e))?(n=n%7+s,n===i.create(e).day+1):t.isPlainObject(e)&&t.isPlainObject(n)?i.overlapRanges(e,n):!1},n.prototype.flipEnable=function(e){var t=this.item;t.enable=e||(-1==t.enable?1:-1)},n.prototype.deactivate=function(e,n){var i=this,s=i.item.disable.slice(0);return"flip"==n?i.flipEnable():n===!1?(i.flipEnable(1),s=[]):n===!0?(i.flipEnable(-1),s=[]):n.map(function(e){for(var n,o=0;o<s.length;o+=1)if(i.isDateExact(e,s[o])){n=!0;break}n||(a.isInteger(e)||a.isDate(e)||t.isArray(e)||t.isPlainObject(e)&&e.from&&e.to)&&s.push(e)}),s},n.prototype.activate=function(e,n){var i=this,s=i.item.disable,o=s.length;return"flip"==n?i.flipEnable():n===!0?(i.flipEnable(1),s=[]):n===!1?(i.flipEnable(-1),s=[]):n.map(function(e){var n,r,c,l;for(c=0;o>c;c+=1){if(r=s[c],i.isDateExact(r,e)){n=s[c]=null,l=!0;break}if(i.isDateOverlap(r,e)){t.isPlainObject(e)?(e.inverted=!0,n=e):t.isArray(e)?(n=e,n[3]||n.push("inverted")):a.isDate(e)&&(n=[e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),"inverted"]);break}}if(n)for(c=0;o>c;c+=1)if(i.isDateExact(s[c],e)){s[c]=null;break}if(l)for(c=0;o>c;c+=1)if(i.isDateOverlap(s[c],e)){s[c]=null;break}n&&s.push(n)}),s.filter(function(e){return null!=e})},n.prototype.nodes=function(e){var t=this,n=t.settings,o=t.item,r=o.now,c=o.select,l=o.highlight,d=o.view,u=o.disable,m=o.min,h=o.max,f=function(e,t){return n.firstDay&&(e.push(e.shift()),t.push(t.shift())),a.node("thead",a.node("tr",a.group({min:0,max:i-1,i:1,node:"th",item:function(i){return[e[i],n.klass.weekdays,'scope=col title="'+t[i]+'"']}})))}((n.showWeekdaysFull?n.weekdaysFull:n.weekdaysShort).slice(0),n.weekdaysFull.slice(0)),p=function(e){return a.node("div"," ",n.klass["nav"+(e?"Next":"Prev")]+(e&&d.year>=h.year&&d.month>=h.month||!e&&d.year<=m.year&&d.month<=m.month?" "+n.klass.navDisabled:""),"data-nav="+(e||-1)+" "+a.ariaAttr({role:"button",components:t.$node[0].id+"_table"})+' title="'+(e?n.labelMonthNext:n.labelMonthPrev)+'"')},v=function(){var i=n.showMonthsShort?n.monthsShort:n.monthsFull;return n.selectMonths?a.node("select",a.group({min:0,max:11,i:1,node:"option",item:function(e){return[i[e],0,"value="+e+(d.month==e?" selected":"")+(d.year==m.year&&e<m.month||d.year==h.year&&e>h.month?" disabled":"")]}}),n.klass.selectMonth,(e?"":"disabled")+" "+a.ariaAttr({components:t.$node[0].id+"_table"})+' title="'+n.labelMonthSelect+'"'):a.node("div",i[d.month],n.klass.month)},g=function(){var i=d.year,s=n.selectYears===!0?5:~~(n.selectYears/2);if(s){var o=m.year,r=h.year,c=i-s,l=i+s;if(o>c&&(l+=o-c,c=o),l>r){var u=c-o,f=l-r;c-=u>f?f:u,l=r}return a.node("select",a.group({min:c,max:l,i:1,node:"option",item:function(e){return[e,0,"value="+e+(i==e?" selected":"")]}}),n.klass.selectYear,(e?"":"disabled")+" "+a.ariaAttr({components:t.$node[0].id+"_table"})+' title="'+n.labelYearSelect+'"')}return a.node("div",i,n.klass.year)};return a.node("div",(n.selectYears?g()+v():v()+g())+p()+p(1),n.klass.header)+a.node("table",f+a.node("tbody",a.group({min:0,max:s-1,i:1,node:"tr",item:function(e){var s=n.firstDay&&0===t.create([d.year,d.month,1]).day?-7:0;return[a.group({min:i*e-d.day+s+1,max:function(){return this.min+i-1},i:1,node:"td",item:function(e){e=t.create([d.year,d.month,e+(n.firstDay?1:0)]);var i=c&&c.pick==e.pick,s=l&&l.pick==e.pick,o=u&&t.disabled(e)||e.pick<m.pick||e.pick>h.pick;return[a.node("div",e.date,function(t){return t.push(d.month==e.month?n.klass.infocus:n.klass.outfocus),r.pick==e.pick&&t.push(n.klass.now),i&&t.push(n.klass.selected),s&&t.push(n.klass.highlighted),o&&t.push(n.klass.disabled),t.join(" ")}([n.klass.day]),"data-pick="+e.pick+" "+a.ariaAttr({role:"gridcell",selected:i&&t.$node.val()===a.trigger(t.formats.toString,t,[n.format,e])?!0:null,activedescendant:s?!0:null,disabled:o?!0:null})),"",a.ariaAttr({role:"presentation"})]}})]}})),n.klass.table,'id="'+t.$node[0].id+'_table" '+a.ariaAttr({role:"grid",components:t.$node[0].id,readonly:!0}))+a.node("div",a.node("button",n.today,n.klass.buttonToday,"type=button data-pick="+r.pick+(e&&!t.disabled(r)?"":" disabled")+" "+a.ariaAttr({components:t.$node[0].id}))+a.node("button",n.clear,n.klass.buttonClear,"type=button data-clear=1"+(e?"":" disabled")+" "+a.ariaAttr({components:t.$node[0].id}))+a.node("button",n.close,n.klass.buttonClose,"type=button data-close=true "+(e?"":" disabled")+" "+a.ariaAttr({components:t.$node[0].id})),n.klass.footer)},n.defaults=function(e){return{labelMonthNext:"Next month",labelMonthPrev:"Previous month",labelMonthSelect:"Select a month",labelYearSelect:"Select a year",monthsFull:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdaysFull:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],today:"Today",clear:"Clear",close:"Close",format:"d mmmm, yyyy",klass:{table:e+"table",header:e+"header",navPrev:e+"nav--prev",navNext:e+"nav--next",navDisabled:e+"nav--disabled",month:e+"month",year:e+"year",selectMonth:e+"select--month",selectYear:e+"select--year",weekdays:e+"weekday",day:e+"day",disabled:e+"day--disabled",selected:e+"day--selected",highlighted:e+"day--highlighted",now:e+"day--today",infocus:e+"day--infocus",outfocus:e+"day--outfocus",footer:e+"footer",buttonClear:e+"button--clear",buttonToday:e+"button--today",buttonClose:e+"button--close"}}}(e.klasses().picker+"__"),e.extend("pickadate",n)}),function(e){e.fn.Dropdown=function(){return this.each(function(){function t(t){if(!n.hasClass("is-disabled")){n.find(".is-open").removeClass("is-open"),t.stopPropagation();var i=e(this).parents(".ms-Dropdown").width();e(this).next(".ms-Dropdown-items").css("width",i+"px"),n.toggleClass("is-open"),e(".ms-Dropdown").each(function(){e(this)[0]!==n[0]&&e(this).removeClass("is-open")}),e(document).bind("click.dropdown",function(t){n.removeClass("is-open"),e(document).unbind("click.dropdown")})}}var n=e(this),i=n.children(".ms-Dropdown-select"),s=i.children("option"),a=(this.id,""),o="",r="";s.each(function(e,t){t.selected&&(a=t.text),o+='<li class="ms-Dropdown-item'+(t.disabled?' is-disabled"':'"')+">"+t.text+"</li>"}),r='<span class="ms-Dropdown-title">'+a+'</span><ul class="ms-Dropdown-items">'+o+"</ul>",n.append(r),n.on("click",".ms-Dropdown-title",function(e){t(e)}),n.on("keyup",function(s){var a=s.keyCode||s.which;if(e(this).hasClass("is-open")){if(e(this).hasClass("is-open")&&(38===a&&e(this).find(".ms-Dropdown-item.is-selected").prev().siblings().size()>0&&e(this).find(".ms-Dropdown-item.is-selected").removeClass("is-selected").prev().addClass("is-selected"),40===a&&e(this).find(".ms-Dropdown-item.is-selected").next().siblings().size()>0&&e(this).find(".ms-Dropdown-item.is-selected").removeClass("is-selected").next().addClass("is-selected"),13===a&&!n.hasClass("is-disabled"))){var o=e(this).find(".ms-Dropdown-item.is-selected").text();e(this).find(".ms-Dropdown-title").html(o),i.find("option").each(function(t,n){n.text===o?e(this).prop("selected",!0):e(this).prop("selected",!1)}),i.change(),e(this).removeClass("is-open")}}else(13===a||38===a||40===a)&&(t(s),e(this).find(".ms-Dropdown-item").hasClass("is-selected")||e(this).find(".ms-Dropdown-item:first").addClass("is-selected"));27===a&&e(this).removeClass("is-open")}),n.on("click",".ms-Dropdown-item",function(){if(!n.hasClass("is-disabled")){e(this).siblings(".ms-Dropdown-item").removeClass("is-selected"),e(this).addClass("is-selected"),e(this).parents().siblings(".ms-Dropdown-title").html(e(this).text());var t=e(this).text();i.find("option").each(function(n,i){i.text===t?e(this).prop("selected",!0):e(this).prop("selected",!1)}),i.change()}})})}}(jQuery),function(e){e.fn.ListItem=function(){return this.each(function(){var t=e(this);t.on("click",".js-toggleSelection",function(t){e(this).parents(".ms-ListItem").toggleClass("is-selected");
-})})}}(jQuery);var fabric=fabric||{};fabric.MessageBanner=function(e){this.container=e,this.init()},fabric.MessageBanner.prototype=function(){var e,t,n,i,s,a,o,r,c,l=700,d=88,u=35,m=480,h=function(e){n=o.offsetWidth,window.innerWidth>=m?f():p()},f=function(){n-t>s&&l>s?(i="auto",a.className="ms-MessageBanner-expand",y()):(i=Math.min(n-t,l)+"px",-1===a.className.indexOf("is-visible")&&(a.className+=" is-visible")),e.style.width=i},p=function(){n-(u+c.offsetWidth)>s?(i="auto",y()):i=n-(u+c.offsetWidth)+"px",e.style.width=i},v=function(n){o=n.container,e=n.container.querySelector(".ms-MessageBanner-clipper"),a=n.container.querySelector(".ms-MessageBanner-expand"),r=n.container.querySelector(".ms-MessageBanner-action"),t=r.offsetWidth+d,c=n.container.querySelector(".ms-MessageBanner-close")},g=function(){var e=a.querySelector(".ms-Icon");o.className+=" is-expanded",e.className="ms-Icon ms-Icon--chevronsUp"},y=function(){var e=a.querySelector(".ms-Icon");o.className="ms-MessageBanner",e.className="ms-Icon ms-Icon--chevronsDown"},k=function(){o.className.indexOf("is-expanded")>-1?y():g()},b=function(){-1===o.className.indexOf("hide")&&(o.className+=" hide",setTimeout(function(){o.className="ms-MessageBanner is-hidden"},500))},C=function(){o.className="ms-MessageBanner"},P=function(){window.addEventListener("resize",h,!1),a.addEventListener("click",k,!1),c.addEventListener("click",b,!1)},x=function(){v(this),P(),n=o.offsetWidth,s=e.offsetWidth,h(null)};return{init:x,showBanner:C}}(),function(e){e.fn.NavBar=function(){return this.each(function(){var t=e(this);t.on("click",".js-openMenu",function(e){e.stopPropagation(),t.toggleClass("is-open")}),t.click(function(){t.hasClass("is-open")&&t.removeClass("is-open")}),t.on("click",".ms-NavBar-item:not(.is-disabled)",function(n){var i=t.find(".ms-NavBar-item.ms-NavBar-item--search .ms-TextField-field");n.stopPropagation(),0===e(this).children(".ms-NavBar-link").length&&n.preventDefault(),e(this).siblings(".ms-NavBar-item").removeClass("is-selected"),i.length>0&&0===i.val().length&&e(".ms-NavBar-item.ms-NavBar-item--search").removeClass("is-open").find(".ms-TextField-field").blur(),e(this).hasClass("ms-NavBar-item--hasMenu")?(e(this).children(".ms-ContextualMenu:first").toggleClass("is-open"),e(this).toggleClass("is-selected")):(e(this).addClass("is-selected"),t.removeClass("is-open").find(".ms-ContextualMenu").removeClass("is-open")),e(this).hasClass("ms-NavBar-item--search")&&(e(this).addClass("is-open"),e(this).find(".ms-TextField-field").focus(),t.find(".ms-ContextualMenu:first").removeClass("is-open"))}),t.on("click",".ms-NavBar-item .ms-ContextualMenu",function(n){n.stopPropagation(),e(this).removeClass("is-open"),t.removeClass("is-open").find(".ms-NavBar-item--hasMenu").removeClass("is-selected")}),e(document).on("click","html",function(e){var n=t.find(".ms-NavBar-item.ms-NavBar-item--search .ms-TextField-field");t.find(".ms-NavBar-item").removeClass("is-selected").find(".ms-ContextualMenu").removeClass("is-open"),n.length>0&&0===n.val().length&&t.find(".ms-NavBar-item.ms-NavBar-item--search").removeClass("is-open").find(".ms-TextField-field").blur()})})}}(jQuery),function(e){e.fn.Panel=function(){function t(e,t,i){for(var s=0;s<n.length;s++)n[s]||(t=t.toLowerCase()),e.addEventListener(n[s]+t,i,!1)}var n=["webkit","moz","MS","o",""];return this.each(function(){var n=e(this),i=n.find(".ms-Panel-main");e(".ms-PanelAction-close").on("click",function(){n.addClass("ms-Panel-animateOut")}),e(".ms-PanelAction-open").on("click",function(){n.addClass("is-open"),n.addClass("ms-Panel-animateIn")}),t(i[0],"AnimationEnd",function(e){e.animationName.indexOf("Out")>-1&&(n.removeClass("is-open"),n.removeClass("ms-Panel-animateIn ms-Panel-animateOut"))})})}}(jQuery),function(e){function t(e){var t=e.find(".ms-PeoplePicker-searchBox"),n=t.position().left,i=t.outerWidth(),s=n+i,a=t.find(".ms-PeoplePicker-persona:last"),o=a.offset().left,r=a.outerWidth(),c=o+r,l=s-c-7;100>l&&(l="100%"),e.find(".ms-PeoplePicker-searchField").outerWidth(l)}e.fn.PeoplePicker=function(){return this.each(function(){function n(t){e("html, body").animate({scrollTop:s.offset().top},367),e(".ms-PeoplePicker").hasClass("is-active")&&e(".ms-PeoplePicker").removeClass("is-active"),d=!0,t.stopPropagation(),o.width(s.width()-2),s.addClass("is-active"),e(document).bind("click.peoplepicker",function(t){s.removeClass("is-active"),e(document).unbind("click.peoplepicker"),d=!1})}var i,s=e(this),a=s.find(".ms-PeoplePicker-searchField"),o=s.find(".ms-PeoplePicker-results"),r=(s.find(".ms-PeoplePicker-searchMore"),s.find(".ms-PeoplePicker-selected")),c=s.find(".ms-PeoplePicker-selectedPeople"),l=s.find(".ms-PeoplePicker-selectedCount"),d=!1;s.on("focus",".ms-PeoplePicker-searchField",function(e){n(e)}),s.on("click",".ms-PeoplePicker-searchField",function(e){n(e)}),e(this).click(function(e){e.stopPropagation()}),o.on("click",".ms-PeoplePicker-result",function(n){var i=e(this).find(".ms-Persona-primaryText").html(),o=e(this).find(".ms-Persona-secondaryText").html(),d='<div class="ms-PeoplePicker-persona"><div class="ms-Persona ms-Persona--xs ms-Persona--square"><div class="ms-Persona-imageArea"><i class="ms-Persona-placeholder ms-Icon ms-Icon--person"></i><img class="ms-Persona-image" src="../persona/Persona.Person2.png"></div><div class="ms-Persona-presence"></div><div class="ms-Persona-details"><div class="ms-Persona-primaryText">'+i+'</div> </div></div><button class="ms-PeoplePicker-personaRemove"><i class="ms-Icon ms-Icon--x"></i> </button></div>',u='<li class="ms-PeoplePicker-selectedPerson"><div class="ms-Persona ms-Persona--square"><div class="ms-Persona-imageArea"><i class="ms-Persona-placeholder ms-Icon ms-Icon--person"></i><img class="ms-Persona-image" src="../persona/Persona.Person2.png"><div class="ms-Persona-presence"></div></div><div class="ms-Persona-details"><div class="ms-Persona-primaryText">'+i+'</div><div class="ms-Persona-secondaryText">'+o+'</div></div></div><button class="ms-PeoplePicker-resultAction js-selectedRemove"><i class="ms-Icon ms-Icon--x"></i></button></li>';if(s.hasClass("ms-PeoplePicker--facePile")){r.hasClass("is-active")||r.addClass("is-active"),c.prepend(u),s.removeClass("is-active");var m=s.find(".ms-PeoplePicker-selectedPerson").length;l.html(m)}else a.before(d),s.removeClass("is-active"),t(s)}),s.on("click",".ms-PeoplePicker-personaRemove",function(n){e(this).parents(".ms-PeoplePicker-persona").remove(),0==e(".ms-PeoplePicker-persona").length?s.find(".ms-PeoplePicker-searchField").outerWidth("100%"):t(s)}),o.on("click",".js-searchMore",function(t){var n=e(this),s=n.find(".ms-PeoplePicker-searchMorePrimary"),a=s.html();n.addClass("is-searching"),s.html("Searching for &ldquo;Sen&rdquo;"),i?i.start():i=new fabric.Spinner(n.get(0)),setTimeout(function(){n.removeClass("is-searching"),s.html(a),i.stop()},3e3)}),o.on("click",".js-resultRemove",function(t){t.stopPropagation(),e(this).parent(".ms-PeoplePicker-result").remove()}),o.on("click",".js-resultExpand",function(t){t.stopPropagation(),e(this).parent(".ms-PeoplePicker-result").toggleClass("is-expanded")}),c.on("click",".js-selectedRemove",function(t){t.stopPropagation(),e(this).parent(".ms-PeoplePicker-selectedPerson").remove();var n=s.find(".ms-PeoplePicker-selectedPerson").length;l.html(n),0===s.find(".ms-PeoplePicker-selectedPerson").length&&r.removeClass("is-active")})})}}(jQuery),function(e){e.fn.PersonaCard=function(){return this.each(function(){var t=e(this);t.on("click",".ms-PersonaCard-action",function(){t.find(".ms-PersonaCard-action").removeClass("is-active"),e(this).addClass("is-active");var n=function(e,t){var n=e.className+"",i=t.charAt(0).toUpperCase()+t.slice(1),s="ms-PersonaCard-detail"+i;n!=s&&(e.classList.remove(n),e.classList.add(s))},i=e(this).attr("id");n(e(this).parent().next().find("#detailList")[0],i);var s=e(this).attr("id");t.find(".ms-PersonaCard-actionDetails").removeClass("is-active"),t.find("#"+s+".ms-PersonaCard-actionDetails").addClass("is-active")}),t.on("click",".ms-PersonaCard-detailExpander",function(){e(this).parent(".ms-PersonaCard-actionDetails").toggleClass("is-collapsed")})})}}(jQuery),function(e){e.fn.Pivot=function(){return this.each(function(){var t=e(this);t.on("click",".ms-Pivot-link",function(t){t.preventDefault(),e(this).siblings(".ms-Pivot-link").removeClass("is-selected"),e(this).addClass("is-selected")})})}}(jQuery);var fabric=fabric||{};fabric.ProgressIndicator=function(e){this.container=e,this.cacheDOM()},fabric.ProgressIndicator.prototype=function(){var e,t,n,i,s,a,o=function(e){a.style.width=Math.round(t*e)+"px"},r=function(t){e=t;var n=e/i;this.setProgressPercent(n)},c=function(e){i=e},l=function(e){n.innerHTML=e},d=function(e){s.innerHTML=e},u=function(){n=this.container.querySelector(".ms-ProgressIndicator-itemName")||null,s=this.container.querySelector(".ms-ProgressIndicator-itemDescription")||null,a=this.container.querySelector(".ms-ProgressIndicator-progressBar"),t=this.container.querySelector(".ms-ProgressIndicator-itemProgress").offsetWidth};return{setProgressPercent:o,setName:l,setDescription:d,setProgress:r,setTotal:c,cacheDOM:u}}(),function(e){e.fn.SearchBox=function(){return this.each(function(){var t=!1,n=e(this).find(".ms-SearchBox-field");n.on("focus",function(){e(this).siblings(".ms-SearchBox-label").hide(),e(this).parent(".ms-SearchBox").addClass("is-active")}),n.on("mouseover",function(){n.addClass("hovering")}),n.on("mouseout",function(){n.removeClass("hovering")}),e(this).find(".ms-SearchBox-closeButton").on("mousedown",function(){t=!0}),e(this).find(".ms-SearchBox-field").on("blur",function(){t&&(e(this).val(""),n.addClass("hovering"));var i=e(this).parent(".ms-SearchBox");setTimeout(function(){i.removeClass("is-active")},10),0===e(this).val().length&&e(this).siblings(".ms-SearchBox-label").show(),t=!1})})}}(jQuery);var fabric=fabric||{};fabric.Spinner=function(e){function t(){d=setInterval(function(){for(var e=v.length;e--;)a(v[e])},g)}function n(){clearInterval(d)}function i(){h=p,m=8,l(),s(),t()}function s(){var e,t=0,n=1;for(y=1/m,t;m>t;t++){var i=v[t];e=y*n++,r(i.element,e)}}function a(e){var t=o(e.element)-y;0>=t&&(t=1),r(e.element,t)}function o(e){return parseFloat(window.getComputedStyle(e).getPropertyValue("opacity"))}function r(e,t){e.style.opacity=t}function c(){var e=document.createElement("div"),t=parseInt(window.getComputedStyle(u).getPropertyValue("width"),10);return e.className="ms-Spinner-circle",e.style.width=e.style.height=t*h+"px",e}function l(){-1===f.className.indexOf("ms-Spinner")?(u=document.createElement("div"),u.className="ms-Spinner",f.appendChild(u)):u=f;for(var e,t=u.clientWidth,n=u.clientHeight,i=0,s=t*h,a=2*Math.PI/m,o=m,r=.5*(t-s);o--;){var l=c(),d=Math.round(.5*t+r*Math.cos(i)-.5*l.clientWidth)-.5*s,p=Math.round(.5*n+r*Math.sin(i)-.5*l.clientHeight)-.5*s;u.appendChild(l),l.style.left=d+"px",l.style.top=p+"px",i+=a,e={element:l,j:o},v.push(e)}}var d,u,m,h,f=e,p=.179,v=[],g=90,y=0;return i(),{start:t,stop:n}},function(e){e.fn.TextField=function(){return this.each(function(){e(this).hasClass("ms-TextField--placeholder")&&(e(this).on("click",function(){e(this).find(".ms-Label").hide()}),e(this).find(".ms-TextField-field").on("blur",function(){0===e(this).val().length&&e(this).siblings(".ms-Label").show()})),e(this).hasClass("ms-TextField--underlined")&&(e(this).find(".ms-TextField-field").on("focus",function(){e(this).parent(".ms-TextField--underlined").addClass("is-active")}),e(this).find(".ms-TextField-field").on("blur",function(){e(this).parent(".ms-TextField--underlined").removeClass("is-active")}))})}}(jQuery);
+var fabric=fabric||{};fabric.Breadcrumb=function(e){this.container=e,this.init()},fabric.Breadcrumb.prototype=function(){var e,t,n,i,s,a,r=639,o=0,c=[],l=function(){var e,n,i,s,a=t.length,r=0;for(r;a>r;r++)e=t[r].querySelector(".ms-Breadcrumb-itemLink"),n=e.textContent,i=e.getAttribute("href"),s=parseInt(e.getAttribute("tabindex"),10),c.push({text:n,link:i,tabIndex:s})},d=function(){g(null),m()},m=function(){var t=window.innerWidth>r?4:2;t!==o&&(c.length>t?e.className+=" is-overflow":k(e," is-overflow"),f(t),u(t)),o=t},u=function(e){h(n);var t=c.length-e,i=c.slice(0,t);i.forEach(function(e){var t=document.createElement("li");t.className="ms-ContextualMenu-item",isNaN(e.tabIndex)||t.setAttribute("tabindex",e.tabIndex);var i=document.createElement("a");i.className="ms-ContextualMenu-link",i.setAttribute("href",e.link),i.textContent=e.text,t.appendChild(i),n.appendChild(t)})},f=function(e){h(a);var t=c.length-e;if(t>=0)for(t;t<c.length;t++){var n=document.createElement("li"),i=c[t],s=document.createElement("a"),r=document.createElement("i");n.className="ms-Breadcrumb-listItem",s.className="ms-Breadcrumb-itemLink",s.setAttribute("href",i.link),isNaN(i.tabIndex)||s.setAttribute("tabindex",i.tabIndex),s.textContent=i.text,r.className="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight",n.appendChild(s),n.appendChild(r),a.appendChild(n)}},h=function(e){for(;e.firstChild;)e.removeChild(e.firstChild)},p=function(e){-1===s.className.indexOf(" is-open")&&(s.className+=" is-open",C(e),i.focus())},v=function(e){13===e.keyCode&&p(e)},g=function(e){e&&e.target===i||k(s," is-open")},k=function(e,t){var n=e.className.indexOf(t);n>-1&&(e.className=e.className.substring(0,n))},y=function(r){e=r.container,a=e.querySelector(".ms-Breadcrumb-list"),t=e.querySelectorAll(".ms-Breadcrumb-listItem"),n=e.querySelector(".ms-ContextualMenu"),i=e.querySelector(".ms-Breadcrumb-overflowButton"),s=e.querySelector(".ms-Breadcrumb-overflowMenu")},P=function(){window.addEventListener("resize",d),i.addEventListener("click",p,!1),i.addEventListener("keypress",v,!1),document.addEventListener("click",g,!1),a.addEventListener("click",C,!1)},C=function(e){e.target.blur()},b=function(){y(this),P(),l(),d(null)};return{init:b}}(),function(e){e.fn.CommandBar=function(){var t=function(e){var t='<li class="ms-ContextualMenu-item"><a class="ms-ContextualMenu-link"" href="#">';return t+=e,t+="</a></li>"},n=function(t,n,i){var s=[];return t.each(function(){var t=e(this),a=t.position().left+t.outerWidth()+n+10-i.position().left;s.push({jquery:t,rightOffset:a})}),s},i=function(e,t,n){for(var i=[],s=0;s<e.length;s++){var a=e[s].jquery,r=e[s].rightOffset;a.hasClass("ms-CommandBarItem-overflow")||(r+n>t?i.push(a):a.removeClass("is-hidden"))}return i},s=function(n,i,s){var a="";if(n.length>0){i.addClass("is-visible"),s.html("");for(var r=0;r<n.length;r++){var o=e(n[r]);o.addClass("is-hidden");var c=o.find(".ms-CommandBarItem-commandText").text();a+=t(c)}s.html(a)}else i.removeClass("is-visible")};return this.each(function(){var t,a,r=e(this),o=r.find(".ms-CommandBar-mainArea"),c=o.find(".ms-CommandBarItem").not(".ms-CommandBarItem-overflow"),l=r.find(".ms-CommandBarItem-overflow"),d=r.find(".ms-CommandBarItem-overflow").outerWidth(),m=r.find(".ms-CommandBar-overflowMenu"),u=r.find(".ms-CommandBarSearch"),f=!1;a=n(c,d,o),t=i(a,o.innerWidth(),d),s(t,l,m),e(window).width()<640&&e(".ms-CommandBarSearch-iconSearchWrapper").click(function(){e(this).closest(".ms-CommandBarSearch").addClass("is-active")}),e(window).resize(function(){var t;e(window).width()<640&&f===!1?(a=n(c,d,o),f=!0,e(".ms-CommandBarSearch-iconSearchWrapper").unbind(),e(".ms-CommandBarSearch-iconSearchWrapper").click(function(){e(this).closest(".ms-CommandBarSearch").addClass("is-active")})):e(window).width()>639&&f===!0&&(a=n(c,d,o),f=!1,e(".ms-CommandBarSearch").unbind()),t=i(a,o.innerWidth(),d),s(t,l,m)}),l.click(function(){m.toggleClass("is-open")}),l.focusout(function(){m.removeClass("is-open")}),u.find(".ms-CommandBarSearch-input").click(function(){e(this).closest(".ms-CommandBarSearch").addClass("is-active")}),u.find(".ms-CommandBarSearch-input").on("focus",function(){e(this).closest(".ms-CommandBarSearch").addClass("is-active")}),u.find(".ms-CommandBarSearch-iconClearWrapper").click(function(){var t=e(this).parent().find(".ms-CommandBarSearch-input");t.val(""),t.parent().removeClass("is-active")}),u.parent().find(".ms-CommandBarSearch-input").blur(function(){var t=e(this);t.val(""),t.parent().removeClass("is-active")})})}}(jQuery),function(e){e.fn.ContextualMenu=function(){return this.each(function(){var t=e(this);t.on("click",".ms-ContextualMenu-link:not(.is-disabled)",function(n){n.preventDefault(),t.hasClass("ms-ContextualMenu--multiselect")?e(this).hasClass("is-selected")?e(this).removeClass("is-selected"):e(this).addClass("is-selected"):(e(".ms-ContextualMenu-link").removeClass("is-selected").siblings(".ms-ContextualMenu").removeClass("is-open"),e(this).addClass("is-selected"),e(this).hasClass("ms-ContextualMenu-link--hasMenu")&&(e(this).siblings(".ms-ContextualMenu:first").addClass("is-open"),n.stopPropagation()))})})}}(jQuery),function(e){function t(t){var s=t.find(".ms-DatePicker-monthComponents"),a=t.find(".ms-DatePicker-goToday"),r=t.find(".ms-DatePicker-monthPicker"),o=t.find(".ms-DatePicker-yearPicker"),c=t.find(".ms-DatePicker-wrap"),l=t.find(".ms-TextField-field").pickadate("picker");s.appendTo(c),a.appendTo(c),r.appendTo(c),o.appendTo(c),i(t),s.on("click",".js-prevMonth",function(e){e.preventDefault();var t=l.get("highlight").month-1;n(l,null,t,null)}),s.on("click",".js-nextMonth",function(e){e.preventDefault();var t=l.get("highlight").month+1;n(l,null,t,null)}),r.on("click",".js-prevYear",function(e){e.preventDefault();var t=l.get("highlight").year-1;n(l,t,null,null)}),r.on("click",".js-nextYear",function(e){e.preventDefault();var t=l.get("highlight").year+1;n(l,t,null,null)}),o.on("click",".js-prevDecade",function(e){e.preventDefault();var t=l.get("highlight").year-10;n(l,t,null,null)}),o.on("click",".js-nextDecade",function(e){e.preventDefault();var t=l.get("highlight").year+10;n(l,t,null,null)}),a.click(function(e){e.preventDefault();var n=new Date;l.set("select",[n.getFullYear(),n.getMonth(),n.getDate()]),t.removeClass("is-pickingMonths").removeClass("is-pickingYears")}),r.on("click",".js-changeDate",function(i){i.preventDefault();var s=e(this).attr("data-year"),a=e(this).attr("data-month"),r=e(this).attr("data-day");n(l,s,a,r),t.hasClass("is-pickingMonths")&&t.removeClass("is-pickingMonths")}),o.on("click",".js-changeDate",function(i){i.preventDefault();var s=e(this).attr("data-year"),a=e(this).attr("data-month"),r=e(this).attr("data-day");n(l,s,a,r),t.hasClass("is-pickingYears")&&t.removeClass("is-pickingYears")}),r.on("click",".js-showDayPicker",function(){t.removeClass("is-pickingMonths"),t.removeClass("is-pickingYears")}),s.on("click",".js-showMonthPicker",function(){t.toggleClass("is-pickingMonths")}),r.on("click",".js-showYearPicker",function(){t.toggleClass("is-pickingYears")})}function n(e,t,n,i){null===t&&(t=e.get("highlight").year),null===n&&(n=e.get("highlight").month),null===i&&(i=e.get("highlight").date),e.set("highlight",[t,n,i])}function i(e){var t=e.find(".ms-DatePicker-monthPicker"),n=e.find(".ms-DatePicker-yearPicker"),i=e.find(".ms-TextField-field").pickadate("picker");t.find(".ms-DatePicker-currentYear").text(i.get("view").year),t.find(".ms-DatePicker-monthOption").removeClass("is-highlighted"),t.find('.ms-DatePicker-monthOption[data-month="'+i.get("highlight").month+'"]').addClass("is-highlighted"),n.find(".ms-DatePicker-currentDecade").remove(),n.find(".ms-DatePicker-optionGrid").remove();var s=i.get("highlight").year-11,a=s+" - "+(s+11),r='<div class="ms-DatePicker-currentDecade">'+a+"</div>";r+='<div class="ms-DatePicker-optionGrid">';for(var o=s;s+12>o;o++)r+='<span class="ms-DatePicker-yearOption js-changeDate" data-year="'+o+'">'+o+"</span>";r+="</div>",n.append(r),n.find(".ms-DatePicker-yearOption").removeClass("is-highlighted"),n.find('.ms-DatePicker-yearOption[data-year="'+i.get("highlight").year+'"]').addClass("is-highlighted")}function s(t){e("html, body").animate({scrollTop:t.offset().top},367)}e.fn.DatePicker=function(n){return this.each(function(){var a=e(this),r=a.find(".ms-TextField-field").pickadate(e.extend({weekdaysShort:["S","M","T","W","T","F","S"],today:"",clear:"",close:"",onStart:function(){t(a)},klass:{input:"ms-DatePicker-input",active:"ms-DatePicker-input--active",picker:"ms-DatePicker-picker",opened:"ms-DatePicker-picker--opened",focused:"ms-DatePicker-picker--focused",holder:"ms-DatePicker-holder",frame:"ms-DatePicker-frame",wrap:"ms-DatePicker-wrap",box:"ms-DatePicker-dayPicker",header:"ms-DatePicker-header",month:"ms-DatePicker-month",year:"ms-DatePicker-year",table:"ms-DatePicker-table",weekdays:"ms-DatePicker-weekday",day:"ms-DatePicker-day",disabled:"ms-DatePicker-day--disabled",selected:"ms-DatePicker-day--selected",highlighted:"ms-DatePicker-day--highlighted",now:"ms-DatePicker-day--today",infocus:"ms-DatePicker-day--infocus",outfocus:"ms-DatePicker-day--outfocus"}},n||{})),o=r.pickadate("picker");o.on({render:function(){i(a)},open:function(){s(a)}})})}}(jQuery),!function(e){"function"==typeof define&&define.amd?define("picker",["jquery"],e):"object"==typeof exports?module.exports=e(require("jquery")):this.Picker=e(jQuery)}(function(e){function t(a,r,o,d){function m(){return t._.node("div",t._.node("div",t._.node("div",t._.node("div",b.component.nodes(g.open),y.box),y.wrap),y.frame),y.holder)}function u(){P.data(r,b).addClass(y.input).val(P.data("value")?b.get("select",k.format):a.value).on("focus."+g.id+" click."+g.id,p),k.editable||P.on("keydown."+g.id,function(e){var t=e.keyCode,n=/^(8|46)$/.test(t);return 27==t?(b.close(),!1):void((32==t||n||!g.open&&b.component.key[t])&&(e.preventDefault(),e.stopPropagation(),n?b.clear().close():b.open()))}),s(a,{haspopup:!0,expanded:!1,readonly:!1,owns:a.id+"_root"+(b._hidden?" "+b._hidden.id:"")})}function f(){b.$root.on({focusin:function(e){b.$root.removeClass(y.focused),e.stopPropagation()},"mousedown click":function(t){var n=t.target;n!=b.$root.children()[0]&&(t.stopPropagation(),"mousedown"!=t.type||e(n).is(":input")||"OPTION"==n.nodeName||(t.preventDefault(),a.focus()))}}).on("click","[data-pick], [data-nav], [data-clear], [data-close]",function(){var t=e(this),n=t.data(),i=t.hasClass(y.navDisabled)||t.hasClass(y.disabled),s=document.activeElement;s=s&&(s.type||s.href)&&s,(i||s&&!e.contains(b.$root[0],s))&&a.focus(),!i&&n.nav?b.set("highlight",b.component.item.highlight,{nav:n.nav}):!i&&"pick"in n?b.set("select",n.pick).close(!0):n.clear?b.clear().close(!0):n.close&&b.close(!0)}),s(b.$root[0],"hidden",!0)}function h(){var t;k.hiddenName===!0?(t=a.name,a.name=""):(t=["string"==typeof k.hiddenPrefix?k.hiddenPrefix:"","string"==typeof k.hiddenSuffix?k.hiddenSuffix:"_submit"],t=t[0]+a.name+t[1]),b._hidden=e('<input type=hidden name="'+t+'"'+(P.data("value")||a.value?' value="'+b.get("select",k.formatSubmit)+'"':"")+">")[0],P.on("change."+g.id,function(){b._hidden.value=a.value?b.get("select",k.formatSubmit):""}).after(b._hidden)}function p(e){e.stopPropagation(),"focus"==e.type&&b.$root.addClass(y.focused),b.open()}if(!a)return t;var v=!1,g={id:a.id||"P"+Math.abs(~~(Math.random()*new Date))},k=o?e.extend(!0,{},o.defaults,d):d||{},y=e.extend({},t.klasses(),k.klass),P=e(a),C=function(){return this.start()},b=C.prototype={constructor:C,$node:P,start:function(){return g&&g.start?b:(g.methods={},g.start=!0,g.open=!1,g.type=a.type,a.autofocus=a==document.activeElement,a.readOnly=!k.editable,a.id=a.id||g.id,"text"!=a.type&&(a.type="text"),b.component=new o(b,k),b.$root=e(t._.node("div",m(),y.picker,'id="'+a.id+'_root"')),f(),k.formatSubmit&&h(),u(),k.container?e(k.container).append(b.$root):P.after(b.$root),b.on({start:b.component.onStart,render:b.component.onRender,stop:b.component.onStop,open:b.component.onOpen,close:b.component.onClose,set:b.component.onSet}).on({start:k.onStart,render:k.onRender,stop:k.onStop,open:k.onOpen,close:k.onClose,set:k.onSet}),v=n(b.$root.children()[0]),a.autofocus&&b.open(),b.trigger("start").trigger("render"))},render:function(e){return e?b.$root.html(m()):b.$root.find("."+y.box).html(b.component.nodes(g.open)),b.trigger("render")},stop:function(){return g.start?(b.close(),b._hidden&&b._hidden.parentNode.removeChild(b._hidden),b.$root.remove(),P.removeClass(y.input).removeData(r),setTimeout(function(){P.off("."+g.id)},0),a.type=g.type,a.readOnly=!1,b.trigger("stop"),g.methods={},g.start=!1,b):b},open:function(n){return g.open?b:(P.addClass(y.active),s(a,"expanded",!0),setTimeout(function(){b.$root.addClass(y.opened),s(b.$root[0],"hidden",!1)},0),n!==!1&&(g.open=!0,v&&l.css("overflow","hidden").css("padding-right","+="+i()),P.trigger("focus"),c.on("click."+g.id+" focusin."+g.id,function(e){var t=e.target;t!=a&&t!=document&&3!=e.which&&b.close(t===b.$root.children()[0])}).on("keydown."+g.id,function(n){var i=n.keyCode,s=b.component.key[i],r=n.target;27==i?b.close(!0):r!=a||!s&&13!=i?e.contains(b.$root[0],r)&&13==i&&(n.preventDefault(),r.click()):(n.preventDefault(),s?t._.trigger(b.component.key.go,b,[t._.trigger(s)]):b.$root.find("."+y.highlighted).hasClass(y.disabled)||b.set("select",b.component.item.highlight).close())})),b.trigger("open"))},close:function(e){return e&&(P.off("focus."+g.id).trigger("focus"),setTimeout(function(){P.on("focus."+g.id,p)},0)),P.removeClass(y.active),s(a,"expanded",!1),setTimeout(function(){b.$root.removeClass(y.opened+" "+y.focused),s(b.$root[0],"hidden",!0)},0),g.open?(g.open=!1,v&&l.css("overflow","").css("padding-right","-="+i()),c.off("."+g.id),b.trigger("close")):b},clear:function(e){return b.set("clear",null,e)},set:function(t,n,i){var s,a,r=e.isPlainObject(t),o=r?t:{};if(i=r&&e.isPlainObject(n)?n:i||{},t){r||(o[t]=n);for(s in o)a=o[s],s in b.component.item&&(void 0===a&&(a=null),b.component.set(s,a,i)),("select"==s||"clear"==s)&&P.val("clear"==s?"":b.get(s,k.format)).trigger("change");b.render()}return i.muted?b:b.trigger("set",o)},get:function(e,n){if(e=e||"value",null!=g[e])return g[e];if("value"==e)return a.value;if(e in b.component.item){if("string"==typeof n){var i=b.component.get(e);return i?t._.trigger(b.component.formats.toString,b.component,[n,i]):""}return b.component.get(e)}},on:function(t,n,i){var s,a,r=e.isPlainObject(t),o=r?t:{};if(t){r||(o[t]=n);for(s in o)a=o[s],i&&(s="_"+s),g.methods[s]=g.methods[s]||[],g.methods[s].push(a)}return b},off:function(){var e,t,n=arguments;for(e=0,namesCount=n.length;namesCount>e;e+=1)t=n[e],t in g.methods&&delete g.methods[t];return b},trigger:function(e,n){var i=function(e){var i=g.methods[e];i&&i.map(function(e){t._.trigger(e,b,[n])})};return i("_"+e),i(e),b}};return new C}function n(e){var t,n="position";return e.currentStyle?t=e.currentStyle[n]:window.getComputedStyle&&(t=getComputedStyle(e)[n]),"fixed"==t}function i(){if(l.height()<=o.height())return 0;var t=e('<div style="visibility:hidden;width:100px" />').appendTo("body"),n=t[0].offsetWidth;t.css("overflow","scroll");var i=e('<div style="width:100%" />').appendTo(t),s=i[0].offsetWidth;return t.remove(),n-s}function s(t,n,i){if(e.isPlainObject(n))for(var s in n)a(t,s,n[s]);else a(t,n,i)}function a(e,t,n){e.setAttribute(("role"==t?"":"aria-")+t,n)}function r(t,n){e.isPlainObject(t)||(t={attribute:n}),n="";for(var i in t){var s=("role"==i?"":"aria-")+i,a=t[i];n+=null==a?"":s+'="'+t[i]+'"'}return n}var o=e(window),c=e(document),l=e(document.documentElement);return t.klasses=function(e){return e=e||"picker",{picker:e,opened:e+"--opened",focused:e+"--focused",input:e+"__input",active:e+"__input--active",holder:e+"__holder",frame:e+"__frame",wrap:e+"__wrap",box:e+"__box"}},t._={group:function(e){for(var n,i="",s=t._.trigger(e.min,e);s<=t._.trigger(e.max,e,[s]);s+=e.i)n=t._.trigger(e.item,e,[s]),i+=t._.node(e.node,n[0],n[1],n[2]);return i},node:function(t,n,i,s){return n?(n=e.isArray(n)?n.join(""):n,i=i?' class="'+i+'"':"",s=s?" "+s:"","<"+t+i+s+">"+n+"</"+t+">"):""},lead:function(e){return(10>e?"0":"")+e},trigger:function(e,t,n){return"function"==typeof e?e.apply(t,n||[]):e},digits:function(e){return/\d/.test(e[1])?2:1},isDate:function(e){return{}.toString.call(e).indexOf("Date")>-1&&this.isInteger(e.getUTCDate())},isInteger:function(e){return{}.toString.call(e).indexOf("Number")>-1&&e%1===0},ariaAttr:r},t.extend=function(n,i){e.fn[n]=function(s,a){var r=this.data(n);return"picker"==s?r:r&&"string"==typeof s?t._.trigger(r[s],r,[a]):this.each(function(){var a=e(this);a.data(n)||new t(this,n,i,s)})},e.fn[n].defaults=i.defaults},t}),function(e){"function"==typeof define&&define.amd?define(["picker","jquery"],e):"object"==typeof exports?module.exports=e(require("./picker.js"),require("jquery")):e(Picker,jQuery)}(function(e,t){function n(e,t){var n=this,i=e.$node[0],s=i.value,a=e.$node.data("value"),r=a||s,o=a?t.formatSubmit:t.format,c=function(){return i.currentStyle?"rtl"==i.currentStyle.direction:"rtl"==getComputedStyle(e.$root[0]).direction};n.settings=t,n.$node=e.$node,n.queue={min:"measure create",max:"measure create",now:"now create",select:"parse create validate",highlight:"parse navigate create validate",view:"parse create validate viewset",disable:"deactivate",enable:"activate"},n.item={},n.item.clear=null,n.item.disable=(t.disable||[]).slice(0),n.item.enable=-function(e){return e[0]===!0?e.shift():-1}(n.item.disable),n.set("min",t.min).set("max",t.max).set("now"),r?n.set("select",r,{format:o}):n.set("select",null).set("highlight",n.item.now),n.key={40:7,38:-7,39:function(){return c()?-1:1},37:function(){return c()?1:-1},go:function(e){var t=n.item.highlight,i=new Date(Date.UTC(t.year,t.month,t.date+e));n.set("highlight",i,{interval:e}),this.render()}},e.on("render",function(){e.$root.find("."+t.klass.selectMonth).on("change",function(){var n=this.value;n&&(e.set("highlight",[e.get("view").year,n,e.get("highlight").date]),e.$root.find("."+t.klass.selectMonth).trigger("focus"))}),e.$root.find("."+t.klass.selectYear).on("change",function(){var n=this.value;n&&(e.set("highlight",[n,e.get("view").month,e.get("highlight").date]),e.$root.find("."+t.klass.selectYear).trigger("focus"))})},1).on("open",function(){var i="";n.disabled(n.get("now"))&&(i=":not(."+t.klass.buttonToday+")"),e.$root.find("button"+i+", select").attr("disabled",!1)},1).on("close",function(){e.$root.find("button, select").attr("disabled",!0)},1)}var i=7,s=6,a=e._;n.prototype.set=function(e,t,n){var i=this,s=i.item;return null===t?("clear"==e&&(e="select"),s[e]=t,i):(s["enable"==e?"disable":"flip"==e?"enable":e]=i.queue[e].split(" ").map(function(s){return t=i[s](e,t,n)}).pop(),"select"==e?i.set("highlight",s.select,n):"highlight"==e?i.set("view",s.highlight,n):e.match(/^(flip|min|max|disable|enable)$/)&&(s.select&&i.disabled(s.select)&&i.set("select",s.select,n),s.highlight&&i.disabled(s.highlight)&&i.set("highlight",s.highlight,n)),i)},n.prototype.get=function(e){return this.item[e]},n.prototype.create=function(e,n,i){var s,r=this;return n=void 0===n?e:n,n==-1/0||1/0==n?s=n:t.isPlainObject(n)&&a.isInteger(n.pick)?n=n.obj:t.isArray(n)?(n=new Date(Date.UTC(n[0],n[1],n[2])),n=a.isDate(n)?n:r.create().obj):n=a.isInteger(n)?r.normalize(new Date(n),i):a.isDate(n)?r.normalize(n,i):r.now(e,n,i),{year:s||n.getUTCFullYear(),month:s||n.getUTCMonth(),date:s||n.getUTCDate(),day:s||n.getUTCDay(),obj:s||n,pick:s||n.getTime()}},n.prototype.createRange=function(e,n){var i=this,s=function(e){return e===!0||t.isArray(e)||a.isDate(e)?i.create(e):e};return a.isInteger(e)||(e=s(e)),a.isInteger(n)||(n=s(n)),a.isInteger(e)&&t.isPlainObject(n)?e=[n.year,n.month,n.date+e]:a.isInteger(n)&&t.isPlainObject(e)&&(n=[e.year,e.month,e.date+n]),{from:s(e),to:s(n)}},n.prototype.withinRange=function(e,t){return e=this.createRange(e.from,e.to),t.pick>=e.from.pick&&t.pick<=e.to.pick},n.prototype.overlapRanges=function(e,t){var n=this;return e=n.createRange(e.from,e.to),t=n.createRange(t.from,t.to),n.withinRange(e,t.from)||n.withinRange(e,t.to)||n.withinRange(t,e.from)||n.withinRange(t,e.to)},n.prototype.now=function(e,t,n){return t=new Date,n&&n.rel&&t.setUTCDate(t.getUTCDate()+n.rel),this.normalize(t,n)},n.prototype.navigate=function(e,n,i){var s,a,r,o,c=t.isArray(n),l=t.isPlainObject(n),d=this.item.view;if(c||l){for(l?(a=n.year,r=n.month,o=n.date):(a=+n[0],r=+n[1],o=+n[2]),i&&i.nav&&d&&d.month!==r&&(a=d.year,r=d.month),s=new Date(Date.UTC(a,r+(i&&i.nav?i.nav:0),1)),a=s.getUTCFullYear(),r=s.getUTCMonth();new Date(Date.UTC(a,r,o)).getUTCMonth()!==r;)o-=1;n=[a,r,o]}return n},n.prototype.normalize=function(e){return e.setUTCHours(0,0,0,0),e},n.prototype.measure=function(e,t){var n=this;return t?"string"==typeof t?t=n.parse(e,t):a.isInteger(t)&&(t=n.now(e,t,{rel:t})):t="min"==e?-1/0:1/0,t},n.prototype.viewset=function(e,t){return this.create([t.year,t.month,1])},n.prototype.validate=function(e,n,i){var s,r,o,c,l=this,d=n,m=i&&i.interval?i.interval:1,u=-1===l.item.enable,f=l.item.min,h=l.item.max,p=u&&l.item.disable.filter(function(e){if(t.isArray(e)){var i=l.create(e).pick;i<n.pick?s=!0:i>n.pick&&(r=!0)}return a.isInteger(e)}).length;if((!i||!i.nav)&&(!u&&l.disabled(n)||u&&l.disabled(n)&&(p||s||r)||!u&&(n.pick<=f.pick||n.pick>=h.pick)))for(u&&!p&&(!r&&m>0||!s&&0>m)&&(m*=-1);l.disabled(n)&&(Math.abs(m)>1&&(n.month<d.month||n.month>d.month)&&(n=d,m=m>0?1:-1),n.pick<=f.pick?(o=!0,m=1,n=l.create([f.year,f.month,f.date+(n.pick===f.pick?0:-1)])):n.pick>=h.pick&&(c=!0,m=-1,n=l.create([h.year,h.month,h.date+(n.pick===h.pick?0:1)])),!o||!c);)n=l.create([n.year,n.month,n.date+m]);return n},n.prototype.disabled=function(e){var n=this,i=n.item.disable.filter(function(i){return a.isInteger(i)?e.day===(n.settings.firstDay?i:i-1)%7:t.isArray(i)||a.isDate(i)?e.pick===n.create(i).pick:t.isPlainObject(i)?n.withinRange(i,e):void 0});return i=i.length&&!i.filter(function(e){return t.isArray(e)&&"inverted"==e[3]||t.isPlainObject(e)&&e.inverted}).length,-1===n.item.enable?!i:i||e.pick<n.item.min.pick||e.pick>n.item.max.pick},n.prototype.parse=function(e,t,n){var i=this,s={};return t&&"string"==typeof t?(n&&n.format||(n=n||{},n.format=i.settings.format),i.formats.toArray(n.format).map(function(e){var n=i.formats[e],r=n?a.trigger(n,i,[t,s]):e.replace(/^!/,"").length;n&&(s[e]=t.substr(0,r)),t=t.substr(r)}),[s.yyyy||s.yy,+(s.mm||s.m)-1,s.dd||s.d]):t},n.prototype.formats=function(){function e(e,t,n){var i=e.match(/\w+/)[0];return n.mm||n.m||(n.m=t.indexOf(i)+1),i.length}function t(e){return e.match(/\w+/)[0].length}return{d:function(e,t){return e?a.digits(e):t.date},dd:function(e,t){return e?2:a.lead(t.date)},ddd:function(e,n){return e?t(e):this.settings.weekdaysShort[n.day]},dddd:function(e,n){return e?t(e):this.settings.weekdaysFull[n.day]},m:function(e,t){return e?a.digits(e):t.month+1},mm:function(e,t){return e?2:a.lead(t.month+1)},mmm:function(t,n){var i=this.settings.monthsShort;return t?e(t,i,n):i[n.month]},mmmm:function(t,n){var i=this.settings.monthsFull;return t?e(t,i,n):i[n.month]},yy:function(e,t){return e?2:(""+t.year).slice(2)},yyyy:function(e,t){return e?4:t.year},toArray:function(e){return e.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g)},toString:function(e,t){var n=this;return n.formats.toArray(e).map(function(e){return a.trigger(n.formats[e],n,[0,t])||e.replace(/^!/,"")}).join("")}}}(),n.prototype.isDateExact=function(e,n){var i=this;return a.isInteger(e)&&a.isInteger(n)||"boolean"==typeof e&&"boolean"==typeof n?e===n:(a.isDate(e)||t.isArray(e))&&(a.isDate(n)||t.isArray(n))?i.create(e).pick===i.create(n).pick:t.isPlainObject(e)&&t.isPlainObject(n)?i.isDateExact(e.from,n.from)&&i.isDateExact(e.to,n.to):!1},n.prototype.isDateOverlap=function(e,n){var i=this,s=i.settings.firstDay?1:0;return a.isInteger(e)&&(a.isDate(n)||t.isArray(n))?(e=e%7+s,e===i.create(n).day+1):a.isInteger(n)&&(a.isDate(e)||t.isArray(e))?(n=n%7+s,n===i.create(e).day+1):t.isPlainObject(e)&&t.isPlainObject(n)?i.overlapRanges(e,n):!1},n.prototype.flipEnable=function(e){var t=this.item;t.enable=e||(-1==t.enable?1:-1)},n.prototype.deactivate=function(e,n){var i=this,s=i.item.disable.slice(0);return"flip"==n?i.flipEnable():n===!1?(i.flipEnable(1),s=[]):n===!0?(i.flipEnable(-1),s=[]):n.map(function(e){for(var n,r=0;r<s.length;r+=1)if(i.isDateExact(e,s[r])){n=!0;break}n||(a.isInteger(e)||a.isDate(e)||t.isArray(e)||t.isPlainObject(e)&&e.from&&e.to)&&s.push(e)}),s},n.prototype.activate=function(e,n){var i=this,s=i.item.disable,r=s.length;return"flip"==n?i.flipEnable():n===!0?(i.flipEnable(1),s=[]):n===!1?(i.flipEnable(-1),s=[]):n.map(function(e){var n,o,c,l;for(c=0;r>c;c+=1){if(o=s[c],i.isDateExact(o,e)){n=s[c]=null,l=!0;break}if(i.isDateOverlap(o,e)){t.isPlainObject(e)?(e.inverted=!0,n=e):t.isArray(e)?(n=e,n[3]||n.push("inverted")):a.isDate(e)&&(n=[e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),"inverted"]);break}}if(n)for(c=0;r>c;c+=1)if(i.isDateExact(s[c],e)){s[c]=null;break}if(l)for(c=0;r>c;c+=1)if(i.isDateOverlap(s[c],e)){s[c]=null;break}n&&s.push(n)}),s.filter(function(e){return null!=e})},n.prototype.nodes=function(e){var t=this,n=t.settings,r=t.item,o=r.now,c=r.select,l=r.highlight,d=r.view,m=r.disable,u=r.min,f=r.max,h=function(e,t){return n.firstDay&&(e.push(e.shift()),t.push(t.shift())),a.node("thead",a.node("tr",a.group({min:0,max:i-1,i:1,node:"th",item:function(i){return[e[i],n.klass.weekdays,'scope=col title="'+t[i]+'"']}})))}((n.showWeekdaysFull?n.weekdaysFull:n.weekdaysShort).slice(0),n.weekdaysFull.slice(0)),p=function(e){return a.node("div"," ",n.klass["nav"+(e?"Next":"Prev")]+(e&&d.year>=f.year&&d.month>=f.month||!e&&d.year<=u.year&&d.month<=u.month?" "+n.klass.navDisabled:""),"data-nav="+(e||-1)+" "+a.ariaAttr({role:"button",components:t.$node[0].id+"_table"})+' title="'+(e?n.labelMonthNext:n.labelMonthPrev)+'"')},v=function(){var i=n.showMonthsShort?n.monthsShort:n.monthsFull;return n.selectMonths?a.node("select",a.group({min:0,max:11,i:1,node:"option",item:function(e){return[i[e],0,"value="+e+(d.month==e?" selected":"")+(d.year==u.year&&e<u.month||d.year==f.year&&e>f.month?" disabled":"")]}}),n.klass.selectMonth,(e?"":"disabled")+" "+a.ariaAttr({components:t.$node[0].id+"_table"})+' title="'+n.labelMonthSelect+'"'):a.node("div",i[d.month],n.klass.month)},g=function(){var i=d.year,s=n.selectYears===!0?5:~~(n.selectYears/2);if(s){var r=u.year,o=f.year,c=i-s,l=i+s;if(r>c&&(l+=r-c,c=r),l>o){var m=c-r,h=l-o;c-=m>h?h:m,l=o}return a.node("select",a.group({min:c,max:l,i:1,node:"option",item:function(e){return[e,0,"value="+e+(i==e?" selected":"")]}}),n.klass.selectYear,(e?"":"disabled")+" "+a.ariaAttr({components:t.$node[0].id+"_table"})+' title="'+n.labelYearSelect+'"')}return a.node("div",i,n.klass.year)};return a.node("div",(n.selectYears?g()+v():v()+g())+p()+p(1),n.klass.header)+a.node("table",h+a.node("tbody",a.group({min:0,max:s-1,i:1,node:"tr",item:function(e){var s=n.firstDay&&0===t.create([d.year,d.month,1]).day?-7:0;return[a.group({min:i*e-d.day+s+1,max:function(){return this.min+i-1},i:1,node:"td",item:function(e){e=t.create([d.year,d.month,e+(n.firstDay?1:0)]);var i=c&&c.pick==e.pick,s=l&&l.pick==e.pick,r=m&&t.disabled(e)||e.pick<u.pick||e.pick>f.pick;return[a.node("div",e.date,function(t){return t.push(d.month==e.month?n.klass.infocus:n.klass.outfocus),o.pick==e.pick&&t.push(n.klass.now),i&&t.push(n.klass.selected),s&&t.push(n.klass.highlighted),r&&t.push(n.klass.disabled),t.join(" ")}([n.klass.day]),"data-pick="+e.pick+" "+a.ariaAttr({role:"gridcell",selected:i&&t.$node.val()===a.trigger(t.formats.toString,t,[n.format,e])?!0:null,activedescendant:s?!0:null,disabled:r?!0:null})),"",a.ariaAttr({role:"presentation"})]}})]}})),n.klass.table,'id="'+t.$node[0].id+'_table" '+a.ariaAttr({role:"grid",components:t.$node[0].id,readonly:!0}))+a.node("div",a.node("button",n.today,n.klass.buttonToday,"type=button data-pick="+o.pick+(e&&!t.disabled(o)?"":" disabled")+" "+a.ariaAttr({components:t.$node[0].id}))+a.node("button",n.clear,n.klass.buttonClear,"type=button data-clear=1"+(e?"":" disabled")+" "+a.ariaAttr({components:t.$node[0].id}))+a.node("button",n.close,n.klass.buttonClose,"type=button data-close=true "+(e?"":" disabled")+" "+a.ariaAttr({components:t.$node[0].id})),n.klass.footer)},n.defaults=function(e){return{labelMonthNext:"Next month",labelMonthPrev:"Previous month",labelMonthSelect:"Select a month",labelYearSelect:"Select a year",monthsFull:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdaysFull:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],today:"Today",clear:"Clear",close:"Close",format:"d mmmm, yyyy",klass:{table:e+"table",header:e+"header",navPrev:e+"nav--prev",navNext:e+"nav--next",navDisabled:e+"nav--disabled",month:e+"month",year:e+"year",selectMonth:e+"select--month",selectYear:e+"select--year",weekdays:e+"weekday",day:e+"day",disabled:e+"day--disabled",selected:e+"day--selected",highlighted:e+"day--highlighted",now:e+"day--today",infocus:e+"day--infocus",outfocus:e+"day--outfocus",footer:e+"footer",buttonClear:e+"button--clear",buttonToday:e+"button--today",buttonClose:e+"button--close"}}}(e.klasses().picker+"__"),e.extend("pickadate",n)}),function(e){e.fn.Dialog=function(){return e(".js-DialogAction--open").each(function(){e(this).on("click",function(){var t=e(this).data("target");e(t).show()})}),this.each(function(){var t=this;e(t).hide(),e(t).find(".js-DialogAction--close").each(function(){e(this).on("click",function(){e(t).hide()})}),e(t).find(".ms-Dialog-action").on("click",function(){e(t).hide()})})}}(jQuery),function(e){e.fn.Dropdown=function(){return this.each(function(){function t(t){if(!n.hasClass("is-disabled")){n.find(".is-open").removeClass("is-open"),t.stopPropagation();var i=e(this).parents(".ms-Dropdown").width();e(this).next(".ms-Dropdown-items").css("width",i+"px"),n.toggleClass("is-open"),e(".ms-Dropdown").each(function(){e(this)[0]!==n[0]&&e(this).removeClass("is-open")}),e(document).bind("click.dropdown",function(){n.removeClass("is-open"),e(document).unbind("click.dropdown")})}}var n=e(this),i=n.children(".ms-Dropdown-select"),s=i.children("option"),a="",r="",o="";s.each(function(e,t){t.selected&&(a=t.text),r+='<li class="ms-Dropdown-item'+(t.disabled?' is-disabled"':'"')+">"+t.text+"</li>"}),o='<span class="ms-Dropdown-title">'+a+'</span><ul class="ms-Dropdown-items">'+r+"</ul>",n.append(o),n.on("click",".ms-Dropdown-title",function(e){t(e)}),n.on("keyup",function(s){var a=s.keyCode||s.which;if(e(this).hasClass("is-open")){if(e(this).hasClass("is-open")&&(38===a&&e(this).find(".ms-Dropdown-item.is-selected").prev().siblings().size()>0&&e(this).find(".ms-Dropdown-item.is-selected").removeClass("is-selected").prev().addClass("is-selected"),40===a&&e(this).find(".ms-Dropdown-item.is-selected").next().siblings().size()>0&&e(this).find(".ms-Dropdown-item.is-selected").removeClass("is-selected").next().addClass("is-selected"),13===a&&!n.hasClass("is-disabled"))){var r=e(this).find(".ms-Dropdown-item.is-selected").text();e(this).find(".ms-Dropdown-title").html(r),i.find("option").each(function(t,n){n.text===r?e(this).prop("selected",!0):e(this).prop("selected",!1)}),i.change(),e(this).removeClass("is-open")}}else(13===a||38===a||40===a)&&(t(s),e(this).find(".ms-Dropdown-item").hasClass("is-selected")||e(this).find(".ms-Dropdown-item:first").addClass("is-selected"));27===a&&e(this).removeClass("is-open")}),n.on("click",".ms-Dropdown-item",function(){if(!n.hasClass("is-disabled")){e(this).siblings(".ms-Dropdown-item").removeClass("is-selected"),e(this).addClass("is-selected"),e(this).parents().siblings(".ms-Dropdown-title").html(e(this).text());var t=e(this).text();i.find("option").each(function(n,i){i.text===t?e(this).prop("selected",!0):e(this).prop("selected",!1)}),i.change()}})})}}(jQuery),function(e){e.fn.Facepile=function(){return this.each(function(){
+e(".ms-PeoplePicker").PeoplePicker(),e(".ms-Panel").Panel();var t=e(this),n=e(".ms-Facepile-members"),i=e(".ms-Facepile-members > .ms-Facepile-itemBtn").length,s=e(".ms-Facepile-panel.ms-Panel"),a=s.find(".ms-Panel-main"),r=e(".ms-PeoplePicker.ms-PeoplePicker--Facepile"),o=r.find(".ms-PeoplePicker-selectedPeople"),c=e(".ms-Facepile").find(".ms-PersonaCard"),l=function(){if(i+=1,e(".ms-Facepile-members").children(":gt(4)").hide(),i>5){e(".ms-Facepile-itemBtn--overflow").addClass("is-active");var t=i-5;e(".ms-Facepile-overflowText").text("+"+t)}};t.on("click",".js-addPerson",function(){a.css({display:"block"}),s.toggleClass("is-open").addClass("ms-Panel-animateIn").removeClass("ms-Facepile-panel--overflow ms-Panel--right").addClass("ms-Facepile-panel--addPerson"),c.removeClass("is-active").hide()}),s.on("click",".js-togglePanel",function(){s.toggleClass("is-open").addClass("ms-Panel-animateIn")}),t.on("click",".js-overflowPanel",function(){a.css({display:"block"}),s.toggleClass("is-open").addClass("ms-Panel-animateIn").removeClass("ms-Facepile-panel--addPerson").addClass("ms-Facepile-panel--overflow ms-Panel--right")}),e(document).ready(function(){e(".ms-Facepile-overflowText").text("+"+i)}),e(".ms-PeoplePicker-result").on("click",function(){var t=e(this),i=t.find(".ms-Persona-primaryText").html(),s=t.find(".ms-Persona-secondaryText").html(),a=function(){for(var e=i.split(" "),t="",n=0;n<e.length;n++)t+=e[n].charAt(0);return t.substring(0,2)}(),r=t.find(".ms-Persona-initials").attr("class"),o=function(){if(t.find(".ms-Persona-image").length){var e=t.find(".ms-Persona-image").attr("src");return'<img class="ms-Persona-image" src="'+e+'" alt="Persona image">'}return""}(),c='<button class="ms-Facepile-itemBtn ms-Facepile-itemBtn--member" title="'+i+'"><div class="ms-Persona ms-Persona--xs"><div class="ms-Persona-imageArea"><div class="'+r+'">'+a+"</div>"+o+'</div><div class="ms-Persona-presence"></div><div class="ms-Persona-details"><div class="ms-Persona-primaryText">'+i+'</div><div class="ms-Persona-secondaryText">'+s+"</div></div></div></button>";n.prepend(c),l()}),o.on("click",".js-selectedRemove",function(){var t=e(this).parent().find(".ms-Persona-primaryText").text(),s=n.find(".ms-Persona-primaryText:contains("+t+")").first();if(s)if(s.parent().closest(".ms-Facepile-itemBtn").remove(),i-=1,e(".ms-Facepile-members").children(":lt(5)").show(),5>=i)e(".ms-Facepile-itemBtn--overflow").removeClass("is-active");else{var a=i-5;e(".ms-Facepile-overflowText").text("+"+a)}}),n.on("click",".ms-Facepile-itemBtn",function(){var t=e(this).find(".ms-Persona-primaryText").html(),n=e(this).find(".ms-Persona-secondaryText").html(),i=function(){for(var e=t.split(" "),n="",i=0;i<e.length;i++)n+=e[i].charAt(0);return n.substring(0,2)}(),s=e(this).find(".ms-Persona-initials").attr("class"),a=e(this).find(".ms-Persona-image").attr("src"),r=e(".ms-PersonaCard"),o=r.find(".ms-Persona-primaryText"),l=r.find(".ms-Persona-secondaryText"),d=r.find(".ms-Persona-initials"),m=r.find(".ms-Persona-image");if(c.removeClass("is-active"),o.text(t),l.text(n),d.text(i),d.removeClass(),d.addClass(s),m.attr("src",a),setTimeout(function(){c.addClass("is-active")},100),e(window).width()>480){var u=e(this).offset().left,f=u-26;c.css({left:f})}else c.css({left:0,top:"auto",position:"fixed"})}),e(document).on("click",function(t){var n=e(".ms-Facepile-itemBtn--member");n.is(t.target)||0!==n.has(t.target).length||c.is(t.target)||0!==c.has(t.target).length?c.addClass("is-active"):(c.removeClass("is-active"),c.removeAttr("style"))})})}}(jQuery),function(e){e.fn.ListItem=function(){return this.each(function(){var t=e(this);t.on("click",".js-toggleSelection",function(){e(this).parents(".ms-ListItem").toggleClass("is-selected")})})}}(jQuery);var fabric=fabric||{};fabric.MessageBanner=function(e){this.container=e,this.init()},fabric.MessageBanner.prototype=function(){var e,t,n,i,s,a,r,o,c,l=700,d=88,m=35,u=480,f=function(){n=r.offsetWidth,window.innerWidth>=u?h():p()},h=function(){n-t>s&&l>s?(i="auto",a.className="ms-MessageBanner-expand",k()):(i=Math.min(n-t,l)+"px",-1===a.className.indexOf("is-visible")&&(a.className+=" is-visible")),e.style.width=i},p=function(){n-(m+c.offsetWidth)>s?(i="auto",k()):i=n-(m+c.offsetWidth)+"px",e.style.width=i},v=function(n){r=n.container,e=n.container.querySelector(".ms-MessageBanner-clipper"),a=n.container.querySelector(".ms-MessageBanner-expand"),o=n.container.querySelector(".ms-MessageBanner-action"),t=o.offsetWidth+d,c=n.container.querySelector(".ms-MessageBanner-close")},g=function(){var e=a.querySelector(".ms-Icon");r.className+=" is-expanded",e.className="ms-Icon ms-Icon--chevronsUp"},k=function(){var e=a.querySelector(".ms-Icon");r.className="ms-MessageBanner",e.className="ms-Icon ms-Icon--chevronsDown"},y=function(){r.className.indexOf("is-expanded")>-1?k():g()},P=function(){-1===r.className.indexOf("hide")&&(r.className+=" hide",setTimeout(function(){r.className="ms-MessageBanner is-hidden"},500))},C=function(){r.className="ms-MessageBanner"},b=function(){window.addEventListener("resize",f,!1),a.addEventListener("click",y,!1),c.addEventListener("click",P,!1)},x=function(){v(this),b(),n=r.offsetWidth,s=e.offsetWidth,f(null)};return{init:x,showBanner:C}}(),function(e){e.fn.NavBar=function(){return this.each(function(){var t=e(this);t.on("click",".js-openMenu",function(e){e.stopPropagation(),t.toggleClass("is-open")}),t.click(function(){t.hasClass("is-open")&&t.removeClass("is-open")}),t.on("click",".ms-NavBar-item:not(.is-disabled)",function(n){var i=t.find(".ms-NavBar-item.ms-NavBar-item--search .ms-TextField-field");n.stopPropagation(),0===e(this).children(".ms-NavBar-link").length&&n.preventDefault(),e(this).siblings(".ms-NavBar-item").removeClass("is-selected"),i.length>0&&0===i.val().length&&e(".ms-NavBar-item.ms-NavBar-item--search").removeClass("is-open").find(".ms-TextField-field").blur(),e(this).hasClass("ms-NavBar-item--hasMenu")?(e(this).siblings(".ms-NavBar-item--hasMenu").children(".ms-ContextualMenu:first").removeClass("is-open"),e(this).children(".ms-ContextualMenu:first").toggleClass("is-open"),e(this).toggleClass("is-selected")):(e(this).addClass("is-selected"),t.removeClass("is-open").find(".ms-ContextualMenu").removeClass("is-open")),e(this).hasClass("ms-NavBar-item--search")&&(e(this).addClass("is-open"),e(this).find(".ms-TextField-field").focus(),t.find(".ms-ContextualMenu:first").removeClass("is-open"))}),t.on("click",".ms-NavBar-item .ms-ContextualMenu",function(n){n.stopPropagation(),e(this).removeClass("is-open"),t.removeClass("is-open").find(".ms-NavBar-item--hasMenu").removeClass("is-selected")}),e(document).on("click","html",function(){var e=t.find(".ms-NavBar-item.ms-NavBar-item--search .ms-TextField-field");t.find(".ms-NavBar-item").removeClass("is-selected").find(".ms-ContextualMenu").removeClass("is-open"),e.length>0&&0===e.val().length&&t.find(".ms-NavBar-item.ms-NavBar-item--search").removeClass("is-open").find(".ms-TextField-field").blur()})})}}(jQuery),function(e){e.fn.Panel=function(){function t(e,t,i){for(var s=0;s<n.length;s++)n[s]||(t=t.toLowerCase()),e.addEventListener(n[s]+t,i,!1)}var n=["webkit","moz","MS","o",""];return this.each(function(){var n=e(this),i=n.find(".ms-Panel-main");e(".ms-PanelAction-close").on("click",function(){n.addClass("ms-Panel-animateOut")}),e(".ms-PanelAction-open").on("click",function(){n.addClass("is-open"),n.addClass("ms-Panel-animateIn")}),t(i[0],"AnimationEnd",function(e){e.animationName.indexOf("Out")>-1&&(n.removeClass("is-open"),n.removeClass("ms-Panel-animateIn ms-Panel-animateOut"))})})}}(jQuery);var fabric=fabric||{};!function(e){function t(e){var t=e.find(".ms-PeoplePicker-searchBox"),n=t.position().left,i=t.outerWidth(),s=n+i,a=t.find(".ms-PeoplePicker-persona:last"),r=a.offset().left,o=a.outerWidth(),c=r+o,l=s-c-7;100>l&&(l="100%"),e.find(".ms-PeoplePicker-searchField").outerWidth(l)}e.fn.PeoplePicker=function(){return this.each(function(){function n(t){e("html, body").animate({scrollTop:s.offset().top},367),s.hasClass("is-active")&&s.removeClass("is-active"),s.hasClass("ms-PeoplePicker--Facepile")&&""===a.val()&&d.children(":gt(4)").hide(),s.hasClass("ms-PeoplePicker--Facepile")&&(c.addClass("ms-u-slideDownIn20"),setTimeout(function(){r.removeClass("ms-u-slideDownIn20"),c.removeClass("ms-u-slideDownIn20")},1e3)),m=!0,t.stopPropagation(),s.hasClass("ms-PeoplePicker--Facepile")||r.width(s.width()-2),s.addClass("is-active"),e(document).bind("click.peoplepicker",function(){s.removeClass("is-active"),s.hasClass("ms-PeoplePicker--Facepile")&&(s.removeClass("is-searching"),e(".ms-PeoplePicker-selected").show(),e(".ms-PeoplePicker-searchMore").removeClass("is-active"),a.val("")),e(document).unbind("click.peoplepicker"),m=!1})}var i,s=e(this),a=s.find(".ms-PeoplePicker-searchField"),r=s.find(".ms-PeoplePicker-results"),o=s.find(".ms-PeoplePicker-selected"),c=s.find(".ms-PeoplePicker-selectedPeople"),l=s.find(".ms-PeoplePicker-selectedCount"),d=s.find(".ms-PeoplePicker-peopleList"),m=!1,u=e(".ms-PeoplePicker").find(".ms-PersonaCard");s.on("focus",".ms-PeoplePicker-searchField",function(e){n(e)}),s.on("click",".ms-PeoplePicker-searchField",function(e){n(e)}),e(this).click(function(e){e.stopPropagation()}),r.on("click",".ms-PeoplePicker-result",function(){var n=e(this),i=n.find(".ms-Persona-primaryText").html(),r=n.find(".ms-Persona-secondaryText").html(),m=function(){for(var e=i.split(" "),t="",n=0;n<e.length;n++)t+=e[n].charAt(0);return t.substring(0,2)}(),u=n.find(".ms-Persona-initials").attr("class"),f=function(){if(n.find(".ms-Persona-image").length){var e=n.find(".ms-Persona-image").attr("src");return'<img class="ms-Persona-image" src="'+e+'" alt="Persona image">'}return""}(),h='<div class="ms-PeoplePicker-persona"><div class="ms-Persona ms-Persona--xs ms-Persona--square"><div class="ms-Persona-imageArea"><div class="'+u+'">'+m+"</div>"+f+'</div><div class="ms-Persona-presence"></div><div class="ms-Persona-details"><div class="ms-Persona-primaryText">'+i+'</div> </div></div><button class="ms-PeoplePicker-personaRemove"><i class="ms-Icon ms-Icon--x"></i> </button></div>',p='<li class="ms-PeoplePicker-selectedPerson"><div class="ms-Persona ms-Persona--sm"><div class="ms-Persona-imageArea"><div class="'+u+'">'+m+"</div>"+f+'</div><div class="ms-Persona-presence"></div><div class="ms-Persona-details"><div class="ms-Persona-primaryText">'+i+'</div><div class="ms-Persona-secondaryText">'+r+'</div></div></div><button class="ms-PeoplePicker-resultAction js-selectedRemove"><i class="ms-Icon ms-Icon--x"></i></button></li>';if(s.hasClass("ms-PeoplePicker--Facepile")||s.hasClass("ms-PeoplePicker--membersList")){o.hasClass("is-active")||o.addClass("is-active"),c.prepend(p),s.removeClass("is-active");var v=s.find(".ms-PeoplePicker-selectedPerson").length;l.html(v),d.children().show(),d.children(":gt(4)").hide(),e(".ms-PeoplePicker-searchMore").removeClass("is-active"),a.val("")}else a.before(h),s.removeClass("is-active"),t(s)}),s.on("click",".ms-PeoplePicker-personaRemove",function(){e(this).parents(".ms-PeoplePicker-persona").remove(),0===e(".ms-PeoplePicker-persona").length?s.find(".ms-PeoplePicker-searchField").outerWidth("100%"):t(s)}),r.on("click",".js-searchMore",function(){var t=e(this),n=t.find(".ms-PeoplePicker-searchMorePrimary"),r=n.html(),o=a.val();t.addClass("is-searching"),n.html("Searching for "+o),i?i.start():i=new fabric.Spinner(t.get(0)),s.hasClass("ms-PeoplePicker--Facepile")&&setTimeout(function(){d.children().show()},1500),setTimeout(function(){t.removeClass("is-searching"),n.html(r),i.stop()},1500)}),r.on("click",".js-resultRemove",function(t){t.stopPropagation(),e(this).parent(".ms-PeoplePicker-result").remove()}),r.on("click",".js-resultExpand",function(t){t.stopPropagation(),e(this).parent(".ms-PeoplePicker-result").toggleClass("is-expanded")}),c.on("click",".js-selectedRemove",function(t){t.stopPropagation(),e(this).parent(".ms-PeoplePicker-selectedPerson").remove();var n=s.find(".ms-PeoplePicker-selectedPerson").length;l.html(n),0===s.find(".ms-PeoplePicker-selectedPerson").length&&o.removeClass("is-active")});var f=function(t,n,i){return t.find(".ms-Persona-primaryText").filter(function(){return i?e(this).text().toLowerCase()===n:e(this).text().toLowerCase()!==n}).parents(".ms-PeoplePicker-peopleListItem")};s.on("keyup",".ms-PeoplePicker-searchField",function(t){var n=[],i=[],a=r.find(".ms-Persona-primaryText");s.addClass("is-searching"),o.hide(),d.children(":lt(5)").show(),e(".ms-PeoplePicker-searchMore").addClass("is-active"),a.each(function(){n.push(e(this).text())});for(var l=0;l<n.length;l++){var m,u=n[l].toLowerCase(),h=t.target.value.toLowerCase();u.indexOf(h)>-1?(m=n[l].toLowerCase(),i.push(n[l]),f(r,m,!0).show()):f(r,m,!1).hide()}""===e(this).val()&&(s.removeClass("is-searching"),o.show(),e(".ms-PeoplePicker-searchMore").removeClass("is-active"),c.addClass("ms-u-slideDownIn20"),setTimeout(function(){c.removeClass("ms-u-slideDownIn20")},1e3),d.children(":gt(4)").hide())}),c.on("click",".ms-Persona",function(){var t=e(this).find(".ms-Persona-primaryText").html(),n=e(this).find(".ms-Persona-secondaryText").html(),i=function(){for(var e=t.split(" "),n="",i=0;i<e.length;i++)n+=e[i].charAt(0);return n.substring(0,2)}(),s=e(this).find(".ms-Persona-initials").attr("class"),a=e(this).find(".ms-Persona-image").attr("src"),r=e(".ms-PersonaCard"),o=r.find(".ms-Persona-primaryText"),c=r.find(".ms-Persona-secondaryText"),l=r.find(".ms-Persona-initials"),d=r.find(".ms-Persona-image");if(u.removeClass("is-active"),o.text(t),c.text(n),l.text(i),l.removeClass(),l.addClass(s),d.attr("src",a),setTimeout(function(){u.addClass("is-active"),setTimeout(function(){u.css({"animation-name":"none"})},300)},100),e(window).width()>480){var m=e(this).offset().top,f=m+10;u.css({top:f,left:0})}else u.css({top:"auto"})}),e(document).on("click",function(t){var n=e(".ms-PeoplePicker-selectedPerson").find(".ms-Persona");n.is(t.target)||u.is(t.target)||0!==u.has(t.target).length?u.addClass("is-active"):(u.removeClass("is-active"),setTimeout(function(){u.removeAttr("style")},300))})})}}(jQuery),function(e){e.fn.PersonaCard=function(){return this.each(function(){var t=e(this);t.on("click",".ms-PersonaCard-action",function(){t.find(".ms-PersonaCard-action").removeClass("is-active"),e(this).addClass("is-active");var n=function(e,t){var n=e.className+"",i=t.charAt(0).toUpperCase()+t.slice(1),s="ms-PersonaCard-detail"+i;n!==s&&(e.classList.remove(n),e.classList.add(s))},i=e(this).attr("id");n(e(this).parent().next().find("#detailList")[0],i);var s=e(this).attr("id");t.find(".ms-PersonaCard-actionDetails").removeClass("is-active"),t.find("#"+s+".ms-PersonaCard-actionDetails").addClass("is-active")}),t.on("click",".ms-PersonaCard-detailExpander",function(){e(this).parent(".ms-PersonaCard-actionDetails").toggleClass("is-collapsed")})})}}(jQuery),function(e){e.fn.Pivot=function(){return this.each(function(){var t=e(this);t.on("click",".ms-Pivot-link",function(t){t.preventDefault();var n=e(this).find(".ms-Pivot-ellipsis");0===n.length&&(e(this).siblings(".ms-Pivot-link").removeClass("is-selected"),e(this).addClass("is-selected"))})})}}(jQuery);var fabric=fabric||{};fabric.ProgressIndicator=function(e){this.container=e,this.cacheDOM()},fabric.ProgressIndicator.prototype=function(){var e,t,n,i,s,a,r=function(e){a.style.width=Math.round(t*e)+"px"},o=function(t){e=t;var n=e/i;this.setProgressPercent(n)},c=function(e){i=e},l=function(e){n.innerHTML=e},d=function(e){s.innerHTML=e},m=function(){n=this.container.querySelector(".ms-ProgressIndicator-itemName")||null,s=this.container.querySelector(".ms-ProgressIndicator-itemDescription")||null,a=this.container.querySelector(".ms-ProgressIndicator-progressBar"),t=this.container.querySelector(".ms-ProgressIndicator-itemProgress").offsetWidth};return{setProgressPercent:r,setName:l,setDescription:d,setProgress:o,setTotal:c,cacheDOM:m}}(),function(e){e.fn.SearchBox=function(){return this.each(function(){var t=!1,n=e(this).find(".ms-SearchBox-field");n.on("focus",function(){e(this).siblings(".ms-SearchBox-label").hide(),e(this).parent(".ms-SearchBox").addClass("is-active")}),n.on("mouseover",function(){n.addClass("hovering")}),n.on("mouseout",function(){n.removeClass("hovering")}),e(this).find(".ms-SearchBox-closeButton").on("mousedown",function(){t=!0}),e(this).find(".ms-SearchBox-field").on("blur",function(){t&&(e(this).val(""),n.addClass("hovering"));var i=e(this).parent(".ms-SearchBox");setTimeout(function(){i.removeClass("is-active")},10),0===e(this).val().length&&e(this).siblings(".ms-SearchBox-label").show(),t=!1})})}}(jQuery);var fabric=fabric||{};fabric.Spinner=function(e){function t(){d=setInterval(function(){for(var e=g.length;e--;)a(g[e])},k)}function n(){clearInterval(d)}function i(){-1===p.className.indexOf("ms-Spinner")?(m=document.createElement("div"),m.className="ms-Spinner",p.appendChild(m)):m=p,f=v,u=8,h=m.className.indexOf("large")>-1?28:20,l(),s(),t()}function s(){var e,t=0,n=1;for(y=1/u,t;u>t;t++){var i=g[t];e=y*n++,o(i.element,e)}}function a(e){var t=r(e.element)-y;0>=t&&(t=1),o(e.element,t)}function r(e){return parseFloat(window.getComputedStyle(e).getPropertyValue("opacity"))}function o(e,t){e.style.opacity=t}function c(){var e=document.createElement("div");return e.className="ms-Spinner-circle",e.style.width=e.style.height=h*f+"px",e}function l(){for(var e,t=0,n=h*f,i=2*Math.PI/u,s=u,a=.5*(h-n);s--;){var r=c(),o=Math.round(10+a*Math.cos(t)-.5*r.clientWidth)-.5*n,l=Math.round(10+a*Math.sin(t)-.5*r.clientHeight)-.5*n;m.appendChild(r),r.style.left=o+"px",r.style.top=l+"px",t+=i,e={element:r,j:s},g.push(e)}}var d,m,u,f,h,p=e,v=.179,g=[],k=90,y=0;return i(),{start:t,stop:n}},function(e){e.fn.TextField=function(){return this.each(function(){e(this).hasClass("ms-TextField--placeholder")&&(e(this).on("click",function(){e(this).find(".ms-Label").hide()}),e(this).find(".ms-TextField-field").on("blur",function(){0===e(this).val().length&&e(this).siblings(".ms-Label").show()})),e(this).hasClass("ms-TextField--underlined")&&(e(this).find(".ms-TextField-field").on("focus",function(){e(this).parent(".ms-TextField--underlined").addClass("is-active")}),e(this).find(".ms-TextField-field").on("blur",function(){e(this).parent(".ms-TextField--underlined").removeClass("is-active")}))})}}(jQuery);

dist/samples/Components/Breadcrumb/Breadcrumb.js

@@ -51,3 +51,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
     var text;
-    var link;
+    var link; 
     var tabIndex;
@@ -68,6 +68,6 @@
    */
-  var _onResize = function(event) {
+  var _onResize = function() {
     _closeOverflow(null);
     _renderList();
-  };
+  }; 
 
@@ -232,4 +232,4 @@ /**
     init: init
-  }
+  };
 
 }());

dist/samples/Components/CommandBar/Jquery.CommandBar.js

@@ -10,3 +10,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
 
-    var createMenuItem = function(text, icon, link) {
+    var createMenuItem = function(text) {
       var item = '<li class="ms-ContextualMenu-item"><a class="ms-ContextualMenu-link"" href="#">';
@@ -17,15 +17,14 @@ item += text;
       return item;
-    }
+    };
 
     var saveCommands = function($commands, $commandWidth, $commandarea) {
       var commands = [];
-      $commands.each(function(index) {
+      $commands.each(function() {
         var $Item = $(this);
         var $rightOffset = ($Item.position().left + $Item.outerWidth() + $commandWidth + 10) - $commandarea.position().left; // Added padding of 10
         commands.push({ jquery: $Item, rightOffset: $rightOffset});
-        console.log($Item.outerWidth(), index, $commandarea.position().left, $Item.position().left);
       });
 
       return commands;
-    }
+    };
 
@@ -50,3 +49,3 @@ var processCommands = function(commands, width, overflowwidth) {
         return overFlowCommands;
-    }
+    };
 
@@ -62,3 +61,3 @@ var processOverflow = function(overFlowCommands, $oCommand, $menu) {
           // Add overflowed commands to ContextualMenu
-          for(i = 0; i < overFlowCommands.length; i++) {
+          for(var i = 0; i < overFlowCommands.length; i++) {
             var $Item = $(overFlowCommands[i]);
@@ -74,3 +73,3 @@ // Hide Element in CommandBar
         }
-    }
+    };
 
@@ -110,6 +109,3 @@ /** Go through each CommandBar we've been given. */
 
-        if($(window).width() < 640 && mobileSwitch == false) {
-
-          console.log("Switching to mobile");
-
+        if($(window).width() < 640 && mobileSwitch === false) {
           // Go through process and save commands
@@ -126,6 +122,3 @@ allCommands = saveCommands($CommandBarItems, $OverflowCommandWidth, $CommandMainArea);
 
-        } else if($(window).width() > 639 && mobileSwitch == true) {
-
-          console.log("Switching to Desktop");
-
+        } else if($(window).width() > 639 && mobileSwitch === true) {
           // Go through process and save commands
@@ -137,6 +130,4 @@ allCommands = saveCommands($CommandBarItems, $OverflowCommandWidth, $CommandMainArea);
 
-        } 
+        }
 
-        console.log(allCommands, $CommandMainArea.innerWidth());
-
         // Initiate process commands and add commands to overflow on load
@@ -143,0 +134,0 @@ overFlowCommands = processCommands(allCommands, $CommandMainArea.innerWidth(), $OverflowCommandWidth);

dist/samples/Components/ContextualMenu/Jquery.ContextualMenu.js

@@ -0,0 +0,0 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.

dist/samples/Components/DatePicker/Jquery.DatePicker.js

@@ -97,3 +97,2 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
     var $goToday = $datePicker.find('.ms-DatePicker-goToday');
-    var $dayPicker = $datePicker.find('.ms-DatePicker-dayPicker');
     var $monthPicker = $datePicker.find('.ms-DatePicker-monthPicker');
@@ -205,3 +204,3 @@ var $yearPicker = $datePicker.find('.ms-DatePicker-yearPicker');
     /** Switch to the default state. */
-    $monthPicker.on('click', '.js-showDayPicker', function(event) {
+    $monthPicker.on('click', '.js-showDayPicker', function() {
       $datePicker.removeClass('is-pickingMonths');
@@ -212,3 +211,3 @@ $datePicker.removeClass('is-pickingYears');
     /** Switch to the is-pickingMonths state. */
-    $monthControls.on('click', '.js-showMonthPicker', function(event) {
+    $monthControls.on('click', '.js-showMonthPicker', function() {
       $datePicker.toggleClass('is-pickingMonths');
@@ -218,3 +217,3 @@ });
     /** Switch to the is-pickingYears state. */
-    $monthPicker.on('click', '.js-showYearPicker', function(event) {
+    $monthPicker.on('click', '.js-showYearPicker', function() {
       $datePicker.toggleClass('is-pickingYears');
@@ -229,9 +228,9 @@ });
     /** All variables are optional. If not provided, default to the current value. */
-    if (newYear == null) {
+    if (newYear === null) {
       newYear = $picker.get('highlight').year;
     }
-    if (newMonth == null) {
+    if (newMonth === null) {
       newMonth = $picker.get('highlight').month;
     }
-    if (newDay == null) {
+    if (newDay === null) {
       newDay = $picker.get('highlight').date;
@@ -252,3 +251,2 @@ }
     var $yearPicker = $datePicker.find('.ms-DatePicker-yearPicker');
-    var $pickerWrapper = $datePicker.find('.ms-DatePicker-wrap');
     var $picker = $datePicker.find('.ms-TextField-field').pickadate('picker');
@@ -260,3 +258,3 @@
     /** Highlight the current month. */
-    $monthPicker.find('.ms-DatePicker-monthOption').removeClass('is-highlighted')
+    $monthPicker.find('.ms-DatePicker-monthOption').removeClass('is-highlighted');
     $monthPicker.find('.ms-DatePicker-monthOption[data-month="' + $picker.get('highlight').month + '"]').addClass('is-highlighted');
@@ -284,3 +282,3 @@
     /** Highlight the current year. */
-    $yearPicker.find('.ms-DatePicker-yearOption').removeClass('is-highlighted')
+    $yearPicker.find('.ms-DatePicker-yearOption').removeClass('is-highlighted');
     $yearPicker.find('.ms-DatePicker-yearOption[data-year="' + $picker.get('highlight').year + '"]').addClass('is-highlighted');
@@ -287,0 +285,0 @@ }

dist/samples/Components/DatePicker/PickaDate.js

 !function(a){"function"==typeof define&&define.amd?define("picker",["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):this.Picker=a(jQuery)}(function(a){function b(f,g,h,k){function l(){return b._.node("div",b._.node("div",b._.node("div",b._.node("div",w.component.nodes(r.open),t.box),t.wrap),t.frame),t.holder)}function m(){u.data(g,w).addClass(t.input).val(u.data("value")?w.get("select",s.format):f.value).on("focus."+r.id+" click."+r.id,p),s.editable||u.on("keydown."+r.id,function(a){var b=a.keyCode,c=/^(8|46)$/.test(b);return 27==b?(w.close(),!1):void((32==b||c||!r.open&&w.component.key[b])&&(a.preventDefault(),a.stopPropagation(),c?w.clear().close():w.open()))}),e(f,{haspopup:!0,expanded:!1,readonly:!1,owns:f.id+"_root"+(w._hidden?" "+w._hidden.id:"")})}function n(){w.$root.on({focusin:function(a){w.$root.removeClass(t.focused),a.stopPropagation()},"mousedown click":function(b){var c=b.target;c!=w.$root.children()[0]&&(b.stopPropagation(),"mousedown"!=b.type||a(c).is(":input")||"OPTION"==c.nodeName||(b.preventDefault(),f.focus()))}}).on("click","[data-pick], [data-nav], [data-clear], [data-close]",function(){var b=a(this),c=b.data(),d=b.hasClass(t.navDisabled)||b.hasClass(t.disabled),e=document.activeElement;e=e&&(e.type||e.href)&&e,(d||e&&!a.contains(w.$root[0],e))&&f.focus(),!d&&c.nav?w.set("highlight",w.component.item.highlight,{nav:c.nav}):!d&&"pick"in c?w.set("select",c.pick).close(!0):c.clear?w.clear().close(!0):c.close&&w.close(!0)}),e(w.$root[0],"hidden",!0)}function o(){var b;s.hiddenName===!0?(b=f.name,f.name=""):(b=["string"==typeof s.hiddenPrefix?s.hiddenPrefix:"","string"==typeof s.hiddenSuffix?s.hiddenSuffix:"_submit"],b=b[0]+f.name+b[1]),w._hidden=a('<input type=hidden name="'+b+'"'+(u.data("value")||f.value?' value="'+w.get("select",s.formatSubmit)+'"':"")+">")[0],u.on("change."+r.id,function(){w._hidden.value=f.value?w.get("select",s.formatSubmit):""}).after(w._hidden)}function p(a){a.stopPropagation(),"focus"==a.type&&w.$root.addClass(t.focused),w.open()}if(!f)return b;var q=!1,r={id:f.id||"P"+Math.abs(~~(Math.random()*new Date))},s=h?a.extend(!0,{},h.defaults,k):k||{},t=a.extend({},b.klasses(),s.klass),u=a(f),v=function(){return this.start()},w=v.prototype={constructor:v,$node:u,start:function(){return r&&r.start?w:(r.methods={},r.start=!0,r.open=!1,r.type=f.type,f.autofocus=f==document.activeElement,f.readOnly=!s.editable,f.id=f.id||r.id,"text"!=f.type&&(f.type="text"),w.component=new h(w,s),w.$root=a(b._.node("div",l(),t.picker,'id="'+f.id+'_root"')),n(),s.formatSubmit&&o(),m(),s.container?a(s.container).append(w.$root):u.after(w.$root),w.on({start:w.component.onStart,render:w.component.onRender,stop:w.component.onStop,open:w.component.onOpen,close:w.component.onClose,set:w.component.onSet}).on({start:s.onStart,render:s.onRender,stop:s.onStop,open:s.onOpen,close:s.onClose,set:s.onSet}),q=c(w.$root.children()[0]),f.autofocus&&w.open(),w.trigger("start").trigger("render"))},render:function(a){return a?w.$root.html(l()):w.$root.find("."+t.box).html(w.component.nodes(r.open)),w.trigger("render")},stop:function(){return r.start?(w.close(),w._hidden&&w._hidden.parentNode.removeChild(w._hidden),w.$root.remove(),u.removeClass(t.input).removeData(g),setTimeout(function(){u.off("."+r.id)},0),f.type=r.type,f.readOnly=!1,w.trigger("stop"),r.methods={},r.start=!1,w):w},open:function(c){return r.open?w:(u.addClass(t.active),e(f,"expanded",!0),setTimeout(function(){w.$root.addClass(t.opened),e(w.$root[0],"hidden",!1)},0),c!==!1&&(r.open=!0,q&&j.css("overflow","hidden").css("padding-right","+="+d()),u.trigger("focus"),i.on("click."+r.id+" focusin."+r.id,function(a){var b=a.target;b!=f&&b!=document&&3!=a.which&&w.close(b===w.$root.children()[0])}).on("keydown."+r.id,function(c){var d=c.keyCode,e=w.component.key[d],g=c.target;27==d?w.close(!0):g!=f||!e&&13!=d?a.contains(w.$root[0],g)&&13==d&&(c.preventDefault(),g.click()):(c.preventDefault(),e?b._.trigger(w.component.key.go,w,[b._.trigger(e)]):w.$root.find("."+t.highlighted).hasClass(t.disabled)||w.set("select",w.component.item.highlight).close())})),w.trigger("open"))},close:function(a){return a&&(u.off("focus."+r.id).trigger("focus"),setTimeout(function(){u.on("focus."+r.id,p)},0)),u.removeClass(t.active),e(f,"expanded",!1),setTimeout(function(){w.$root.removeClass(t.opened+" "+t.focused),e(w.$root[0],"hidden",!0)},0),r.open?(r.open=!1,q&&j.css("overflow","").css("padding-right","-="+d()),i.off("."+r.id),w.trigger("close")):w},clear:function(a){return w.set("clear",null,a)},set:function(b,c,d){var e,f,g=a.isPlainObject(b),h=g?b:{};if(d=g&&a.isPlainObject(c)?c:d||{},b){g||(h[b]=c);for(e in h)f=h[e],e in w.component.item&&(void 0===f&&(f=null),w.component.set(e,f,d)),("select"==e||"clear"==e)&&u.val("clear"==e?"":w.get(e,s.format)).trigger("change");w.render()}return d.muted?w:w.trigger("set",h)},get:function(a,c){if(a=a||"value",null!=r[a])return r[a];if("value"==a)return f.value;if(a in w.component.item){if("string"==typeof c){var d=w.component.get(a);return d?b._.trigger(w.component.formats.toString,w.component,[c,d]):""}return w.component.get(a)}},on:function(b,c,d){var e,f,g=a.isPlainObject(b),h=g?b:{};if(b){g||(h[b]=c);for(e in h)f=h[e],d&&(e="_"+e),r.methods[e]=r.methods[e]||[],r.methods[e].push(f)}return w},off:function(){var a,b,c=arguments;for(a=0,namesCount=c.length;namesCount>a;a+=1)b=c[a],b in r.methods&&delete r.methods[b];return w},trigger:function(a,c){var d=function(a){var d=r.methods[a];d&&d.map(function(a){b._.trigger(a,w,[c])})};return d("_"+a),d(a),w}};return new v}function c(a){var b,c="position";return a.currentStyle?b=a.currentStyle[c]:window.getComputedStyle&&(b=getComputedStyle(a)[c]),"fixed"==b}function d(){if(j.height()<=h.height())return 0;var b=a('<div style="visibility:hidden;width:100px" />').appendTo("body"),c=b[0].offsetWidth;b.css("overflow","scroll");var d=a('<div style="width:100%" />').appendTo(b),e=d[0].offsetWidth;return b.remove(),c-e}function e(b,c,d){if(a.isPlainObject(c))for(var e in c)f(b,e,c[e]);else f(b,c,d)}function f(a,b,c){a.setAttribute(("role"==b?"":"aria-")+b,c)}function g(b,c){a.isPlainObject(b)||(b={attribute:c}),c="";for(var d in b){var e=("role"==d?"":"aria-")+d,f=b[d];c+=null==f?"":e+'="'+b[d]+'"'}return c}var h=a(window),i=a(document),j=a(document.documentElement);return b.klasses=function(a){return a=a||"picker",{picker:a,opened:a+"--opened",focused:a+"--focused",input:a+"__input",active:a+"__input--active",holder:a+"__holder",frame:a+"__frame",wrap:a+"__wrap",box:a+"__box"}},b._={group:function(a){for(var c,d="",e=b._.trigger(a.min,a);e<=b._.trigger(a.max,a,[e]);e+=a.i)c=b._.trigger(a.item,a,[e]),d+=b._.node(a.node,c[0],c[1],c[2]);return d},node:function(b,c,d,e){return c?(c=a.isArray(c)?c.join(""):c,d=d?' class="'+d+'"':"",e=e?" "+e:"","<"+b+d+e+">"+c+"</"+b+">"):""},lead:function(a){return(10>a?"0":"")+a},trigger:function(a,b,c){return"function"==typeof a?a.apply(b,c||[]):a},digits:function(a){return/\d/.test(a[1])?2:1},isDate:function(a){return{}.toString.call(a).indexOf("Date")>-1&&this.isInteger(a.getUTCDate())},isInteger:function(a){return{}.toString.call(a).indexOf("Number")>-1&&a%1===0},ariaAttr:g},b.extend=function(c,d){a.fn[c]=function(e,f){var g=this.data(c);return"picker"==e?g:g&&"string"==typeof e?b._.trigger(g[e],g,[f]):this.each(function(){var f=a(this);f.data(c)||new b(this,c,d,e)})},a.fn[c].defaults=d.defaults},b}),function(a){"function"==typeof define&&define.amd?define(["picker","jquery"],a):"object"==typeof exports?module.exports=a(require("./picker.js"),require("jquery")):a(Picker,jQuery)}(function(a,b){function c(a,b){var c=this,d=a.$node[0],e=d.value,f=a.$node.data("value"),g=f||e,h=f?b.formatSubmit:b.format,i=function(){return d.currentStyle?"rtl"==d.currentStyle.direction:"rtl"==getComputedStyle(a.$root[0]).direction};c.settings=b,c.$node=a.$node,c.queue={min:"measure create",max:"measure create",now:"now create",select:"parse create validate",highlight:"parse navigate create validate",view:"parse create validate viewset",disable:"deactivate",enable:"activate"},c.item={},c.item.clear=null,c.item.disable=(b.disable||[]).slice(0),c.item.enable=-function(a){return a[0]===!0?a.shift():-1}(c.item.disable),c.set("min",b.min).set("max",b.max).set("now"),g?c.set("select",g,{format:h}):c.set("select",null).set("highlight",c.item.now),c.key={40:7,38:-7,39:function(){return i()?-1:1},37:function(){return i()?1:-1},go:function(a){var b=c.item.highlight,d=new Date(Date.UTC(b.year,b.month,b.date+a));c.set("highlight",d,{interval:a}),this.render()}},a.on("render",function(){a.$root.find("."+b.klass.selectMonth).on("change",function(){var c=this.value;c&&(a.set("highlight",[a.get("view").year,c,a.get("highlight").date]),a.$root.find("."+b.klass.selectMonth).trigger("focus"))}),a.$root.find("."+b.klass.selectYear).on("change",function(){var c=this.value;c&&(a.set("highlight",[c,a.get("view").month,a.get("highlight").date]),a.$root.find("."+b.klass.selectYear).trigger("focus"))})},1).on("open",function(){var d="";c.disabled(c.get("now"))&&(d=":not(."+b.klass.buttonToday+")"),a.$root.find("button"+d+", select").attr("disabled",!1)},1).on("close",function(){a.$root.find("button, select").attr("disabled",!0)},1)}var d=7,e=6,f=a._;c.prototype.set=function(a,b,c){var d=this,e=d.item;return null===b?("clear"==a&&(a="select"),e[a]=b,d):(e["enable"==a?"disable":"flip"==a?"enable":a]=d.queue[a].split(" ").map(function(e){return b=d[e](a,b,c)}).pop(),"select"==a?d.set("highlight",e.select,c):"highlight"==a?d.set("view",e.highlight,c):a.match(/^(flip|min|max|disable|enable)$/)&&(e.select&&d.disabled(e.select)&&d.set("select",e.select,c),e.highlight&&d.disabled(e.highlight)&&d.set("highlight",e.highlight,c)),d)},c.prototype.get=function(a){return this.item[a]},c.prototype.create=function(a,c,d){var e,g=this;return c=void 0===c?a:c,c==-1/0||1/0==c?e=c:b.isPlainObject(c)&&f.isInteger(c.pick)?c=c.obj:b.isArray(c)?(c=new Date(Date.UTC(c[0],c[1],c[2])),c=f.isDate(c)?c:g.create().obj):c=f.isInteger(c)?g.normalize(new Date(c),d):f.isDate(c)?g.normalize(c,d):g.now(a,c,d),{year:e||c.getUTCFullYear(),month:e||c.getUTCMonth(),date:e||c.getUTCDate(),day:e||c.getUTCDay(),obj:e||c,pick:e||c.getTime()}},c.prototype.createRange=function(a,c){var d=this,e=function(a){return a===!0||b.isArray(a)||f.isDate(a)?d.create(a):a};return f.isInteger(a)||(a=e(a)),f.isInteger(c)||(c=e(c)),f.isInteger(a)&&b.isPlainObject(c)?a=[c.year,c.month,c.date+a]:f.isInteger(c)&&b.isPlainObject(a)&&(c=[a.year,a.month,a.date+c]),{from:e(a),to:e(c)}},c.prototype.withinRange=function(a,b){return a=this.createRange(a.from,a.to),b.pick>=a.from.pick&&b.pick<=a.to.pick},c.prototype.overlapRanges=function(a,b){var c=this;return a=c.createRange(a.from,a.to),b=c.createRange(b.from,b.to),c.withinRange(a,b.from)||c.withinRange(a,b.to)||c.withinRange(b,a.from)||c.withinRange(b,a.to)},c.prototype.now=function(a,b,c){return b=new Date,c&&c.rel&&b.setUTCDate(b.getUTCDate()+c.rel),this.normalize(b,c)},c.prototype.navigate=function(a,c,d){var e,f,g,h,i=b.isArray(c),j=b.isPlainObject(c),k=this.item.view;if(i||j){for(j?(f=c.year,g=c.month,h=c.date):(f=+c[0],g=+c[1],h=+c[2]),d&&d.nav&&k&&k.month!==g&&(f=k.year,g=k.month),e=new Date(Date.UTC(f,g+(d&&d.nav?d.nav:0),1)),f=e.getUTCFullYear(),g=e.getUTCMonth();new Date(Date.UTC(f,g,h)).getUTCMonth()!==g;)h-=1;c=[f,g,h]}return c},c.prototype.normalize=function(a){return a.setUTCHours(0,0,0,0),a},c.prototype.measure=function(a,b){var c=this;return b?"string"==typeof b?b=c.parse(a,b):f.isInteger(b)&&(b=c.now(a,b,{rel:b})):b="min"==a?-1/0:1/0,b},c.prototype.viewset=function(a,b){return this.create([b.year,b.month,1])},c.prototype.validate=function(a,c,d){var e,g,h,i,j=this,k=c,l=d&&d.interval?d.interval:1,m=-1===j.item.enable,n=j.item.min,o=j.item.max,p=m&&j.item.disable.filter(function(a){if(b.isArray(a)){var d=j.create(a).pick;d<c.pick?e=!0:d>c.pick&&(g=!0)}return f.isInteger(a)}).length;if((!d||!d.nav)&&(!m&&j.disabled(c)||m&&j.disabled(c)&&(p||e||g)||!m&&(c.pick<=n.pick||c.pick>=o.pick)))for(m&&!p&&(!g&&l>0||!e&&0>l)&&(l*=-1);j.disabled(c)&&(Math.abs(l)>1&&(c.month<k.month||c.month>k.month)&&(c=k,l=l>0?1:-1),c.pick<=n.pick?(h=!0,l=1,c=j.create([n.year,n.month,n.date+(c.pick===n.pick?0:-1)])):c.pick>=o.pick&&(i=!0,l=-1,c=j.create([o.year,o.month,o.date+(c.pick===o.pick?0:1)])),!h||!i);)c=j.create([c.year,c.month,c.date+l]);return c},c.prototype.disabled=function(a){var c=this,d=c.item.disable.filter(function(d){return f.isInteger(d)?a.day===(c.settings.firstDay?d:d-1)%7:b.isArray(d)||f.isDate(d)?a.pick===c.create(d).pick:b.isPlainObject(d)?c.withinRange(d,a):void 0});return d=d.length&&!d.filter(function(a){return b.isArray(a)&&"inverted"==a[3]||b.isPlainObject(a)&&a.inverted}).length,-1===c.item.enable?!d:d||a.pick<c.item.min.pick||a.pick>c.item.max.pick},c.prototype.parse=function(a,b,c){var d=this,e={};return b&&"string"==typeof b?(c&&c.format||(c=c||{},c.format=d.settings.format),d.formats.toArray(c.format).map(function(a){var c=d.formats[a],g=c?f.trigger(c,d,[b,e]):a.replace(/^!/,"").length;c&&(e[a]=b.substr(0,g)),b=b.substr(g)}),[e.yyyy||e.yy,+(e.mm||e.m)-1,e.dd||e.d]):b},c.prototype.formats=function(){function a(a,b,c){var d=a.match(/\w+/)[0];return c.mm||c.m||(c.m=b.indexOf(d)+1),d.length}function b(a){return a.match(/\w+/)[0].length}return{d:function(a,b){return a?f.digits(a):b.date},dd:function(a,b){return a?2:f.lead(b.date)},ddd:function(a,c){return a?b(a):this.settings.weekdaysShort[c.day]},dddd:function(a,c){return a?b(a):this.settings.weekdaysFull[c.day]},m:function(a,b){return a?f.digits(a):b.month+1},mm:function(a,b){return a?2:f.lead(b.month+1)},mmm:function(b,c){var d=this.settings.monthsShort;return b?a(b,d,c):d[c.month]},mmmm:function(b,c){var d=this.settings.monthsFull;return b?a(b,d,c):d[c.month]},yy:function(a,b){return a?2:(""+b.year).slice(2)},yyyy:function(a,b){return a?4:b.year},toArray:function(a){return a.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g)},toString:function(a,b){var c=this;return c.formats.toArray(a).map(function(a){return f.trigger(c.formats[a],c,[0,b])||a.replace(/^!/,"")}).join("")}}}(),c.prototype.isDateExact=function(a,c){var d=this;return f.isInteger(a)&&f.isInteger(c)||"boolean"==typeof a&&"boolean"==typeof c?a===c:(f.isDate(a)||b.isArray(a))&&(f.isDate(c)||b.isArray(c))?d.create(a).pick===d.create(c).pick:b.isPlainObject(a)&&b.isPlainObject(c)?d.isDateExact(a.from,c.from)&&d.isDateExact(a.to,c.to):!1},c.prototype.isDateOverlap=function(a,c){var d=this,e=d.settings.firstDay?1:0;return f.isInteger(a)&&(f.isDate(c)||b.isArray(c))?(a=a%7+e,a===d.create(c).day+1):f.isInteger(c)&&(f.isDate(a)||b.isArray(a))?(c=c%7+e,c===d.create(a).day+1):b.isPlainObject(a)&&b.isPlainObject(c)?d.overlapRanges(a,c):!1},c.prototype.flipEnable=function(a){var b=this.item;b.enable=a||(-1==b.enable?1:-1)},c.prototype.deactivate=function(a,c){var d=this,e=d.item.disable.slice(0);return"flip"==c?d.flipEnable():c===!1?(d.flipEnable(1),e=[]):c===!0?(d.flipEnable(-1),e=[]):c.map(function(a){for(var c,g=0;g<e.length;g+=1)if(d.isDateExact(a,e[g])){c=!0;break}c||(f.isInteger(a)||f.isDate(a)||b.isArray(a)||b.isPlainObject(a)&&a.from&&a.to)&&e.push(a)}),e},c.prototype.activate=function(a,c){var d=this,e=d.item.disable,g=e.length;return"flip"==c?d.flipEnable():c===!0?(d.flipEnable(1),e=[]):c===!1?(d.flipEnable(-1),e=[]):c.map(function(a){var c,h,i,j;for(i=0;g>i;i+=1){if(h=e[i],d.isDateExact(h,a)){c=e[i]=null,j=!0;break}if(d.isDateOverlap(h,a)){b.isPlainObject(a)?(a.inverted=!0,c=a):b.isArray(a)?(c=a,c[3]||c.push("inverted")):f.isDate(a)&&(c=[a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate(),"inverted"]);break}}if(c)for(i=0;g>i;i+=1)if(d.isDateExact(e[i],a)){e[i]=null;break}if(j)for(i=0;g>i;i+=1)if(d.isDateOverlap(e[i],a)){e[i]=null;break}c&&e.push(c)}),e.filter(function(a){return null!=a})},c.prototype.nodes=function(a){var b=this,c=b.settings,g=b.item,h=g.now,i=g.select,j=g.highlight,k=g.view,l=g.disable,m=g.min,n=g.max,o=function(a,b){return c.firstDay&&(a.push(a.shift()),b.push(b.shift())),f.node("thead",f.node("tr",f.group({min:0,max:d-1,i:1,node:"th",item:function(d){return[a[d],c.klass.weekdays,'scope=col title="'+b[d]+'"']}})))}((c.showWeekdaysFull?c.weekdaysFull:c.weekdaysShort).slice(0),c.weekdaysFull.slice(0)),p=function(a){return f.node("div"," ",c.klass["nav"+(a?"Next":"Prev")]+(a&&k.year>=n.year&&k.month>=n.month||!a&&k.year<=m.year&&k.month<=m.month?" "+c.klass.navDisabled:""),"data-nav="+(a||-1)+" "+f.ariaAttr({role:"button",components:b.$node[0].id+"_table"})+' title="'+(a?c.labelMonthNext:c.labelMonthPrev)+'"')},q=function(){var d=c.showMonthsShort?c.monthsShort:c.monthsFull;return c.selectMonths?f.node("select",f.group({min:0,max:11,i:1,node:"option",item:function(a){return[d[a],0,"value="+a+(k.month==a?" selected":"")+(k.year==m.year&&a<m.month||k.year==n.year&&a>n.month?" disabled":"")]}}),c.klass.selectMonth,(a?"":"disabled")+" "+f.ariaAttr({components:b.$node[0].id+"_table"})+' title="'+c.labelMonthSelect+'"'):f.node("div",d[k.month],c.klass.month)},r=function(){var d=k.year,e=c.selectYears===!0?5:~~(c.selectYears/2);if(e){var g=m.year,h=n.year,i=d-e,j=d+e;if(g>i&&(j+=g-i,i=g),j>h){var l=i-g,o=j-h;i-=l>o?o:l,j=h}return f.node("select",f.group({min:i,max:j,i:1,node:"option",item:function(a){return[a,0,"value="+a+(d==a?" selected":"")]}}),c.klass.selectYear,(a?"":"disabled")+" "+f.ariaAttr({components:b.$node[0].id+"_table"})+' title="'+c.labelYearSelect+'"')}return f.node("div",d,c.klass.year)};return f.node("div",(c.selectYears?r()+q():q()+r())+p()+p(1),c.klass.header)+f.node("table",o+f.node("tbody",f.group({min:0,max:e-1,i:1,node:"tr",item:function(a){var e=c.firstDay&&0===b.create([k.year,k.month,1]).day?-7:0;return[f.group({min:d*a-k.day+e+1,max:function(){return this.min+d-1},i:1,node:"td",item:function(a){a=b.create([k.year,k.month,a+(c.firstDay?1:0)]);var d=i&&i.pick==a.pick,e=j&&j.pick==a.pick,g=l&&b.disabled(a)||a.pick<m.pick||a.pick>n.pick;return[f.node("div",a.date,function(b){return b.push(k.month==a.month?c.klass.infocus:c.klass.outfocus),h.pick==a.pick&&b.push(c.klass.now),d&&b.push(c.klass.selected),e&&b.push(c.klass.highlighted),g&&b.push(c.klass.disabled),b.join(" ")}([c.klass.day]),"data-pick="+a.pick+" "+f.ariaAttr({role:"gridcell",selected:d&&b.$node.val()===f.trigger(b.formats.toString,b,[c.format,a])?!0:null,activedescendant:e?!0:null,disabled:g?!0:null})),"",f.ariaAttr({role:"presentation"})]}})]}})),c.klass.table,'id="'+b.$node[0].id+'_table" '+f.ariaAttr({role:"grid",components:b.$node[0].id,readonly:!0}))+f.node("div",f.node("button",c.today,c.klass.buttonToday,"type=button data-pick="+h.pick+(a&&!b.disabled(h)?"":" disabled")+" "+f.ariaAttr({components:b.$node[0].id}))+f.node("button",c.clear,c.klass.buttonClear,"type=button data-clear=1"+(a?"":" disabled")+" "+f.ariaAttr({components:b.$node[0].id}))+f.node("button",c.close,c.klass.buttonClose,"type=button data-close=true "+(a?"":" disabled")+" "+f.ariaAttr({components:b.$node[0].id})),c.klass.footer)},c.defaults=function(a){return{labelMonthNext:"Next month",labelMonthPrev:"Previous month",labelMonthSelect:"Select a month",labelYearSelect:"Select a year",monthsFull:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdaysFull:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],today:"Today",clear:"Clear",close:"Close",format:"d mmmm, yyyy",klass:{table:a+"table",header:a+"header",navPrev:a+"nav--prev",navNext:a+"nav--next",navDisabled:a+"nav--disabled",month:a+"month",year:a+"year",selectMonth:a+"select--month",selectYear:a+"select--year",weekdays:a+"weekday",day:a+"day",disabled:a+"day--disabled",selected:a+"day--selected",highlighted:a+"day--highlighted",now:a+"day--today",infocus:a+"day--infocus",outfocus:a+"day--outfocus",footer:a+"footer",buttonClear:a+"button--clear",buttonToday:a+"button--today",buttonClose:a+"button--close"}}}(a.klasses().picker+"__"),a.extend("pickadate",c)});

dist/samples/Components/Dropdown/Jquery.Dropdown.js

@@ -21,3 +21,2 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
                 $originalDropdownOptions = $originalDropdown.children('option'),
-                originalDropdownID = this.id,
                 newDropdownTitle = '',
@@ -66,3 +65,3 @@ newDropdownItems = '',
                     /** Temporarily bind an event to the document that will close this dropdown when clicking anywhere. */
-                    $(document).bind("click.dropdown", function(event) {
+                    $(document).bind("click.dropdown", function() {
                         $dropdownWrapper.removeClass('is-open');
@@ -72,3 +71,3 @@ $(document).unbind('click.dropdown');
                 }
-            };
+            }
 
@@ -110,3 +109,3 @@ /** Toggle open/closed state of the dropdown when clicking its title. */
                             // Item text
-                            var selectedItemText = $(this).find('.ms-Dropdown-item.is-selected').text()
+                            var selectedItemText = $(this).find('.ms-Dropdown-item.is-selected').text();
 
@@ -141,3 +140,3 @@ $(this).find('.ms-Dropdown-title').html(selectedItemText);
                     /** Deselect all items and select this one. */
-                    $(this).siblings('.ms-Dropdown-item').removeClass('is-selected')
+                    $(this).siblings('.ms-Dropdown-item').removeClass('is-selected');
                     $(this).addClass('is-selected');
@@ -144,0 +143,0 @@

dist/samples/Components/ListItem/Jquery.ListItem.js

@@ -20,3 +20,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
       /** Detect clicks on selectable list items. */
-      $listItem.on('click', '.js-toggleSelection', function(event) {
+      $listItem.on('click', '.js-toggleSelection', function() {
         $(this).parents('.ms-ListItem').toggleClass('is-selected');
@@ -23,0 +23,0 @@ });

dist/samples/Components/MessageBanner/MessageBanner.js

@@ -43,3 +43,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
      */
-    var _onResize = function(event) {
+    var _onResize = function() {
         _clientWidth = _errorBanner.offsetWidth;
@@ -68,3 +68,3 @@ if(window.innerWidth >= SMALL_BREAK_POINT ) {
         _clipper.style.width = _textWidth;
-    }
+    };
 
@@ -82,3 +82,3 @@ /**
         _clipper.style.width = _textWidth;
-    }
+    };
     /**
@@ -139,3 +139,3 @@ * caches elements and values of the component
         _errorBanner.className = "ms-MessageBanner";
-    }
+    };
 
@@ -165,3 +165,3 @@ /**
         showBanner: _showBanner
-    }
+    };
 }());

dist/samples/Components/NavBar/Jquery.NavBar.js

@@ -47,3 +47,6 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
         if ($(this).hasClass('ms-NavBar-item--hasMenu')) {
-
+          
+          // First, close any neighboring menus.
+          $(this).siblings('.ms-NavBar-item--hasMenu').children('.ms-ContextualMenu:first').removeClass('is-open');
+          
           // Toggle 'is-open' to open or close it.
@@ -82,3 +85,3 @@ $(this).children('.ms-ContextualMenu:first').toggleClass('is-open');
       // Hide any menus and close the search box when clicking anywhere in the document.
-      $(document).on('click', 'html', function(event) {
+      $(document).on('click', 'html', function() {
 		var $searchBox = $navBar.find('.ms-NavBar-item.ms-NavBar-item--search .ms-TextField-field');  
@@ -85,0 +88,0 @@ $navBar.find('.ms-NavBar-item').removeClass('is-selected').find('.ms-ContextualMenu').removeClass('is-open');

dist/samples/Components/Panel/Jquery.Panel.js

@@ -19,3 +19,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
       for (var p = 0; p < pfx.length; p++) {
-        if (!pfx[p]) type = type.toLowerCase();
+        if (!pfx[p]) { type = type.toLowerCase(); }
         element.addEventListener(pfx[p]+type, callback, false);
@@ -22,0 +22,0 @@ }

dist/samples/Components/PeoplePicker/Jquery.PeoplePicker.js

 // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
 
+var fabric = fabric || {};
+
 /**
@@ -11,2 +13,3 @@ * People Picker Plugin
  */
+
 (function ($) {
@@ -21,8 +24,9 @@ $.fn.PeoplePicker = function () {
       var $results = $peoplePicker.find(".ms-PeoplePicker-results");
-      var $searchMore = $peoplePicker.find(".ms-PeoplePicker-searchMore");
       var $selected = $peoplePicker.find('.ms-PeoplePicker-selected');
-      var $selectedPeople = $peoplePicker.find(".ms-PeoplePicker-selectedPeople")
-      var $selectedCount = $peoplePicker.find(".ms-PeoplePicker-selectedCount")
+      var $selectedPeople = $peoplePicker.find(".ms-PeoplePicker-selectedPeople");
+      var $selectedCount = $peoplePicker.find(".ms-PeoplePicker-selectedCount");
+      var $peopleList = $peoplePicker.find(".ms-PeoplePicker-peopleList");
       var isActive = false;
       var spinner;
+      var $personaCard = $('.ms-PeoplePicker').find('.ms-PersonaCard');
 
@@ -37,6 +41,18 @@ // Run when focused or clicked
         /** Start by closing any open people pickers. */
-        if ( $('.ms-PeoplePicker').hasClass('is-active') ) {
-          $(".ms-PeoplePicker").removeClass("is-active");
+        if ( $peoplePicker.hasClass('is-active') ) {
+          $peoplePicker.removeClass("is-active");
         }
 
+        /** Display a maxiumum of 5 people in Facepile variant */
+        if ($peoplePicker.hasClass('ms-PeoplePicker--Facepile') && $searchField.val() === "") {
+          $peopleList.children(":gt(4)").hide();
+        }
+
+        /** Animate results and members in Facepile variant. */
+        if ($peoplePicker.hasClass('ms-PeoplePicker--Facepile')) {
+          // $results.addClass('ms-u-slideDownIn20');
+          $selectedPeople.addClass('ms-u-slideDownIn20');
+          setTimeout(function() { $results.removeClass('ms-u-slideDownIn20'); $selectedPeople.removeClass('ms-u-slideDownIn20');}, 1000);
+        }
+
         isActive = true;
@@ -48,3 +64,5 @@
         /** Before opening, size the results panel to match the people picker. */
-        $results.width($peoplePicker.width() - 2);
+        if (!$peoplePicker.hasClass('ms-PeoplePicker--Facepile')) {
+          $results.width($peoplePicker.width() - 2);
+        }
 
@@ -55,8 +73,14 @@ /** Show the $results by setting the people picker to active. */
         /** Temporarily bind an event to the document that will close the people picker when clicking anywhere. */
-        $(document).bind("click.peoplepicker", function(event) {
+        $(document).bind("click.peoplepicker", function() {
             $peoplePicker.removeClass('is-active');
+            if ($peoplePicker.hasClass('ms-PeoplePicker--Facepile')) {
+              $peoplePicker.removeClass('is-searching');
+              $('.ms-PeoplePicker-selected').show();
+              $('.ms-PeoplePicker-searchMore').removeClass('is-active');
+              $searchField.val("");
+            }
             $(document).unbind('click.peoplepicker');
             isActive = false;
         });
-      };
+      }
       
@@ -79,34 +103,59 @@ /** Set to active when focusing on the input. */
       /** Add the selected person to the text field or selected list and close the people picker. */
-      $results.on('click', '.ms-PeoplePicker-result', function (event) {
-          var selectedName = $(this).find(".ms-Persona-primaryText").html();
-          var selectedTitle = $(this).find(".ms-Persona-secondaryText").html();
+      $results.on('click', '.ms-PeoplePicker-result', function () {
+          var $this = $(this); 
+          var selectedName = $this.find(".ms-Persona-primaryText").html();
+          var selectedTitle = $this.find(".ms-Persona-secondaryText").html();
+          var selectedInitials = (function() {
+            var name = selectedName.split(' ');
+            var nameInitials = '';
+
+            for (var i = 0; i < name.length; i++) {
+              nameInitials += name[i].charAt(0);
+            }
+
+            return nameInitials.substring(0,2);
+          })();
+          var selectedClasses = $this.find('.ms-Persona-initials').attr('class');
+          var selectedImage = (function() {
+            if ($this.find('.ms-Persona-image').length) {
+              var selectedImageSrc = $this.find('.ms-Persona-image').attr('src');
+              return '<img class="ms-Persona-image" src="' + selectedImageSrc + '" alt="Persona image">';
+            } else {
+              return '';
+            }
+          })();
+
+          /** Token html */
           var personaHTML = '<div class="ms-PeoplePicker-persona">' +
-                '<div class="ms-Persona ms-Persona--xs ms-Persona--square">' +
-                                   '<div class="ms-Persona-imageArea">' +
-                                     '<i class="ms-Persona-placeholder ms-Icon ms-Icon--person"></i>' +
-                                     '<img class="ms-Persona-image" src="../persona/Persona.Person2.png">' +
-                                   '</div>' +
-                                   '<div class="ms-Persona-presence"></div>' +
-                                   '<div class="ms-Persona-details">' +
-                                     '<div class="ms-Persona-primaryText">' + selectedName + '</div>' +
-                                  ' </div>' +
-                                 '</div>' +
-                                 '<button class="ms-PeoplePicker-personaRemove">' +
-                                   '<i class="ms-Icon ms-Icon--x"></i>' +
-                                ' </button>' +
-                               '</div>';
+                              '<div class="ms-Persona ms-Persona--xs ms-Persona--square">' +
+                               '<div class="ms-Persona-imageArea">' +
+                                 '<div class="' + selectedClasses + '">' + selectedInitials + '</div>' +
+                                 selectedImage +
+                               '</div>' +
+                               '<div class="ms-Persona-presence"></div>' +
+                               '<div class="ms-Persona-details">' +
+                                 '<div class="ms-Persona-primaryText">' + selectedName + '</div>' +
+                              ' </div>' +
+                             '</div>' +
+                             '<button class="ms-PeoplePicker-personaRemove">' +
+                               '<i class="ms-Icon ms-Icon--x"></i>' +
+                            ' </button>' +
+                           '</div>';
+          /** List item html */
           var personaListItem = '<li class="ms-PeoplePicker-selectedPerson">' +
-                  '<div class="ms-Persona ms-Persona--square">' +
-                         '<div class="ms-Persona-imageArea">' +
-                           '<i class="ms-Persona-placeholder ms-Icon ms-Icon--person"></i>' +
-                            '<img class="ms-Persona-image" src="../persona/Persona.Person2.png"><div class="ms-Persona-presence"></div>' +
-                         '</div>' +
-                         '<div class="ms-Persona-details">' +
-                            '<div class="ms-Persona-primaryText">' + selectedName + '</div>' +
-                            '<div class="ms-Persona-secondaryText">' + selectedTitle + '</div>' +
-                          '</div>' +
-                        '</div>' +
-                        '<button class="ms-PeoplePicker-resultAction js-selectedRemove"><i class="ms-Icon ms-Icon--x"></i></button>' +
-                    '</li>';
-          if (!$peoplePicker.hasClass('ms-PeoplePicker--facePile')) {
+                                  '<div class="ms-Persona ms-Persona--sm">' +
+                                     '<div class="ms-Persona-imageArea">' +
+                                       '<div class="' + selectedClasses + '">' + selectedInitials + '</div>' +
+                                       selectedImage +
+                                     '</div>' +
+                                     '<div class="ms-Persona-presence"></div>' +
+                                     '<div class="ms-Persona-details">' +
+                                        '<div class="ms-Persona-primaryText">' + selectedName + '</div>' +
+                                        '<div class="ms-Persona-secondaryText">' + selectedTitle + '</div>' +
+                                      '</div>' +
+                                    '</div>' +
+                                    '<button class="ms-PeoplePicker-resultAction js-selectedRemove"><i class="ms-Icon ms-Icon--x"></i></button>' +
+                                '</li>';
+          /** Tokenize selected persona if not Facepile or memberslist variants */
+          if (!$peoplePicker.hasClass('ms-PeoplePicker--Facepile') && !$peoplePicker.hasClass('ms-PeoplePicker--membersList') ) {
             $searchField.before(personaHTML);
@@ -116,2 +165,3 @@ $peoplePicker.removeClass("is-active");
           }
+          /** Add selected persona to a list if Facepile or memberslist variants */
           else {
@@ -121,7 +171,19 @@ if (!$selected.hasClass('is-active')) {
             }
+            /** Prepend persona list item html to selected people list */
             $selectedPeople.prepend(personaListItem);
+            /** Close the picker */
             $peoplePicker.removeClass("is-active");
-
+            /** Get the total amount of selected personas and display that number */
             var count = $peoplePicker.find('.ms-PeoplePicker-selectedPerson').length;
             $selectedCount.html(count);
+            /** Return picker back to default state:
+            - Show only the first five results in the people list for when the picker is reopened
+            - Make searchMore inactive
+            - Clear any search field text 
+            */
+            $peopleList.children().show();
+            $peopleList.children(":gt(4)").hide();
+
+            $('.ms-PeoplePicker-searchMore').removeClass('is-active');
+            $searchField.val("");
           }
@@ -131,7 +193,7 @@ });
       /** Remove the persona when clicking the personaRemove button. */
-      $peoplePicker.on('click', '.ms-PeoplePicker-personaRemove', function(event) {
+      $peoplePicker.on('click', '.ms-PeoplePicker-personaRemove', function() {
         $(this).parents('.ms-PeoplePicker-persona').remove();
 
         /** Make the search field 100% width if all personas have been removed */
-        if ( $('.ms-PeoplePicker-persona').length == 0 ) {
+        if ( $('.ms-PeoplePicker-persona').length === 0 ) {
           $peoplePicker.find('.ms-PeoplePicker-searchField').outerWidth('100%');
@@ -144,10 +206,11 @@ } else {
       /** Trigger additional searching when clicking the search more area. */
-      $results.on('click', '.js-searchMore', function(event) {
+      $results.on('click', '.js-searchMore', function() {
         var $searchMore = $(this);
         var primaryLabel = $searchMore.find(".ms-PeoplePicker-searchMorePrimary");
         var originalPrimaryLabelText = primaryLabel.html();
+        var searchFieldText = $searchField.val();
 
         /** Change to searching state. */
         $searchMore.addClass("is-searching");
-        primaryLabel.html("Searching for &ldquo;Sen&rdquo;");
+        primaryLabel.html("Searching for " + searchFieldText);
 
@@ -160,2 +223,7 @@ /** Attach Spinner */
         }
+
+        /** Show all results in Facepile variant */
+        if($peoplePicker.hasClass('ms-PeoplePicker--Facepile')) {
+          setTimeout(function() {$peopleList.children().show();}, 1500);
+        }
         
@@ -167,3 +235,3 @@ /** Return the original state. */
             spinner.stop();
-        }, 3000);
+        }, 1500);
       });
@@ -194,7 +262,126 @@
 
+      var filterResults = function(results, currentSuggestion, currentValueExists) {
+        return results.find('.ms-Persona-primaryText').filter(function() {
+          if (currentValueExists) {
+            return $(this).text().toLowerCase() === currentSuggestion;
+          } else {
+            return $(this).text().toLowerCase() !== currentSuggestion;
+          }
+        }).parents('.ms-PeoplePicker-peopleListItem');
+      };
+
+      /** Search people picker items */
+      $peoplePicker.on('keyup', '.ms-PeoplePicker-searchField', function(evt) {
+        var suggested = [];
+        var newSuggestions = [];
+        var $pickerResult = $results.find('.ms-Persona-primaryText');
+
+        $peoplePicker.addClass('is-searching');
+
+        /** Hide members */
+        $selected.hide();
+
+        /** Show 5 results */
+        $peopleList.children(":lt(5)").show();
+
+        /** Show searchMore button */
+        $('.ms-PeoplePicker-searchMore').addClass('is-active');
+
+        /** Get array of suggested people */
+        $pickerResult.each(function() { suggested.push($(this).text()); });
+
+        /** Iterate over array to find matches and show matching items */
+        for (var i = 0; i < suggested.length; i++) {
+          var currentPersona = suggested[i].toLowerCase();
+          var currentValue = evt.target.value.toLowerCase();
+          var currentSuggestion;
+
+          if (currentPersona.indexOf(currentValue) > -1) {
+            currentSuggestion = suggested[i].toLowerCase();
+
+            newSuggestions.push(suggested[i]);
+
+            filterResults($results, currentSuggestion, true).show();
+          } else {
+            filterResults($results, currentSuggestion, false).hide();
+          }
+        }
+
+        /** Show members and hide searchmore when field is empty */
+        if ($(this).val() === "") {
+          $peoplePicker.removeClass('is-searching');
+          $selected.show();
+          $('.ms-PeoplePicker-searchMore').removeClass('is-active');
+          $selectedPeople.addClass('ms-u-slideDownIn20');
+          setTimeout(function() { $selectedPeople.removeClass('ms-u-slideDownIn20');}, 1000);
+          $peopleList.children(":gt(4)").hide();
+        }
+      });
+
+      /** Show persona card when clicking a persona in the members list */
+      $selectedPeople.on('click', '.ms-Persona', function() {
+        var selectedName = $(this).find(".ms-Persona-primaryText").html();
+        var selectedTitle = $(this).find(".ms-Persona-secondaryText").html();
+        var selectedInitials = (function() {
+          var name = selectedName.split(' ');
+          var nameInitials = '';
+
+          for (var i = 0; i < name.length; i++) {
+            nameInitials += name[i].charAt(0);
+          }
+
+          return nameInitials.substring(0,2);
+        })();
+        var selectedClasses = $(this).find('.ms-Persona-initials').attr('class');
+        var selectedImage = $(this).find('.ms-Persona-image').attr('src');
+        var $card = $('.ms-PersonaCard');
+        var $cardName = $card.find('.ms-Persona-primaryText');
+        var $cardTitle = $card.find('.ms-Persona-secondaryText');
+        var $cardInitials = $card.find('.ms-Persona-initials');
+        var $cardImage = $card.find('.ms-Persona-image');
+
+        /** Close any open persona cards */
+        $personaCard.removeClass('is-active');
+
+        /** Add data to persona card */
+        $cardName.text(selectedName);
+        $cardTitle.text(selectedTitle);
+        $cardInitials.text(selectedInitials);
+        $cardInitials.removeClass();
+        $cardInitials.addClass(selectedClasses);
+        $cardImage.attr('src', selectedImage);
+
+        /** Show persona card */
+        setTimeout(function() { 
+          $personaCard.addClass('is-active');
+          setTimeout(function(){$personaCard.css({'animation-name': 'none'});}, 300);
+        }, 100);
+
+        /** Align persona card on md and above screens */
+        if ($(window).width() > 480) {
+          var itemPositionTop = $(this).offset().top;
+          var correctedPositionTop = itemPositionTop + 10;
+
+          $personaCard.css({'top': correctedPositionTop, 'left': 0});          
+        } else {
+          $personaCard.css({'top': 'auto'});
+        }
+      });
+
+      /** Dismiss persona card when clicking on the document */
+      $(document).on('click', function(e) {
+        var $memberBtn = $('.ms-PeoplePicker-selectedPerson').find('.ms-Persona');
+
+        if (!$memberBtn.is(e.target) && !$personaCard.is(e.target) && $personaCard.has(e.target).length === 0) {
+          $personaCard.removeClass('is-active');
+          setTimeout(function(){$personaCard.removeAttr('style');}, 300);
+        } else {
+          $personaCard.addClass('is-active');
+        }
+      });
     });
   };
 
+  /** Resize the search field to match the search box */
   function resizeSearchField($peoplePicker) {
-
     var $searchBox = $peoplePicker.find('.ms-PeoplePicker-searchBox');
@@ -221,5 +408,5 @@
 
+    // Set the width of the search field
     $peoplePicker.find('.ms-PeoplePicker-searchField').outerWidth(newFieldWidth);
   }
-
-})(jQuery);
+})(jQuery);

dist/samples/Components/PersonaCard/Jquery.PersonaCard.js

@@ -27,11 +27,11 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
         /** Function for switching selected item into view by adding a class to ul. */
-        var updateForItem = function(wrapper, item){
+        var updateForItem = function(wrapper, item) {
           var previousItem = wrapper.className + "";
           var detail = item.charAt(0).toUpperCase() + item.slice(1);
-          var nextItem = "ms-PersonaCard-detail"+detail;
-          if (previousItem != nextItem){
+          var nextItem = "ms-PersonaCard-detail" + detail;
+          if (previousItem !== nextItem){
             wrapper.classList.remove(previousItem);
             wrapper.classList.add(nextItem);
           }
-        }
+        };
 
@@ -38,0 +38,0 @@ /** Get id of selected item */

dist/samples/Components/Pivot/jquery.Pivot.js

@@ -22,4 +22,12 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
         event.preventDefault();
-        $(this).siblings('.ms-Pivot-link').removeClass('is-selected');
-        $(this).addClass('is-selected');
+        /** Check if current selection has elipses child element **/
+        var $elipsisCheck = $(this).find('.ms-Pivot-ellipsis');
+        
+        /** Only execute when no elipses element can be found **/
+        if($elipsisCheck.length === 0){
+  
+          $(this).siblings('.ms-Pivot-link').removeClass('is-selected');
+          $(this).addClass('is-selected');
+        }
+  
       });
@@ -26,0 +34,0 @@

dist/samples/Components/ProgressIndicator/ProgressIndicator.js

@@ -102,3 +102,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
     cacheDOM: cacheDOM
-  }
+  };
 }());

dist/samples/Components/SearchBox/Jquery.SearchBox.js

@@ -30,3 +30,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
       $searchField.on('mouseover', function() {
-        $searchField.addClass('hovering')
+        $searchField.addClass('hovering');
       });
@@ -33,0 +33,0 @@

dist/samples/Components/Spinner/Spinner.js

@@ -30,2 +30,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
     var fadeIncrement = 0;
+    var parentSize;
 
@@ -56,4 +57,14 @@ /**
     function _init() {
+        //for backwards compatibility
+        if (_target.className.indexOf("ms-Spinner") === -1) {
+            spinner = document.createElement("div");
+            spinner.className = "ms-Spinner";
+            _target.appendChild(spinner);
+        } else {
+            spinner = _target;
+        }
+
         offsetSize = eightSize;
         numCircles = 8;
+        parentSize = spinner.className.indexOf("large") > -1 ? 28 : 20;
         _createCirclesAndArrange();
@@ -97,5 +108,4 @@ _initializeOpacities();
         var circle = document.createElement('div');
-        var parentWidth = parseInt(window.getComputedStyle(spinner).getPropertyValue("width"), 10);
         circle.className = "ms-Spinner-circle";
-        circle.style.width = circle.style.height = parentWidth * offsetSize + "px";
+        circle.style.width = circle.style.height = parentSize * offsetSize + "px";
         return circle;
@@ -105,24 +115,14 @@ }
     function _createCirclesAndArrange() {
-        //for backwards compatibility
-        if (_target.className.indexOf("ms-Spinner") === -1) {
-            spinner = document.createElement("div");
-            spinner.className = "ms-Spinner";
-            _target.appendChild(spinner);
-        } else {
-            spinner = _target;
-        }
 
-        var width = spinner.clientWidth;
-        var height = spinner.clientHeight;
         var angle = 0;
-        var offset = width * offsetSize;
+        var offset = parentSize * offsetSize;
         var step = (2 * Math.PI) / numCircles;
         var i = numCircles;
         var circleObject;
-        var radius = (width- offset) * 0.5;
+        var radius = (parentSize - offset) * 0.5;
 
         while (i--) {
             var circle = _createCircle();
-            var x = Math.round(width * 0.5 + radius * Math.cos(angle) - circle.clientWidth * 0.5) - offset * 0.5;
-            var y = Math.round(height * 0.5 + radius * Math.sin(angle) - circle.clientHeight * 0.5) - offset * 0.5;
+            var x = Math.round(20 * 0.5 + radius * Math.cos(angle) - circle.clientWidth * 0.5) - offset * 0.5;
+            var y = Math.round(20 * 0.5 + radius * Math.sin(angle) - circle.clientHeight * 0.5) - offset * 0.5;
             spinner.appendChild(circle);
@@ -132,3 +132,3 @@ circle.style.left = x + 'px';
             angle += step;
-            circleObject = {element:circle, j:i};
+            circleObject = { element:circle, j:i };
             circleObjects.push(circleObject);
@@ -135,0 +135,0 @@ }

dist/samples/Components/TextField/Jquery.TextField.js

@@ -33,3 +33,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
         });
-      };
+      }
 
@@ -48,3 +48,3 @@ /** Underlined - adding/removing a focus class */
         });
-      };
+      }
 
@@ -51,0 +51,0 @@ });

gulpfile.js

@@ -18,2 +18,10 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
 
+var buildTasks = [
+    'Fabric', 
+    'FabricComponents', 
+    'ComponentSamples', 
+    'Samples', 
+    'FabricDemoPage'
+];
+
 //////////////////////////
@@ -42,2 +50,3 @@ // INCLUDE FABRIC TASKS
 
+
 //
@@ -52,4 +61,4 @@ // Nuke Tasks
 
-// Watch and build Fabric when sources change.
-gulp.task('watch', ['Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-server'], function () {
+// Watch Sass
+gulp.task('watch-build', ['ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-server'], function () {
     gulp.watch(Config.paths.srcPath + '/**/*', Plugins.batch(function (events, done) {
@@ -60,4 +69,5 @@ Plugins.runSequence(['Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-updated'], done);
 
-// Watch and build Fabric when sources change.
-gulp.task('watch-sass', ['SassMode', 'Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-server'], function () {
+gulp.task('watch', ['watch-build']);
+
+gulp.task('watch-debug-build', ['Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-server'], function () {
     gulp.watch(Config.paths.srcPath + '/**/*', Plugins.batch(function (events, done) {
@@ -68,24 +78,38 @@ Plugins.runSequence(['Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-updated'], done);
 
+gulp.task('watch-debug', ['ConfigureEnvironment-setDebugMode', 'watch-debug-build']);
 
-// Watch and build Fabric when sources change.
-gulp.task('watch-sass-debug', ['debugMode', 'SassMode', 'Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-server'], function () {
-    gulp.watch(Config.paths.srcPath + '/**/*', Plugins.batch(function (events, done) {
-        Plugins.runSequence(['Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-updated'], done);
-    }));
-});
 
-// Watch and build Fabric when sources change.
-gulp.task('watch-debug', ['debugMode', 'Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-server'], function () {
-    gulp.watch(Config.paths.srcPath + '/**/*', Plugins.batch(function (events, done) {
-        Plugins.runSequence(['Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'FabricServer', 'All-updated'], done);
-    }));
-});
+//
+// Check For errors
+//
+gulp.task('Errors-checkAllErrors', buildTasks,  function() {
+    var returnFailedBuild = false;
+     if (ErrorHandling.numberOfErrors() > 0) {
+         ErrorHandling.generateError("------------------------------------------");
+         ErrorHandling.generateBuildError("Errors in build, please fix and re build Fabric");
+         ErrorHandling.showNumberOfErrors(ErrorHandling.numberOfErrors());
+         ErrorHandling.generateError("------------------------------------------");
+         ErrorHandling.generateBuildError("Exiting build");
+         ErrorHandling.generateError("------------------------------------------");
+         returnFailedBuild = true;
+     }
+          
+     if (ErrorHandling.numberOfWarnings() > 0) {
+         ErrorHandling.generateError("------------------------------------------");
+         ErrorHandling.generateBuildError("Warnings in build, please fix and re build Fabric");
+         ErrorHandling.showNumberOfWarnings(ErrorHandling.numberOfWarnings());
+         ErrorHandling.generateError("------------------------------------------");
+         ErrorHandling.generateBuildError("Exiting build");
+         ErrorHandling.generateError("------------------------------------------");
 
-gulp.task('SassMode', function() {
-    return Config.buildSass = true;
+         returnFailedBuild = true;
+     }
+     
+     if (returnFailedBuild) {
+        process.exit(1);
+     } else {
+        return;
+     }
 });
 
-gulp.task('debugMode', function() {
-    return Config.debugMode = true;
-});
 
@@ -96,9 +120,11 @@ //
 
-gulp.task('build', ['Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'All-finished']);
-gulp.task('re-build', ['Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricServer', 'FabricDemoPage', 'All-updated']);
+var buildWithMessages = buildTasks.concat(['Errors-checkAllErrors', 'All-finished']);
+gulp.task('build', buildWithMessages);
 
-gulp.task('build-sass', ['SassMode', 'Fabric', 'FabricComponents', 'ComponentSamples', 'Samples', 'FabricDemoPage', 'All-finished']);
+var rebuildWithMessages = buildTasks.concat(['All-updated']);
+gulp.task('re-build', rebuildWithMessages);
 
 gulp.task('default', ['build']);
 
+
 //
@@ -108,3 +134,4 @@ // Fabric Messages
 
-gulp.task('All-finished', watchTasks, function () {
+var allFinishedtasks = watchTasks.concat(['Errors-checkAllErrors']);
+gulp.task('All-finished', allFinishedtasks, function () {
     console.log(ConsoleHelper.generateSuccess('All Fabric built successfully, you may now celebrate and dance!', true));
@@ -127,6 +154,2 @@ });
     Plugins.nugetpack(Config.nugetConfig, Config.nugetPaths, callback);
-});
-
-
-
-
+});

package.json

 {
   "name": "office-ui-fabric",
   "author": "Office UI Fabric Team",
-  "version": "1.2.1",
+  "version": "2.0.1",
   "description": "The front-end framework for building experiences for Office 365.",
@@ -35,2 +35,3 @@ "license": "MIT",
     "gulp-file": "^0.2.0",
+    "gulp-file-include": "^0.13.7",
     "gulp-folders": "^1.1.0",
@@ -40,10 +41,10 @@ "gulp-foreach": "^0.1.0",
     "gulp-if": "^2.0.0",
-    "gulp-less": "^3.0.3",
-    "gulp-less-to-scss": "0.0.4",
+    "gulp-jshint": "^2.0.0",
     "gulp-minify-css": "^1.2.0",
     "gulp-nuget-pack": "0.0.6",
-    "gulp-plumber": "0.6.6",
+    "gulp-plumber": "^1.0.1",
     "gulp-rename": "^1.2.2",
     "gulp-replace": "^0.5.4",
     "gulp-sass": "2.1.1",
+    "gulp-sass-lint": "1.0.1",
     "gulp-size": "^1.0.0",
@@ -57,3 +58,5 @@ "gulp-tap": "^0.1.3",
     "gulp-zip": "^3.0.2",
+    "jshint": "^2.8.0",
     "lodash": "^3.10.1",
+    "map-stream": "0.0.6",
     "merge-stream": "^1.0.0",
@@ -60,0 +63,0 @@ "node-sass-import-once": "^1.2.0",

README.md

@@ -5,3 +5,3 @@ #[Office UI Fabric](http://dev.office.com/fabric)
 
-Fabric is a responsive, mobile-first, collection of styles and tools designed to make it quick and simple for you to create web experiences using the Office Design Language.
+Fabric is a responsive, mobile-first collection of styles and tools designed to make it quick and simple for you to create web experiences using the Office Design Language.
 
@@ -14,9 +14,9 @@ ##Contents
 - [Licenses](#licenses)
-- [Change log](#change-log)
+- [Changelog](#changelog)
 
 
 ##Get started
-To get started quickly by referencing from a CDN or adding directly to your project, see the [Getting started section](http://dev.office.com/fabric/getting-started) on the [Fabric documentation site](http://dev.office.com/fabric).
+For a quick start, reference the latest release of Fabric from a CDN or add a copy to your project. See [Getting Started](http://dev.office.com/fabric/getting-started) on the [Office UI Fabric site](http://dev.office.com/fabric) for full details.
 
-To build, test, and tweak Fabric locally, see [Building Fabric](https://github.com/OfficeDev/Office-UI-Fabric/blob/master/ghdocs/BUILDING.md).
+Want to customize Fabric for your project? See [Building Fabric](https://github.com/OfficeDev/Office-UI-Fabric/blob/master/ghdocs/BUILDING.md) to learn about the build process.
 
@@ -26,5 +26,5 @@
 
-Visit [Fabric's interactive site](http://dev.office.com/fabric) to explore and learn more about Fabric. Find out about [Fabric's styles](http://dev.office.com/fabric/styles), [components](http://dev.office.com/fabric/components), and get answers to common questions on our [Resources & FAQ page](http://dev.office.com/fabric/resources-and-faq).
+New to Fabric? Start with [What is Office UI Fabric?](http://dev.office.com/fabric/what-is-fabric) to understand its purpose, and then explore the full set of [styles](http://dev.office.com/fabric/styles) and [components](http://dev.office.com/fabric/components) to get a feel for what you can build.
 
-For a tutorial that shows you how to build a simple app or Office Add-in with Fabric, see our [Fabric tutorial](https://github.com/OfficeDev/Office-UI-Fabric/blob/master/ghdocs/TUTORIAL.md) or [Use Office UI Fabric with Office Add-ins on MSDN](https://msdn.microsoft.com/EN-US/library/office/mt450443.aspx).
+When you're ready to create a simple app or Office Add-in with Fabric, follow along with the [Fabric Tutorial](https://github.com/OfficeDev/Office-UI-Fabric/blob/master/ghdocs/TUTORIAL.md) or [Use Office UI Fabric with Office Add-ins on MSDN](https://msdn.microsoft.com/EN-US/library/office/mt450443.aspx).
 
@@ -34,3 +34,3 @@
 
-If you have a specific bug, feature request, or question, post it via the [issue tracker](https://github.com/OfficeDev/Office-UI-Fabric/issues). For more information and labels, see our [contributing](https://github.com/OfficeDev/Office-UI-Fabric/blob/master/ghdocs/CONTRIBUTING.md) section.
+Bug reports, feature requests, and questions are posted on the [issue tracker](https://github.com/OfficeDev/Office-UI-Fabric/issues). For details on our contribution process and how we label issues, see our [Contributing](https://github.com/OfficeDev/Office-UI-Fabric/blob/master/ghdocs/CONTRIBUTING.md) page.
 
@@ -40,6 +40,6 @@
 
-All files on the Office UI Fabric GitHub repository are subject to the MIT license. Please read the License file at the root of the project. Usage of the fonts referenced on Office UI Fabric files is subject to the terms listed [here](http://aka.ms/fabric-font-license).
+All files on the Office UI Fabric GitHub repository are subject to the MIT license. Please read the License file at the root of the project. Usage of the fonts referenced on Office UI Fabric files is subject to the [license](http://aka.ms/fabric-font-license).
 
 
-##Change log
-We use [GitHub Releases](https://github.com/blog/1547-release-your-software) to manage our releases, incuding the changelog between every release. View a complete list of additions, fixes, and changes since 1.0 in the [Releases section](https://github.com/OfficeDev/Office-UI-Fabric/releases).
+##Changelog
+We use [GitHub Releases](https://github.com/blog/1547-release-your-software) to manage our releases, including the changelog between every release. View a complete list of additions, fixes, and changes since 1.0 on the [Releases page](https://github.com/OfficeDev/Office-UI-Fabric/releases).

src/components/Breadcrumb/Breadcrumb.js

@@ -51,3 +51,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
     var text;
-    var link;
+    var link; 
     var tabIndex;
@@ -68,6 +68,6 @@
    */
-  var _onResize = function(event) {
+  var _onResize = function() {
     _closeOverflow(null);
     _renderList();
-  };
+  }; 
 
@@ -232,4 +232,4 @@ /**
     init: init
-  }
+  };
 
 }());

src/components/Breadcrumb/Breadcrumb.json

 {
   "name": "Breadcrumb",
-  "notes": "Shows the user's current location in a hierarchy and provides a means of navigating upward.",
+  "notes": "A component that shows the user's current location in a hierarchy and provides a means of navigating up or down it.",
+  "description": "Shows the user's current location in a hierarchy and provides a means of navigating upward.",
   "template": "Breadcrumb.html",
@@ -5,0 +6,0 @@ "class": "ms-Breadcrumb",

src/components/Button/Button.json

 {
   "name": "Button",
   "notes": "",
+  "description": "A simple button that contains multiple variants and can be used for action-oriented screens or dialogs.",
   "template": "Button.html",
@@ -5,0 +6,0 @@ "class": "ms-Button",

src/components/Callout/Callout.json

 {
   "name": "Callout",
   "notes": "Callouts & Peeks.",
+  "description": "A pop-out out notification area with several variants to allow a more detailed description or set of actions on an object or item.",
   "class": "ms-Callout",
@@ -5,0 +6,0 @@ "dependencies": [

src/components/ChoiceField/ChoiceField.json

 {
   "name": "ChoiceField",
   "notes": "Radio buttons and checkboxes.",
+  "description": "A set of components that allows users to select one or many of a set number of choices. This takes the form of a Radio button for selection of only 1 choice among many or Checkboxes for multiple selections.",
   "class": "ms-ChoiceField",
@@ -5,0 +6,0 @@ "dependencies": [

src/components/CommandBar/CommandBar.json

 {
   "name": "CommandBar",
   "notes": "",
+  "description": "A commanding surface for panels, pages, and applications. Unlike the {0} NavBar {1}, this component is intended for action and not navigation.",
   "accessibilityNotes": 
@@ -5,0 +6,0 @@ {

src/components/CommandBar/Jquery.CommandBar.js

@@ -10,3 +10,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
 
-    var createMenuItem = function(text, icon, link) {
+    var createMenuItem = function(text) {
       var item = '<li class="ms-ContextualMenu-item"><a class="ms-ContextualMenu-link"" href="#">';
@@ -17,15 +17,14 @@ item += text;
       return item;
-    }
+    };
 
     var saveCommands = function($commands, $commandWidth, $commandarea) {
       var commands = [];
-      $commands.each(function(index) {
+      $commands.each(function() {
         var $Item = $(this);
         var $rightOffset = ($Item.position().left + $Item.outerWidth() + $commandWidth + 10) - $commandarea.position().left; // Added padding of 10
         commands.push({ jquery: $Item, rightOffset: $rightOffset});
-        console.log($Item.outerWidth(), index, $commandarea.position().left, $Item.position().left);
       });
 
       return commands;
-    }
+    };
 
@@ -50,3 +49,3 @@ var processCommands = function(commands, width, overflowwidth) {
         return overFlowCommands;
-    }
+    };
 
@@ -62,3 +61,3 @@ var processOverflow = function(overFlowCommands, $oCommand, $menu) {
           // Add overflowed commands to ContextualMenu
-          for(i = 0; i < overFlowCommands.length; i++) {
+          for(var i = 0; i < overFlowCommands.length; i++) {
             var $Item = $(overFlowCommands[i]);
@@ -74,3 +73,3 @@ // Hide Element in CommandBar
         }
-    }
+    };
 
@@ -110,6 +109,3 @@ /** Go through each CommandBar we've been given. */
 
-        if($(window).width() < 640 && mobileSwitch == false) {
-
-          console.log("Switching to mobile");
-
+        if($(window).width() < 640 && mobileSwitch === false) {
           // Go through process and save commands
@@ -126,6 +122,3 @@ allCommands = saveCommands($CommandBarItems, $OverflowCommandWidth, $CommandMainArea);
 
-        } else if($(window).width() > 639 && mobileSwitch == true) {
-
-          console.log("Switching to Desktop");
-
+        } else if($(window).width() > 639 && mobileSwitch === true) {
           // Go through process and save commands
@@ -137,6 +130,4 @@ allCommands = saveCommands($CommandBarItems, $OverflowCommandWidth, $CommandMainArea);
 
-        } 
+        }
 
-        console.log(allCommands, $CommandMainArea.innerWidth());
-
         // Initiate process commands and add commands to overflow on load
@@ -143,0 +134,0 @@ overFlowCommands = processCommands(allCommands, $CommandMainArea.innerWidth(), $OverflowCommandWidth);

src/components/ContextualMenu/ContextualMenu.json

 {
   "name": "ContextualMenu",
   "notes": "",
+  "description": "A hidden menu containing actionable items pertaining to an object such as a link or piece of text that should be invoked by a click or hover event. This menu is used by other components including the {0} CommandBar {1}. Custom JavaScript will be needed to complete the functionality of this component.",
   "template": "ContextualMenu.html",
@@ -5,0 +6,0 @@ "class": "ms-ContextualMenu",

src/components/ContextualMenu/Jquery.ContextualMenu.js

@@ -0,0 +0,0 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.

src/components/DatePicker/DatePicker.json

 {
   "name": "DatePicker",
   "notes": "This is a sample Date Picker that works for Gregorian calendars. It uses jQuery and <a href='http://amsul.ca/pickadate.js/'>pickadate.js</a> for demonstration.",
+  "description": "This is a sample Date Picker that works for Gregorian calendars. It uses jQuery and <a href='http://amsul.ca/pickadate.js/'>pickadate.js</a> for demonstration purposes.",
   "template": "DatePicker.html",
@@ -5,0 +6,0 @@ "class": "ms-DatePicker",

src/components/DatePicker/Jquery.DatePicker.js

@@ -97,3 +97,2 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
     var $goToday = $datePicker.find('.ms-DatePicker-goToday');
-    var $dayPicker = $datePicker.find('.ms-DatePicker-dayPicker');
     var $monthPicker = $datePicker.find('.ms-DatePicker-monthPicker');
@@ -205,3 +204,3 @@ var $yearPicker = $datePicker.find('.ms-DatePicker-yearPicker');
     /** Switch to the default state. */
-    $monthPicker.on('click', '.js-showDayPicker', function(event) {
+    $monthPicker.on('click', '.js-showDayPicker', function() {
       $datePicker.removeClass('is-pickingMonths');
@@ -212,3 +211,3 @@ $datePicker.removeClass('is-pickingYears');
     /** Switch to the is-pickingMonths state. */
-    $monthControls.on('click', '.js-showMonthPicker', function(event) {
+    $monthControls.on('click', '.js-showMonthPicker', function() {
       $datePicker.toggleClass('is-pickingMonths');
@@ -218,3 +217,3 @@ });
     /** Switch to the is-pickingYears state. */
-    $monthPicker.on('click', '.js-showYearPicker', function(event) {
+    $monthPicker.on('click', '.js-showYearPicker', function() {
       $datePicker.toggleClass('is-pickingYears');
@@ -229,9 +228,9 @@ });
     /** All variables are optional. If not provided, default to the current value. */
-    if (newYear == null) {
+    if (newYear === null) {
       newYear = $picker.get('highlight').year;
     }
-    if (newMonth == null) {
+    if (newMonth === null) {
       newMonth = $picker.get('highlight').month;
     }
-    if (newDay == null) {
+    if (newDay === null) {
       newDay = $picker.get('highlight').date;
@@ -252,3 +251,2 @@ }
     var $yearPicker = $datePicker.find('.ms-DatePicker-yearPicker');
-    var $pickerWrapper = $datePicker.find('.ms-DatePicker-wrap');
     var $picker = $datePicker.find('.ms-TextField-field').pickadate('picker');
@@ -260,3 +258,3 @@
     /** Highlight the current month. */
-    $monthPicker.find('.ms-DatePicker-monthOption').removeClass('is-highlighted')
+    $monthPicker.find('.ms-DatePicker-monthOption').removeClass('is-highlighted');
     $monthPicker.find('.ms-DatePicker-monthOption[data-month="' + $picker.get('highlight').month + '"]').addClass('is-highlighted');
@@ -284,3 +282,3 @@
     /** Highlight the current year. */
-    $yearPicker.find('.ms-DatePicker-yearOption').removeClass('is-highlighted')
+    $yearPicker.find('.ms-DatePicker-yearOption').removeClass('is-highlighted');
     $yearPicker.find('.ms-DatePicker-yearOption[data-year="' + $picker.get('highlight').year + '"]').addClass('is-highlighted');
@@ -287,0 +285,0 @@ }

src/components/DatePicker/PickaDate.js

 !function(a){"function"==typeof define&&define.amd?define("picker",["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):this.Picker=a(jQuery)}(function(a){function b(f,g,h,k){function l(){return b._.node("div",b._.node("div",b._.node("div",b._.node("div",w.component.nodes(r.open),t.box),t.wrap),t.frame),t.holder)}function m(){u.data(g,w).addClass(t.input).val(u.data("value")?w.get("select",s.format):f.value).on("focus."+r.id+" click."+r.id,p),s.editable||u.on("keydown."+r.id,function(a){var b=a.keyCode,c=/^(8|46)$/.test(b);return 27==b?(w.close(),!1):void((32==b||c||!r.open&&w.component.key[b])&&(a.preventDefault(),a.stopPropagation(),c?w.clear().close():w.open()))}),e(f,{haspopup:!0,expanded:!1,readonly:!1,owns:f.id+"_root"+(w._hidden?" "+w._hidden.id:"")})}function n(){w.$root.on({focusin:function(a){w.$root.removeClass(t.focused),a.stopPropagation()},"mousedown click":function(b){var c=b.target;c!=w.$root.children()[0]&&(b.stopPropagation(),"mousedown"!=b.type||a(c).is(":input")||"OPTION"==c.nodeName||(b.preventDefault(),f.focus()))}}).on("click","[data-pick], [data-nav], [data-clear], [data-close]",function(){var b=a(this),c=b.data(),d=b.hasClass(t.navDisabled)||b.hasClass(t.disabled),e=document.activeElement;e=e&&(e.type||e.href)&&e,(d||e&&!a.contains(w.$root[0],e))&&f.focus(),!d&&c.nav?w.set("highlight",w.component.item.highlight,{nav:c.nav}):!d&&"pick"in c?w.set("select",c.pick).close(!0):c.clear?w.clear().close(!0):c.close&&w.close(!0)}),e(w.$root[0],"hidden",!0)}function o(){var b;s.hiddenName===!0?(b=f.name,f.name=""):(b=["string"==typeof s.hiddenPrefix?s.hiddenPrefix:"","string"==typeof s.hiddenSuffix?s.hiddenSuffix:"_submit"],b=b[0]+f.name+b[1]),w._hidden=a('<input type=hidden name="'+b+'"'+(u.data("value")||f.value?' value="'+w.get("select",s.formatSubmit)+'"':"")+">")[0],u.on("change."+r.id,function(){w._hidden.value=f.value?w.get("select",s.formatSubmit):""}).after(w._hidden)}function p(a){a.stopPropagation(),"focus"==a.type&&w.$root.addClass(t.focused),w.open()}if(!f)return b;var q=!1,r={id:f.id||"P"+Math.abs(~~(Math.random()*new Date))},s=h?a.extend(!0,{},h.defaults,k):k||{},t=a.extend({},b.klasses(),s.klass),u=a(f),v=function(){return this.start()},w=v.prototype={constructor:v,$node:u,start:function(){return r&&r.start?w:(r.methods={},r.start=!0,r.open=!1,r.type=f.type,f.autofocus=f==document.activeElement,f.readOnly=!s.editable,f.id=f.id||r.id,"text"!=f.type&&(f.type="text"),w.component=new h(w,s),w.$root=a(b._.node("div",l(),t.picker,'id="'+f.id+'_root"')),n(),s.formatSubmit&&o(),m(),s.container?a(s.container).append(w.$root):u.after(w.$root),w.on({start:w.component.onStart,render:w.component.onRender,stop:w.component.onStop,open:w.component.onOpen,close:w.component.onClose,set:w.component.onSet}).on({start:s.onStart,render:s.onRender,stop:s.onStop,open:s.onOpen,close:s.onClose,set:s.onSet}),q=c(w.$root.children()[0]),f.autofocus&&w.open(),w.trigger("start").trigger("render"))},render:function(a){return a?w.$root.html(l()):w.$root.find("."+t.box).html(w.component.nodes(r.open)),w.trigger("render")},stop:function(){return r.start?(w.close(),w._hidden&&w._hidden.parentNode.removeChild(w._hidden),w.$root.remove(),u.removeClass(t.input).removeData(g),setTimeout(function(){u.off("."+r.id)},0),f.type=r.type,f.readOnly=!1,w.trigger("stop"),r.methods={},r.start=!1,w):w},open:function(c){return r.open?w:(u.addClass(t.active),e(f,"expanded",!0),setTimeout(function(){w.$root.addClass(t.opened),e(w.$root[0],"hidden",!1)},0),c!==!1&&(r.open=!0,q&&j.css("overflow","hidden").css("padding-right","+="+d()),u.trigger("focus"),i.on("click."+r.id+" focusin."+r.id,function(a){var b=a.target;b!=f&&b!=document&&3!=a.which&&w.close(b===w.$root.children()[0])}).on("keydown."+r.id,function(c){var d=c.keyCode,e=w.component.key[d],g=c.target;27==d?w.close(!0):g!=f||!e&&13!=d?a.contains(w.$root[0],g)&&13==d&&(c.preventDefault(),g.click()):(c.preventDefault(),e?b._.trigger(w.component.key.go,w,[b._.trigger(e)]):w.$root.find("."+t.highlighted).hasClass(t.disabled)||w.set("select",w.component.item.highlight).close())})),w.trigger("open"))},close:function(a){return a&&(u.off("focus."+r.id).trigger("focus"),setTimeout(function(){u.on("focus."+r.id,p)},0)),u.removeClass(t.active),e(f,"expanded",!1),setTimeout(function(){w.$root.removeClass(t.opened+" "+t.focused),e(w.$root[0],"hidden",!0)},0),r.open?(r.open=!1,q&&j.css("overflow","").css("padding-right","-="+d()),i.off("."+r.id),w.trigger("close")):w},clear:function(a){return w.set("clear",null,a)},set:function(b,c,d){var e,f,g=a.isPlainObject(b),h=g?b:{};if(d=g&&a.isPlainObject(c)?c:d||{},b){g||(h[b]=c);for(e in h)f=h[e],e in w.component.item&&(void 0===f&&(f=null),w.component.set(e,f,d)),("select"==e||"clear"==e)&&u.val("clear"==e?"":w.get(e,s.format)).trigger("change");w.render()}return d.muted?w:w.trigger("set",h)},get:function(a,c){if(a=a||"value",null!=r[a])return r[a];if("value"==a)return f.value;if(a in w.component.item){if("string"==typeof c){var d=w.component.get(a);return d?b._.trigger(w.component.formats.toString,w.component,[c,d]):""}return w.component.get(a)}},on:function(b,c,d){var e,f,g=a.isPlainObject(b),h=g?b:{};if(b){g||(h[b]=c);for(e in h)f=h[e],d&&(e="_"+e),r.methods[e]=r.methods[e]||[],r.methods[e].push(f)}return w},off:function(){var a,b,c=arguments;for(a=0,namesCount=c.length;namesCount>a;a+=1)b=c[a],b in r.methods&&delete r.methods[b];return w},trigger:function(a,c){var d=function(a){var d=r.methods[a];d&&d.map(function(a){b._.trigger(a,w,[c])})};return d("_"+a),d(a),w}};return new v}function c(a){var b,c="position";return a.currentStyle?b=a.currentStyle[c]:window.getComputedStyle&&(b=getComputedStyle(a)[c]),"fixed"==b}function d(){if(j.height()<=h.height())return 0;var b=a('<div style="visibility:hidden;width:100px" />').appendTo("body"),c=b[0].offsetWidth;b.css("overflow","scroll");var d=a('<div style="width:100%" />').appendTo(b),e=d[0].offsetWidth;return b.remove(),c-e}function e(b,c,d){if(a.isPlainObject(c))for(var e in c)f(b,e,c[e]);else f(b,c,d)}function f(a,b,c){a.setAttribute(("role"==b?"":"aria-")+b,c)}function g(b,c){a.isPlainObject(b)||(b={attribute:c}),c="";for(var d in b){var e=("role"==d?"":"aria-")+d,f=b[d];c+=null==f?"":e+'="'+b[d]+'"'}return c}var h=a(window),i=a(document),j=a(document.documentElement);return b.klasses=function(a){return a=a||"picker",{picker:a,opened:a+"--opened",focused:a+"--focused",input:a+"__input",active:a+"__input--active",holder:a+"__holder",frame:a+"__frame",wrap:a+"__wrap",box:a+"__box"}},b._={group:function(a){for(var c,d="",e=b._.trigger(a.min,a);e<=b._.trigger(a.max,a,[e]);e+=a.i)c=b._.trigger(a.item,a,[e]),d+=b._.node(a.node,c[0],c[1],c[2]);return d},node:function(b,c,d,e){return c?(c=a.isArray(c)?c.join(""):c,d=d?' class="'+d+'"':"",e=e?" "+e:"","<"+b+d+e+">"+c+"</"+b+">"):""},lead:function(a){return(10>a?"0":"")+a},trigger:function(a,b,c){return"function"==typeof a?a.apply(b,c||[]):a},digits:function(a){return/\d/.test(a[1])?2:1},isDate:function(a){return{}.toString.call(a).indexOf("Date")>-1&&this.isInteger(a.getUTCDate())},isInteger:function(a){return{}.toString.call(a).indexOf("Number")>-1&&a%1===0},ariaAttr:g},b.extend=function(c,d){a.fn[c]=function(e,f){var g=this.data(c);return"picker"==e?g:g&&"string"==typeof e?b._.trigger(g[e],g,[f]):this.each(function(){var f=a(this);f.data(c)||new b(this,c,d,e)})},a.fn[c].defaults=d.defaults},b}),function(a){"function"==typeof define&&define.amd?define(["picker","jquery"],a):"object"==typeof exports?module.exports=a(require("./picker.js"),require("jquery")):a(Picker,jQuery)}(function(a,b){function c(a,b){var c=this,d=a.$node[0],e=d.value,f=a.$node.data("value"),g=f||e,h=f?b.formatSubmit:b.format,i=function(){return d.currentStyle?"rtl"==d.currentStyle.direction:"rtl"==getComputedStyle(a.$root[0]).direction};c.settings=b,c.$node=a.$node,c.queue={min:"measure create",max:"measure create",now:"now create",select:"parse create validate",highlight:"parse navigate create validate",view:"parse create validate viewset",disable:"deactivate",enable:"activate"},c.item={},c.item.clear=null,c.item.disable=(b.disable||[]).slice(0),c.item.enable=-function(a){return a[0]===!0?a.shift():-1}(c.item.disable),c.set("min",b.min).set("max",b.max).set("now"),g?c.set("select",g,{format:h}):c.set("select",null).set("highlight",c.item.now),c.key={40:7,38:-7,39:function(){return i()?-1:1},37:function(){return i()?1:-1},go:function(a){var b=c.item.highlight,d=new Date(Date.UTC(b.year,b.month,b.date+a));c.set("highlight",d,{interval:a}),this.render()}},a.on("render",function(){a.$root.find("."+b.klass.selectMonth).on("change",function(){var c=this.value;c&&(a.set("highlight",[a.get("view").year,c,a.get("highlight").date]),a.$root.find("."+b.klass.selectMonth).trigger("focus"))}),a.$root.find("."+b.klass.selectYear).on("change",function(){var c=this.value;c&&(a.set("highlight",[c,a.get("view").month,a.get("highlight").date]),a.$root.find("."+b.klass.selectYear).trigger("focus"))})},1).on("open",function(){var d="";c.disabled(c.get("now"))&&(d=":not(."+b.klass.buttonToday+")"),a.$root.find("button"+d+", select").attr("disabled",!1)},1).on("close",function(){a.$root.find("button, select").attr("disabled",!0)},1)}var d=7,e=6,f=a._;c.prototype.set=function(a,b,c){var d=this,e=d.item;return null===b?("clear"==a&&(a="select"),e[a]=b,d):(e["enable"==a?"disable":"flip"==a?"enable":a]=d.queue[a].split(" ").map(function(e){return b=d[e](a,b,c)}).pop(),"select"==a?d.set("highlight",e.select,c):"highlight"==a?d.set("view",e.highlight,c):a.match(/^(flip|min|max|disable|enable)$/)&&(e.select&&d.disabled(e.select)&&d.set("select",e.select,c),e.highlight&&d.disabled(e.highlight)&&d.set("highlight",e.highlight,c)),d)},c.prototype.get=function(a){return this.item[a]},c.prototype.create=function(a,c,d){var e,g=this;return c=void 0===c?a:c,c==-1/0||1/0==c?e=c:b.isPlainObject(c)&&f.isInteger(c.pick)?c=c.obj:b.isArray(c)?(c=new Date(Date.UTC(c[0],c[1],c[2])),c=f.isDate(c)?c:g.create().obj):c=f.isInteger(c)?g.normalize(new Date(c),d):f.isDate(c)?g.normalize(c,d):g.now(a,c,d),{year:e||c.getUTCFullYear(),month:e||c.getUTCMonth(),date:e||c.getUTCDate(),day:e||c.getUTCDay(),obj:e||c,pick:e||c.getTime()}},c.prototype.createRange=function(a,c){var d=this,e=function(a){return a===!0||b.isArray(a)||f.isDate(a)?d.create(a):a};return f.isInteger(a)||(a=e(a)),f.isInteger(c)||(c=e(c)),f.isInteger(a)&&b.isPlainObject(c)?a=[c.year,c.month,c.date+a]:f.isInteger(c)&&b.isPlainObject(a)&&(c=[a.year,a.month,a.date+c]),{from:e(a),to:e(c)}},c.prototype.withinRange=function(a,b){return a=this.createRange(a.from,a.to),b.pick>=a.from.pick&&b.pick<=a.to.pick},c.prototype.overlapRanges=function(a,b){var c=this;return a=c.createRange(a.from,a.to),b=c.createRange(b.from,b.to),c.withinRange(a,b.from)||c.withinRange(a,b.to)||c.withinRange(b,a.from)||c.withinRange(b,a.to)},c.prototype.now=function(a,b,c){return b=new Date,c&&c.rel&&b.setUTCDate(b.getUTCDate()+c.rel),this.normalize(b,c)},c.prototype.navigate=function(a,c,d){var e,f,g,h,i=b.isArray(c),j=b.isPlainObject(c),k=this.item.view;if(i||j){for(j?(f=c.year,g=c.month,h=c.date):(f=+c[0],g=+c[1],h=+c[2]),d&&d.nav&&k&&k.month!==g&&(f=k.year,g=k.month),e=new Date(Date.UTC(f,g+(d&&d.nav?d.nav:0),1)),f=e.getUTCFullYear(),g=e.getUTCMonth();new Date(Date.UTC(f,g,h)).getUTCMonth()!==g;)h-=1;c=[f,g,h]}return c},c.prototype.normalize=function(a){return a.setUTCHours(0,0,0,0),a},c.prototype.measure=function(a,b){var c=this;return b?"string"==typeof b?b=c.parse(a,b):f.isInteger(b)&&(b=c.now(a,b,{rel:b})):b="min"==a?-1/0:1/0,b},c.prototype.viewset=function(a,b){return this.create([b.year,b.month,1])},c.prototype.validate=function(a,c,d){var e,g,h,i,j=this,k=c,l=d&&d.interval?d.interval:1,m=-1===j.item.enable,n=j.item.min,o=j.item.max,p=m&&j.item.disable.filter(function(a){if(b.isArray(a)){var d=j.create(a).pick;d<c.pick?e=!0:d>c.pick&&(g=!0)}return f.isInteger(a)}).length;if((!d||!d.nav)&&(!m&&j.disabled(c)||m&&j.disabled(c)&&(p||e||g)||!m&&(c.pick<=n.pick||c.pick>=o.pick)))for(m&&!p&&(!g&&l>0||!e&&0>l)&&(l*=-1);j.disabled(c)&&(Math.abs(l)>1&&(c.month<k.month||c.month>k.month)&&(c=k,l=l>0?1:-1),c.pick<=n.pick?(h=!0,l=1,c=j.create([n.year,n.month,n.date+(c.pick===n.pick?0:-1)])):c.pick>=o.pick&&(i=!0,l=-1,c=j.create([o.year,o.month,o.date+(c.pick===o.pick?0:1)])),!h||!i);)c=j.create([c.year,c.month,c.date+l]);return c},c.prototype.disabled=function(a){var c=this,d=c.item.disable.filter(function(d){return f.isInteger(d)?a.day===(c.settings.firstDay?d:d-1)%7:b.isArray(d)||f.isDate(d)?a.pick===c.create(d).pick:b.isPlainObject(d)?c.withinRange(d,a):void 0});return d=d.length&&!d.filter(function(a){return b.isArray(a)&&"inverted"==a[3]||b.isPlainObject(a)&&a.inverted}).length,-1===c.item.enable?!d:d||a.pick<c.item.min.pick||a.pick>c.item.max.pick},c.prototype.parse=function(a,b,c){var d=this,e={};return b&&"string"==typeof b?(c&&c.format||(c=c||{},c.format=d.settings.format),d.formats.toArray(c.format).map(function(a){var c=d.formats[a],g=c?f.trigger(c,d,[b,e]):a.replace(/^!/,"").length;c&&(e[a]=b.substr(0,g)),b=b.substr(g)}),[e.yyyy||e.yy,+(e.mm||e.m)-1,e.dd||e.d]):b},c.prototype.formats=function(){function a(a,b,c){var d=a.match(/\w+/)[0];return c.mm||c.m||(c.m=b.indexOf(d)+1),d.length}function b(a){return a.match(/\w+/)[0].length}return{d:function(a,b){return a?f.digits(a):b.date},dd:function(a,b){return a?2:f.lead(b.date)},ddd:function(a,c){return a?b(a):this.settings.weekdaysShort[c.day]},dddd:function(a,c){return a?b(a):this.settings.weekdaysFull[c.day]},m:function(a,b){return a?f.digits(a):b.month+1},mm:function(a,b){return a?2:f.lead(b.month+1)},mmm:function(b,c){var d=this.settings.monthsShort;return b?a(b,d,c):d[c.month]},mmmm:function(b,c){var d=this.settings.monthsFull;return b?a(b,d,c):d[c.month]},yy:function(a,b){return a?2:(""+b.year).slice(2)},yyyy:function(a,b){return a?4:b.year},toArray:function(a){return a.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g)},toString:function(a,b){var c=this;return c.formats.toArray(a).map(function(a){return f.trigger(c.formats[a],c,[0,b])||a.replace(/^!/,"")}).join("")}}}(),c.prototype.isDateExact=function(a,c){var d=this;return f.isInteger(a)&&f.isInteger(c)||"boolean"==typeof a&&"boolean"==typeof c?a===c:(f.isDate(a)||b.isArray(a))&&(f.isDate(c)||b.isArray(c))?d.create(a).pick===d.create(c).pick:b.isPlainObject(a)&&b.isPlainObject(c)?d.isDateExact(a.from,c.from)&&d.isDateExact(a.to,c.to):!1},c.prototype.isDateOverlap=function(a,c){var d=this,e=d.settings.firstDay?1:0;return f.isInteger(a)&&(f.isDate(c)||b.isArray(c))?(a=a%7+e,a===d.create(c).day+1):f.isInteger(c)&&(f.isDate(a)||b.isArray(a))?(c=c%7+e,c===d.create(a).day+1):b.isPlainObject(a)&&b.isPlainObject(c)?d.overlapRanges(a,c):!1},c.prototype.flipEnable=function(a){var b=this.item;b.enable=a||(-1==b.enable?1:-1)},c.prototype.deactivate=function(a,c){var d=this,e=d.item.disable.slice(0);return"flip"==c?d.flipEnable():c===!1?(d.flipEnable(1),e=[]):c===!0?(d.flipEnable(-1),e=[]):c.map(function(a){for(var c,g=0;g<e.length;g+=1)if(d.isDateExact(a,e[g])){c=!0;break}c||(f.isInteger(a)||f.isDate(a)||b.isArray(a)||b.isPlainObject(a)&&a.from&&a.to)&&e.push(a)}),e},c.prototype.activate=function(a,c){var d=this,e=d.item.disable,g=e.length;return"flip"==c?d.flipEnable():c===!0?(d.flipEnable(1),e=[]):c===!1?(d.flipEnable(-1),e=[]):c.map(function(a){var c,h,i,j;for(i=0;g>i;i+=1){if(h=e[i],d.isDateExact(h,a)){c=e[i]=null,j=!0;break}if(d.isDateOverlap(h,a)){b.isPlainObject(a)?(a.inverted=!0,c=a):b.isArray(a)?(c=a,c[3]||c.push("inverted")):f.isDate(a)&&(c=[a.getUTCFullYear(),a.getUTCMonth(),a.getUTCDate(),"inverted"]);break}}if(c)for(i=0;g>i;i+=1)if(d.isDateExact(e[i],a)){e[i]=null;break}if(j)for(i=0;g>i;i+=1)if(d.isDateOverlap(e[i],a)){e[i]=null;break}c&&e.push(c)}),e.filter(function(a){return null!=a})},c.prototype.nodes=function(a){var b=this,c=b.settings,g=b.item,h=g.now,i=g.select,j=g.highlight,k=g.view,l=g.disable,m=g.min,n=g.max,o=function(a,b){return c.firstDay&&(a.push(a.shift()),b.push(b.shift())),f.node("thead",f.node("tr",f.group({min:0,max:d-1,i:1,node:"th",item:function(d){return[a[d],c.klass.weekdays,'scope=col title="'+b[d]+'"']}})))}((c.showWeekdaysFull?c.weekdaysFull:c.weekdaysShort).slice(0),c.weekdaysFull.slice(0)),p=function(a){return f.node("div"," ",c.klass["nav"+(a?"Next":"Prev")]+(a&&k.year>=n.year&&k.month>=n.month||!a&&k.year<=m.year&&k.month<=m.month?" "+c.klass.navDisabled:""),"data-nav="+(a||-1)+" "+f.ariaAttr({role:"button",components:b.$node[0].id+"_table"})+' title="'+(a?c.labelMonthNext:c.labelMonthPrev)+'"')},q=function(){var d=c.showMonthsShort?c.monthsShort:c.monthsFull;return c.selectMonths?f.node("select",f.group({min:0,max:11,i:1,node:"option",item:function(a){return[d[a],0,"value="+a+(k.month==a?" selected":"")+(k.year==m.year&&a<m.month||k.year==n.year&&a>n.month?" disabled":"")]}}),c.klass.selectMonth,(a?"":"disabled")+" "+f.ariaAttr({components:b.$node[0].id+"_table"})+' title="'+c.labelMonthSelect+'"'):f.node("div",d[k.month],c.klass.month)},r=function(){var d=k.year,e=c.selectYears===!0?5:~~(c.selectYears/2);if(e){var g=m.year,h=n.year,i=d-e,j=d+e;if(g>i&&(j+=g-i,i=g),j>h){var l=i-g,o=j-h;i-=l>o?o:l,j=h}return f.node("select",f.group({min:i,max:j,i:1,node:"option",item:function(a){return[a,0,"value="+a+(d==a?" selected":"")]}}),c.klass.selectYear,(a?"":"disabled")+" "+f.ariaAttr({components:b.$node[0].id+"_table"})+' title="'+c.labelYearSelect+'"')}return f.node("div",d,c.klass.year)};return f.node("div",(c.selectYears?r()+q():q()+r())+p()+p(1),c.klass.header)+f.node("table",o+f.node("tbody",f.group({min:0,max:e-1,i:1,node:"tr",item:function(a){var e=c.firstDay&&0===b.create([k.year,k.month,1]).day?-7:0;return[f.group({min:d*a-k.day+e+1,max:function(){return this.min+d-1},i:1,node:"td",item:function(a){a=b.create([k.year,k.month,a+(c.firstDay?1:0)]);var d=i&&i.pick==a.pick,e=j&&j.pick==a.pick,g=l&&b.disabled(a)||a.pick<m.pick||a.pick>n.pick;return[f.node("div",a.date,function(b){return b.push(k.month==a.month?c.klass.infocus:c.klass.outfocus),h.pick==a.pick&&b.push(c.klass.now),d&&b.push(c.klass.selected),e&&b.push(c.klass.highlighted),g&&b.push(c.klass.disabled),b.join(" ")}([c.klass.day]),"data-pick="+a.pick+" "+f.ariaAttr({role:"gridcell",selected:d&&b.$node.val()===f.trigger(b.formats.toString,b,[c.format,a])?!0:null,activedescendant:e?!0:null,disabled:g?!0:null})),"",f.ariaAttr({role:"presentation"})]}})]}})),c.klass.table,'id="'+b.$node[0].id+'_table" '+f.ariaAttr({role:"grid",components:b.$node[0].id,readonly:!0}))+f.node("div",f.node("button",c.today,c.klass.buttonToday,"type=button data-pick="+h.pick+(a&&!b.disabled(h)?"":" disabled")+" "+f.ariaAttr({components:b.$node[0].id}))+f.node("button",c.clear,c.klass.buttonClear,"type=button data-clear=1"+(a?"":" disabled")+" "+f.ariaAttr({components:b.$node[0].id}))+f.node("button",c.close,c.klass.buttonClose,"type=button data-close=true "+(a?"":" disabled")+" "+f.ariaAttr({components:b.$node[0].id})),c.klass.footer)},c.defaults=function(a){return{labelMonthNext:"Next month",labelMonthPrev:"Previous month",labelMonthSelect:"Select a month",labelYearSelect:"Select a year",monthsFull:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdaysFull:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],today:"Today",clear:"Clear",close:"Close",format:"d mmmm, yyyy",klass:{table:a+"table",header:a+"header",navPrev:a+"nav--prev",navNext:a+"nav--next",navDisabled:a+"nav--disabled",month:a+"month",year:a+"year",selectMonth:a+"select--month",selectYear:a+"select--year",weekdays:a+"weekday",day:a+"day",disabled:a+"day--disabled",selected:a+"day--selected",highlighted:a+"day--highlighted",now:a+"day--today",infocus:a+"day--infocus",outfocus:a+"day--outfocus",footer:a+"footer",buttonClear:a+"button--clear",buttonToday:a+"button--today",buttonClose:a+"button--close"}}}(a.klasses().picker+"__"),a.extend("pickadate",c)});

src/components/Dialog/Dialog.json

 {
   "name": "Dialog",
   "notes": "",
+  "description": "A popup box component that animates in over an application. It is primarily used for confirmation tasks, light-weight creation/edit tasks, and simple management tasks. Dialog has several variants including closeable, large header, multiline button, and blocking. Blocking or modal dialogs do not allow for a light dismiss (clicking/tapping outside the dialog box) and should be used when a user's explicit answer is required for them to proceed such as confirming the deletion of data.",
   "accessibilityNotes": 
@@ -16,7 +17,9 @@ {
     "Dialog.LgHeader.html",
-    "Dialog.Multiline.html"
+    "Dialog.Multiline.html",
+    "Dialog.Blocking.html"
   ],
   "dependencies": [
     "Button",
-    "ChoiceField"
+    "ChoiceField",
+    "Overlay"
   ],
@@ -58,4 +61,9 @@ "branches": [
       "template": "Dialog.LgHeader.html"
+    },
+    {
+      "name": "Blocking",
+      "class": "ms-Dialog--blocking",
+      "template": "Dialog.Blocking.html"
     }
   ]
 }

src/components/Dropdown/Dropdown.json

 {
   "name": "Dropdown",
   "notes": "",
+  "description": "The styling for a dropdown component and its disabled variant. This dropdown takes current items in a real HTML dropdown and creates a shimmed version that can be styled and selected.",
   "template": "Dropdown.html",
@@ -5,0 +6,0 @@ "class": "ms-Dropdown",

src/components/Dropdown/Jquery.Dropdown.js

@@ -21,3 +21,2 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
                 $originalDropdownOptions = $originalDropdown.children('option'),
-                originalDropdownID = this.id,
                 newDropdownTitle = '',
@@ -66,3 +65,3 @@ newDropdownItems = '',
                     /** Temporarily bind an event to the document that will close this dropdown when clicking anywhere. */
-                    $(document).bind("click.dropdown", function(event) {
+                    $(document).bind("click.dropdown", function() {
                         $dropdownWrapper.removeClass('is-open');
@@ -72,3 +71,3 @@ $(document).unbind('click.dropdown');
                 }
-            };
+            }
 
@@ -110,3 +109,3 @@ /** Toggle open/closed state of the dropdown when clicking its title. */
                             // Item text
-                            var selectedItemText = $(this).find('.ms-Dropdown-item.is-selected').text()
+                            var selectedItemText = $(this).find('.ms-Dropdown-item.is-selected').text();
 
@@ -141,3 +140,3 @@ $(this).find('.ms-Dropdown-title').html(selectedItemText);
                     /** Deselect all items and select this one. */
-                    $(this).siblings('.ms-Dropdown-item').removeClass('is-selected')
+                    $(this).siblings('.ms-Dropdown-item').removeClass('is-selected');
                     $(this).addClass('is-selected');
@@ -144,0 +143,0 @@

src/components/Label/Label.json

 {
   "name": "Label",
   "notes": "A standard form label.",
+  "descripton": "Styling for form labels including the required and disabled variants.",
   "template": "Label.html",
@@ -5,0 +6,0 @@ "class": "ms-Label",

src/components/Link/Link.json

 {
   "name": "Link",
   "notes": "",
+  "description": "A component containing styles for links including two variants.",
   "template": "Link.html",
@@ -5,0 +6,0 @@ "class": "ms-Link",

src/components/List/List.json

 {
   "name": "List",
   "notes": "",
+  "description": "A component for displaying lists that need actions, icons, and additional descriptive information. There are two variants for List including the Default List and Grid List. Lists contain {0} ListItems {1} that have their own set of variants.",
   "template": "List.html",
@@ -5,0 +6,0 @@ "class": "ms-List",

src/components/ListItem/Jquery.ListItem.js

@@ -20,3 +20,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
       /** Detect clicks on selectable list items. */
-      $listItem.on('click', '.js-toggleSelection', function(event) {
+      $listItem.on('click', '.js-toggleSelection', function() {
         $(this).parents('.ms-ListItem').toggleClass('is-selected');
@@ -23,0 +23,0 @@ });

src/components/ListItem/ListItem.json

 {
   "name": "ListItem",
   "notes": "",
+  "description": "List item variants that are placed inside of the {0} List {1} component. List variants support several states including Selectable, Selected, Unseen, Picture, Picture, and Document.",
   "template": "ListItem.html",
@@ -5,0 +6,0 @@ "class": "ms-ListItem",

src/components/MessageBanner/MessageBanner.js

@@ -43,3 +43,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
      */
-    var _onResize = function(event) {
+    var _onResize = function() {
         _clientWidth = _errorBanner.offsetWidth;
@@ -68,3 +68,3 @@ if(window.innerWidth >= SMALL_BREAK_POINT ) {
         _clipper.style.width = _textWidth;
-    }
+    };
 
@@ -82,3 +82,3 @@ /**
         _clipper.style.width = _textWidth;
-    }
+    };
     /**
@@ -139,3 +139,3 @@ * caches elements and values of the component
         _errorBanner.className = "ms-MessageBanner";
-    }
+    };
 
@@ -165,3 +165,3 @@ /**
         showBanner: _showBanner
-    }
+    };
 }());

src/components/MessageBanner/MessageBanner.json

 {
   "name": "MessageBanner",
   "notes": "A component for displaying errors",
+  "description:": "A component for displaying errors to a user via a top-of-the-screen message surface.",
   "template": "MessageBanner.html",
@@ -5,0 +6,0 @@ "class": "ms-MessageBanner",

src/components/NavBar/Jquery.NavBar.js

@@ -47,3 +47,6 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
         if ($(this).hasClass('ms-NavBar-item--hasMenu')) {
-
+          
+          // First, close any neighboring menus.
+          $(this).siblings('.ms-NavBar-item--hasMenu').children('.ms-ContextualMenu:first').removeClass('is-open');
+          
           // Toggle 'is-open' to open or close it.
@@ -82,3 +85,3 @@ $(this).children('.ms-ContextualMenu:first').toggleClass('is-open');
       // Hide any menus and close the search box when clicking anywhere in the document.
-      $(document).on('click', 'html', function(event) {
+      $(document).on('click', 'html', function() {
 		var $searchBox = $navBar.find('.ms-NavBar-item.ms-NavBar-item--search .ms-TextField-field');  
@@ -85,0 +88,0 @@ $navBar.find('.ms-NavBar-item').removeClass('is-selected').find('.ms-ContextualMenu').removeClass('is-open');

src/components/NavBar/NavBar.json

 {
   "name": "NavBar",
   "notes": "",
+  "description": "A navigational layout element that includes search, commanding, and contextual menus. On smaller screen sizes, it collapses into a hamburger menu that presents its elements in a {0} Panel {1}.",
   "template": "NavBar.html",
@@ -5,0 +6,0 @@ "class": "ms-NavBar",

src/components/OrgChart/OrgChart.json

 {
   "name": "OrgChart",
   "notes": "",
+  "description": "A component embedded within the {0} PersonaCard {1} component that displays hierarchical information about an individual within an organization.",
   "template": "OrgChart.html",
@@ -5,0 +6,0 @@ "class": "ms-OrgChart",

src/components/Overlay/Overlay.json

 {
   "name": "Overlay",
   "notes": "",
+  "description": "An element that takes over the screen to help bring focus to an element for the user. Used in conjunction with the {0} Panel {1} and {2} Dialog {3} and available in clear and dark.",
   "template": "Overlay.html",
@@ -5,0 +6,0 @@ "class": "ms-Overlay",

src/components/Panel/Jquery.Panel.js

@@ -19,3 +19,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
       for (var p = 0; p < pfx.length; p++) {
-        if (!pfx[p]) type = type.toLowerCase();
+        if (!pfx[p]) { type = type.toLowerCase(); }
         element.addEventListener(pfx[p]+type, callback, false);
@@ -22,0 +22,0 @@ }

src/components/Panel/Panel.json

 {
   "name": "Panel",
   "notes": "",
+  "description": "Containers used in experiences that do not require explicit context for heavy-weight creation/edit/management tasks such as settings, multi-field forms, and permissions. For containers used for complex tasks that requires context, use a separate Pane alongside the existing experience such as a List/Details layout.",
   "template": "Panel.html",
@@ -5,0 +6,0 @@ "class": "ms-Panel",

src/components/PeoplePicker/Jquery.PeoplePicker.js

 // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
 
+var fabric = fabric || {};
+
 /**
@@ -11,2 +13,3 @@ * People Picker Plugin
  */
+
 (function ($) {
@@ -21,8 +24,9 @@ $.fn.PeoplePicker = function () {
       var $results = $peoplePicker.find(".ms-PeoplePicker-results");
-      var $searchMore = $peoplePicker.find(".ms-PeoplePicker-searchMore");
       var $selected = $peoplePicker.find('.ms-PeoplePicker-selected');
-      var $selectedPeople = $peoplePicker.find(".ms-PeoplePicker-selectedPeople")
-      var $selectedCount = $peoplePicker.find(".ms-PeoplePicker-selectedCount")
+      var $selectedPeople = $peoplePicker.find(".ms-PeoplePicker-selectedPeople");
+      var $selectedCount = $peoplePicker.find(".ms-PeoplePicker-selectedCount");
+      var $peopleList = $peoplePicker.find(".ms-PeoplePicker-peopleList");
       var isActive = false;
       var spinner;
+      var $personaCard = $('.ms-PeoplePicker').find('.ms-PersonaCard');
 
@@ -37,6 +41,18 @@ // Run when focused or clicked
         /** Start by closing any open people pickers. */
-        if ( $('.ms-PeoplePicker').hasClass('is-active') ) {
-          $(".ms-PeoplePicker").removeClass("is-active");
+        if ( $peoplePicker.hasClass('is-active') ) {
+          $peoplePicker.removeClass("is-active");
         }
 
+        /** Display a maxiumum of 5 people in Facepile variant */
+        if ($peoplePicker.hasClass('ms-PeoplePicker--Facepile') && $searchField.val() === "") {
+          $peopleList.children(":gt(4)").hide();
+        }
+
+        /** Animate results and members in Facepile variant. */
+        if ($peoplePicker.hasClass('ms-PeoplePicker--Facepile')) {
+          // $results.addClass('ms-u-slideDownIn20');
+          $selectedPeople.addClass('ms-u-slideDownIn20');
+          setTimeout(function() { $results.removeClass('ms-u-slideDownIn20'); $selectedPeople.removeClass('ms-u-slideDownIn20');}, 1000);
+        }
+
         isActive = true;
@@ -48,3 +64,5 @@
         /** Before opening, size the results panel to match the people picker. */
-        $results.width($peoplePicker.width() - 2);
+        if (!$peoplePicker.hasClass('ms-PeoplePicker--Facepile')) {
+          $results.width($peoplePicker.width() - 2);
+        }
 
@@ -55,8 +73,14 @@ /** Show the $results by setting the people picker to active. */
         /** Temporarily bind an event to the document that will close the people picker when clicking anywhere. */
-        $(document).bind("click.peoplepicker", function(event) {
+        $(document).bind("click.peoplepicker", function() {
             $peoplePicker.removeClass('is-active');
+            if ($peoplePicker.hasClass('ms-PeoplePicker--Facepile')) {
+              $peoplePicker.removeClass('is-searching');
+              $('.ms-PeoplePicker-selected').show();
+              $('.ms-PeoplePicker-searchMore').removeClass('is-active');
+              $searchField.val("");
+            }
             $(document).unbind('click.peoplepicker');
             isActive = false;
         });
-      };
+      }
       
@@ -79,34 +103,59 @@ /** Set to active when focusing on the input. */
       /** Add the selected person to the text field or selected list and close the people picker. */
-      $results.on('click', '.ms-PeoplePicker-result', function (event) {
-          var selectedName = $(this).find(".ms-Persona-primaryText").html();
-          var selectedTitle = $(this).find(".ms-Persona-secondaryText").html();
+      $results.on('click', '.ms-PeoplePicker-result', function () {
+          var $this = $(this); 
+          var selectedName = $this.find(".ms-Persona-primaryText").html();
+          var selectedTitle = $this.find(".ms-Persona-secondaryText").html();
+          var selectedInitials = (function() {
+            var name = selectedName.split(' ');
+            var nameInitials = '';
+
+            for (var i = 0; i < name.length; i++) {
+              nameInitials += name[i].charAt(0);
+            }
+
+            return nameInitials.substring(0,2);
+          })();
+          var selectedClasses = $this.find('.ms-Persona-initials').attr('class');
+          var selectedImage = (function() {
+            if ($this.find('.ms-Persona-image').length) {
+              var selectedImageSrc = $this.find('.ms-Persona-image').attr('src');
+              return '<img class="ms-Persona-image" src="' + selectedImageSrc + '" alt="Persona image">';
+            } else {
+              return '';
+            }
+          })();
+
+          /** Token html */
           var personaHTML = '<div class="ms-PeoplePicker-persona">' +
-                '<div class="ms-Persona ms-Persona--xs ms-Persona--square">' +
-                                   '<div class="ms-Persona-imageArea">' +
-                                     '<i class="ms-Persona-placeholder ms-Icon ms-Icon--person"></i>' +
-                                     '<img class="ms-Persona-image" src="../persona/Persona.Person2.png">' +
-                                   '</div>' +
-                                   '<div class="ms-Persona-presence"></div>' +
-                                   '<div class="ms-Persona-details">' +
-                                     '<div class="ms-Persona-primaryText">' + selectedName + '</div>' +
-                                  ' </div>' +
-                                 '</div>' +
-                                 '<button class="ms-PeoplePicker-personaRemove">' +
-                                   '<i class="ms-Icon ms-Icon--x"></i>' +
-                                ' </button>' +
-                               '</div>';
+                              '<div class="ms-Persona ms-Persona--xs ms-Persona--square">' +
+                               '<div class="ms-Persona-imageArea">' +
+                                 '<div class="' + selectedClasses + '">' + selectedInitials + '</div>' +
+                                 selectedImage +
+                               '</div>' +
+                               '<div class="ms-Persona-presence"></div>' +
+                               '<div class="ms-Persona-details">' +
+                                 '<div class="ms-Persona-primaryText">' + selectedName + '</div>' +
+                              ' </div>' +
+                             '</div>' +
+                             '<button class="ms-PeoplePicker-personaRemove">' +
+                               '<i class="ms-Icon ms-Icon--x"></i>' +
+                            ' </button>' +
+                           '</div>';
+          /** List item html */
           var personaListItem = '<li class="ms-PeoplePicker-selectedPerson">' +
-                  '<div class="ms-Persona ms-Persona--square">' +
-                         '<div class="ms-Persona-imageArea">' +
-                           '<i class="ms-Persona-placeholder ms-Icon ms-Icon--person"></i>' +
-                            '<img class="ms-Persona-image" src="../persona/Persona.Person2.png"><div class="ms-Persona-presence"></div>' +
-                         '</div>' +
-                         '<div class="ms-Persona-details">' +
-                            '<div class="ms-Persona-primaryText">' + selectedName + '</div>' +
-                            '<div class="ms-Persona-secondaryText">' + selectedTitle + '</div>' +
-                          '</div>' +
-                        '</div>' +
-                        '<button class="ms-PeoplePicker-resultAction js-selectedRemove"><i class="ms-Icon ms-Icon--x"></i></button>' +
-                    '</li>';
-          if (!$peoplePicker.hasClass('ms-PeoplePicker--facePile')) {
+                                  '<div class="ms-Persona ms-Persona--sm">' +
+                                     '<div class="ms-Persona-imageArea">' +
+                                       '<div class="' + selectedClasses + '">' + selectedInitials + '</div>' +
+                                       selectedImage +
+                                     '</div>' +
+                                     '<div class="ms-Persona-presence"></div>' +
+                                     '<div class="ms-Persona-details">' +
+                                        '<div class="ms-Persona-primaryText">' + selectedName + '</div>' +
+                                        '<div class="ms-Persona-secondaryText">' + selectedTitle + '</div>' +
+                                      '</div>' +
+                                    '</div>' +
+                                    '<button class="ms-PeoplePicker-resultAction js-selectedRemove"><i class="ms-Icon ms-Icon--x"></i></button>' +
+                                '</li>';
+          /** Tokenize selected persona if not Facepile or memberslist variants */
+          if (!$peoplePicker.hasClass('ms-PeoplePicker--Facepile') && !$peoplePicker.hasClass('ms-PeoplePicker--membersList') ) {
             $searchField.before(personaHTML);
@@ -116,2 +165,3 @@ $peoplePicker.removeClass("is-active");
           }
+          /** Add selected persona to a list if Facepile or memberslist variants */
           else {
@@ -121,7 +171,19 @@ if (!$selected.hasClass('is-active')) {
             }
+            /** Prepend persona list item html to selected people list */
             $selectedPeople.prepend(personaListItem);
+            /** Close the picker */
             $peoplePicker.removeClass("is-active");
-
+            /** Get the total amount of selected personas and display that number */
             var count = $peoplePicker.find('.ms-PeoplePicker-selectedPerson').length;
             $selectedCount.html(count);
+            /** Return picker back to default state:
+            - Show only the first five results in the people list for when the picker is reopened
+            - Make searchMore inactive
+            - Clear any search field text 
+            */
+            $peopleList.children().show();
+            $peopleList.children(":gt(4)").hide();
+
+            $('.ms-PeoplePicker-searchMore').removeClass('is-active');
+            $searchField.val("");
           }
@@ -131,7 +193,7 @@ });
       /** Remove the persona when clicking the personaRemove button. */
-      $peoplePicker.on('click', '.ms-PeoplePicker-personaRemove', function(event) {
+      $peoplePicker.on('click', '.ms-PeoplePicker-personaRemove', function() {
         $(this).parents('.ms-PeoplePicker-persona').remove();
 
         /** Make the search field 100% width if all personas have been removed */
-        if ( $('.ms-PeoplePicker-persona').length == 0 ) {
+        if ( $('.ms-PeoplePicker-persona').length === 0 ) {
           $peoplePicker.find('.ms-PeoplePicker-searchField').outerWidth('100%');
@@ -144,10 +206,11 @@ } else {
       /** Trigger additional searching when clicking the search more area. */
-      $results.on('click', '.js-searchMore', function(event) {
+      $results.on('click', '.js-searchMore', function() {
         var $searchMore = $(this);
         var primaryLabel = $searchMore.find(".ms-PeoplePicker-searchMorePrimary");
         var originalPrimaryLabelText = primaryLabel.html();
+        var searchFieldText = $searchField.val();
 
         /** Change to searching state. */
         $searchMore.addClass("is-searching");
-        primaryLabel.html("Searching for &ldquo;Sen&rdquo;");
+        primaryLabel.html("Searching for " + searchFieldText);
 
@@ -160,2 +223,7 @@ /** Attach Spinner */
         }
+
+        /** Show all results in Facepile variant */
+        if($peoplePicker.hasClass('ms-PeoplePicker--Facepile')) {
+          setTimeout(function() {$peopleList.children().show();}, 1500);
+        }
         
@@ -167,3 +235,3 @@ /** Return the original state. */
             spinner.stop();
-        }, 3000);
+        }, 1500);
       });
@@ -194,7 +262,126 @@
 
+      var filterResults = function(results, currentSuggestion, currentValueExists) {
+        return results.find('.ms-Persona-primaryText').filter(function() {
+          if (currentValueExists) {
+            return $(this).text().toLowerCase() === currentSuggestion;
+          } else {
+            return $(this).text().toLowerCase() !== currentSuggestion;
+          }
+        }).parents('.ms-PeoplePicker-peopleListItem');
+      };
+
+      /** Search people picker items */
+      $peoplePicker.on('keyup', '.ms-PeoplePicker-searchField', function(evt) {
+        var suggested = [];
+        var newSuggestions = [];
+        var $pickerResult = $results.find('.ms-Persona-primaryText');
+
+        $peoplePicker.addClass('is-searching');
+
+        /** Hide members */
+        $selected.hide();
+
+        /** Show 5 results */
+        $peopleList.children(":lt(5)").show();
+
+        /** Show searchMore button */
+        $('.ms-PeoplePicker-searchMore').addClass('is-active');
+
+        /** Get array of suggested people */
+        $pickerResult.each(function() { suggested.push($(this).text()); });
+
+        /** Iterate over array to find matches and show matching items */
+        for (var i = 0; i < suggested.length; i++) {
+          var currentPersona = suggested[i].toLowerCase();
+          var currentValue = evt.target.value.toLowerCase();
+          var currentSuggestion;
+
+          if (currentPersona.indexOf(currentValue) > -1) {
+            currentSuggestion = suggested[i].toLowerCase();
+
+            newSuggestions.push(suggested[i]);
+
+            filterResults($results, currentSuggestion, true).show();
+          } else {
+            filterResults($results, currentSuggestion, false).hide();
+          }
+        }
+
+        /** Show members and hide searchmore when field is empty */
+        if ($(this).val() === "") {
+          $peoplePicker.removeClass('is-searching');
+          $selected.show();
+          $('.ms-PeoplePicker-searchMore').removeClass('is-active');
+          $selectedPeople.addClass('ms-u-slideDownIn20');
+          setTimeout(function() { $selectedPeople.removeClass('ms-u-slideDownIn20');}, 1000);
+          $peopleList.children(":gt(4)").hide();
+        }
+      });
+
+      /** Show persona card when clicking a persona in the members list */
+      $selectedPeople.on('click', '.ms-Persona', function() {
+        var selectedName = $(this).find(".ms-Persona-primaryText").html();
+        var selectedTitle = $(this).find(".ms-Persona-secondaryText").html();
+        var selectedInitials = (function() {
+          var name = selectedName.split(' ');
+          var nameInitials = '';
+
+          for (var i = 0; i < name.length; i++) {
+            nameInitials += name[i].charAt(0);
+          }
+
+          return nameInitials.substring(0,2);
+        })();
+        var selectedClasses = $(this).find('.ms-Persona-initials').attr('class');
+        var selectedImage = $(this).find('.ms-Persona-image').attr('src');
+        var $card = $('.ms-PersonaCard');
+        var $cardName = $card.find('.ms-Persona-primaryText');
+        var $cardTitle = $card.find('.ms-Persona-secondaryText');
+        var $cardInitials = $card.find('.ms-Persona-initials');
+        var $cardImage = $card.find('.ms-Persona-image');
+
+        /** Close any open persona cards */
+        $personaCard.removeClass('is-active');
+
+        /** Add data to persona card */
+        $cardName.text(selectedName);
+        $cardTitle.text(selectedTitle);
+        $cardInitials.text(selectedInitials);
+        $cardInitials.removeClass();
+        $cardInitials.addClass(selectedClasses);
+        $cardImage.attr('src', selectedImage);
+
+        /** Show persona card */
+        setTimeout(function() { 
+          $personaCard.addClass('is-active');
+          setTimeout(function(){$personaCard.css({'animation-name': 'none'});}, 300);
+        }, 100);
+
+        /** Align persona card on md and above screens */
+        if ($(window).width() > 480) {
+          var itemPositionTop = $(this).offset().top;
+          var correctedPositionTop = itemPositionTop + 10;
+
+          $personaCard.css({'top': correctedPositionTop, 'left': 0});          
+        } else {
+          $personaCard.css({'top': 'auto'});
+        }
+      });
+
+      /** Dismiss persona card when clicking on the document */
+      $(document).on('click', function(e) {
+        var $memberBtn = $('.ms-PeoplePicker-selectedPerson').find('.ms-Persona');
+
+        if (!$memberBtn.is(e.target) && !$personaCard.is(e.target) && $personaCard.has(e.target).length === 0) {
+          $personaCard.removeClass('is-active');
+          setTimeout(function(){$personaCard.removeAttr('style');}, 300);
+        } else {
+          $personaCard.addClass('is-active');
+        }
+      });
     });
   };
 
+  /** Resize the search field to match the search box */
   function resizeSearchField($peoplePicker) {
-
     var $searchBox = $peoplePicker.find('.ms-PeoplePicker-searchBox');
@@ -221,5 +408,5 @@
 
+    // Set the width of the search field
     $peoplePicker.find('.ms-PeoplePicker-searchField').outerWidth(newFieldWidth);
   }
-
-})(jQuery);
+})(jQuery);

src/components/PeoplePicker/PeoplePicker.json

 {
   "name": "PeoplePicker",
   "notes": "",
+  "description": "A component used for searching for and picking a person (or people). There are several variants and modifications to the dropdown list of {0} Personas {1} that allow for removing selected people, compact visualizations, a disconnected state, and a 'tokenized' list of selected users.",
   "template": "PeoplePicker.html",
@@ -10,3 +11,4 @@ "class": "ms-PeoplePicker",
     "Overlay",
-    "Persona"
+    "Persona",
+    "PersonaCard"
   ],
@@ -18,3 +20,4 @@ "wrapBranches": true,
     "PeoplePicker.Disconnected.html",
-    "PeoplePicker.FacePile.html"
+    "PeoplePicker.MembersList.html",
+    "PeoplePicker.Facepile.html"
   ],
@@ -38,6 +41,6 @@ "branches": [
       "name": "Facepile",
-      "template": "PeoplePicker.FacePile.html",
-      "class": "ms-PeoplePicker--facePile"
+      "template": "PeoplePicker.Facepile.html",
+      "class": "ms-PeoplePicker--Facepile"
     }
   ]
 }

src/components/Persona/Persona.json

 {
   "name": "Persona",
   "notes": "The persona component is used to represent a person. A placeholder icon is included in every persona as a fallback for when there is no img src or the img hasn't been received yet from the server.",
+  "description": "The persona component is used to represent a person. Circular framing of the user's avatar is currently the default along with circular presence indicators. A placeholder icon is included in every persona as a fallback for when there is no img src or the img hasn't been received yet from the server.",
   "template": "Persona.html",
@@ -31,3 +32,4 @@ "class": "ms-Persona",
     "Persona.Presence.Square.Dnd.html",
-    "Persona.Presence.Square.Offline.html"
+    "Persona.Presence.Square.Offline.html",
+    "Persona.Initials.html"
   ],
@@ -34,0 +36,0 @@ "branches": [

src/components/PersonaCard/Jquery.PersonaCard.js

@@ -27,11 +27,11 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
         /** Function for switching selected item into view by adding a class to ul. */
-        var updateForItem = function(wrapper, item){
+        var updateForItem = function(wrapper, item) {
           var previousItem = wrapper.className + "";
           var detail = item.charAt(0).toUpperCase() + item.slice(1);
-          var nextItem = "ms-PersonaCard-detail"+detail;
-          if (previousItem != nextItem){
+          var nextItem = "ms-PersonaCard-detail" + detail;
+          if (previousItem !== nextItem){
             wrapper.classList.remove(previousItem);
             wrapper.classList.add(nextItem);
           }
-        }
+        };
 
@@ -38,0 +38,0 @@ /** Get id of selected item */

src/components/PersonaCard/PersonaCard.json

 {
   "name": "PersonaCard",
   "notes": "",
+  "description": "The visualization of details of an individual including Skype contact details, email, location information, and organizational placement via the embedded {0} OrgChart {1}. PersonaCards are often invoked when a {2} Persona {3} is hovered over or tapped.",
   "template": "PersonaCard.html",
@@ -5,0 +6,0 @@ "class": "ms-PersonaCard",

src/components/Pivot/jquery.Pivot.js

@@ -22,4 +22,12 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
         event.preventDefault();
-        $(this).siblings('.ms-Pivot-link').removeClass('is-selected');
-        $(this).addClass('is-selected');
+        /** Check if current selection has elipses child element **/
+        var $elipsisCheck = $(this).find('.ms-Pivot-ellipsis');
+        
+        /** Only execute when no elipses element can be found **/
+        if($elipsisCheck.length === 0){
+  
+          $(this).siblings('.ms-Pivot-link').removeClass('is-selected');
+          $(this).addClass('is-selected');
+        }
+  
       });
@@ -26,0 +34,0 @@

src/components/Pivot/Pivot.json

 {
   "name": "Pivot",
   "notes": "",
+  "description": "A navigational, layout component that allows users to switch between different sets of content. Fabric provides a typography focused variant - Pivot - and a tabular variant - Tabs - along with two sizes for each. All variants include an overflow button that can be used in conjunction with {0} ContextualMenu {1} to present more options to the user.",
   "template": "Pivot.html",
@@ -5,0 +6,0 @@ "class": "ms-Pivot",

src/components/ProgressIndicator/ProgressIndicator.js

@@ -102,3 +102,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
     cacheDOM: cacheDOM
-  }
+  };
 }());

src/components/ProgressIndicator/ProgressIndicator.json

 {
   "name": "ProgressIndicator",
   "notes": "A component for outputting determinate progress",
+  "description": "A simple, determinate progress indicator that allows the user to see the status of activities. Unlike the {0} Spinner {1}, ProgressIndicator should accurately display the progress of the activity while the Spinner is used when the time is indeterminate.",
   "template": "ProgressIndicator.html",
   "class": "ms-ProgressIndicator"
 }

src/components/SearchBox/Jquery.SearchBox.js

@@ -30,3 +30,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
       $searchField.on('mouseover', function() {
-        $searchField.addClass('hovering')
+        $searchField.addClass('hovering');
       });
@@ -33,0 +33,0 @@

src/components/SearchBox/SearchBox.json

 {
   "name": "SearchBox",
   "notes": "",
+  "description": "A basic Office 365 search field that includes a standard selection state and cancel button.",
   "template": "SearchBox.html",
@@ -5,0 +6,0 @@ "class": "ms-SearchBox",

src/components/Spinner/Spinner.js

@@ -30,2 +30,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
     var fadeIncrement = 0;
+    var parentSize;
 
@@ -56,4 +57,14 @@ /**
     function _init() {
+        //for backwards compatibility
+        if (_target.className.indexOf("ms-Spinner") === -1) {
+            spinner = document.createElement("div");
+            spinner.className = "ms-Spinner";
+            _target.appendChild(spinner);
+        } else {
+            spinner = _target;
+        }
+
         offsetSize = eightSize;
         numCircles = 8;
+        parentSize = spinner.className.indexOf("large") > -1 ? 28 : 20;
         _createCirclesAndArrange();
@@ -97,5 +108,4 @@ _initializeOpacities();
         var circle = document.createElement('div');
-        var parentWidth = parseInt(window.getComputedStyle(spinner).getPropertyValue("width"), 10);
         circle.className = "ms-Spinner-circle";
-        circle.style.width = circle.style.height = parentWidth * offsetSize + "px";
+        circle.style.width = circle.style.height = parentSize * offsetSize + "px";
         return circle;
@@ -105,24 +115,14 @@ }
     function _createCirclesAndArrange() {
-        //for backwards compatibility
-        if (_target.className.indexOf("ms-Spinner") === -1) {
-            spinner = document.createElement("div");
-            spinner.className = "ms-Spinner";
-            _target.appendChild(spinner);
-        } else {
-            spinner = _target;
-        }
 
-        var width = spinner.clientWidth;
-        var height = spinner.clientHeight;
         var angle = 0;
-        var offset = width * offsetSize;
+        var offset = parentSize * offsetSize;
         var step = (2 * Math.PI) / numCircles;
         var i = numCircles;
         var circleObject;
-        var radius = (width- offset) * 0.5;
+        var radius = (parentSize - offset) * 0.5;
 
         while (i--) {
             var circle = _createCircle();
-            var x = Math.round(width * 0.5 + radius * Math.cos(angle) - circle.clientWidth * 0.5) - offset * 0.5;
-            var y = Math.round(height * 0.5 + radius * Math.sin(angle) - circle.clientHeight * 0.5) - offset * 0.5;
+            var x = Math.round(20 * 0.5 + radius * Math.cos(angle) - circle.clientWidth * 0.5) - offset * 0.5;
+            var y = Math.round(20 * 0.5 + radius * Math.sin(angle) - circle.clientHeight * 0.5) - offset * 0.5;
             spinner.appendChild(circle);
@@ -132,3 +132,3 @@ circle.style.left = x + 'px';
             angle += step;
-            circleObject = {element:circle, j:i};
+            circleObject = { element:circle, j:i };
             circleObjects.push(circleObject);
@@ -135,0 +135,0 @@ }

src/components/Spinner/Spinner.json

 {
   "name": "Spinner",
   "notes": "An animating activity indicator.",
+  "description": "A progress/loading indicator that is ideally used when the length of time to completion for a task is indeterminate. If the length of time is known or can be determined, use the {0} ProgressIndicator {1}",
   "template": "Spinner.html",
@@ -5,0 +6,0 @@ "class": "ms-Spinner",

src/components/Table/Table.json

 {
   "name": "Table",
   "notes": "",
+  "description": "The table component provides a div-based way to visualize data in columns and rows. Although the table is responsive by nature, we recommend keeping the number of columns small if the table is intended to be viewed on mobile devices.",
   "template": "Table.html",
@@ -5,0 +6,0 @@ "class": "ms-Table",

src/components/TextField/Jquery.TextField.js

@@ -33,3 +33,3 @@ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
         });
-      };
+      }
 
@@ -48,3 +48,3 @@ /** Underlined - adding/removing a focus class */
         });
-      };
+      }
 
@@ -51,0 +51,0 @@ });

src/components/TextField/TextField.json

 {
   "name": "TextField",
   "notes": "",
+  "description": "The table component provides a div-based way to visualize data in columns and rows. Although the table is responsive by nature, we recommend keeping the number of columns small if the table is intended to be viewed on mobile devices.",
   "template": "TextField.html",
@@ -5,0 +6,0 @@ "class": "ms-TextField",

src/components/Toggle/Toggle.json

 {
   "name": "Toggle",
   "notes": "",
+  "description":"A boolean visualization that allows for users to select between two states, typically on and off. In Office 365, on/true is signified by a blue state while off/false is shown in grey. Also see {0} ChoiceField - checkbox {1} for a boolean visualization that is better suited to a long list of individual choices for the user.",
   "template": "Toggle.html",
@@ -5,0 +6,0 @@ "class": "ms-Toggle",

Third Party Notices.txt

@@ -0,0 +0,0 @@ This project incorporates material from the projects listed below (Third Party IP). The original copyright notice and the license under which Microsoft received such Third Party IP, are set forth below. Such licenses and notices are provided for informational purposes only. Microsoft licenses the Third Party IP to you under the licensing terms for the Microsoft product. Microsoft reserves all other rights not expressly granted under this agreement, whether by implication, estoppel or otherwise.

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Lines of code

58394

increased by8.31%

Number of low quality alerts

4

decreased by-20%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

4222395

decreased by-13.75%

Dev dependency count

50

increased by6.38%

Number of package files

644

decreased by-8.26%

No dependency changes