code.material.angularjs.org/HEAD/docs.js at master · angular/code.material.angularjs.org

This repository was archived by the owner on Feb 26, 2024. It is now read-only.
1 lines (1 loc) · 225 KB
angular.module("angularytics",[]).provider("Angularytics",function(){var l=["Google"];this.setEventHandlers=function(e){angular.isString(e)&&(e=[e]),l=[],angular.forEach(e,function(e){l.push(t(e))})};var t=function(e){return e.charAt(0).toUpperCase()+e.substring(1)},s="$locationChangeSuccess";this.setPageChangeEvent=function(e){s=e},this.$get=["$injector","$rootScope","$location",function(t,e,a){var n=[];function i(t){angular.forEach(n,function(e){t(e)})}angular.forEach(l,function(e){n.push(t.get("Angularytics"+e+"Handler"))});var o={init:function(){},trackEvent:function(t,a,n,o,l){i(function(e){t&&a&&e.trackEvent(t,a,n,o,l)})},trackPageView:function(t){i(function(e){t&&e.trackPageView(t)})},trackTiming:function(t,a,n,o){i(function(e){t&&a&&n&&e.trackTiming(t,a,n,o)})}};return e.$on(s,function(){o.trackPageView(a.url())}),o}]}),angular.module("angularytics").factory("AngularyticsConsoleHandler",["$log",function(l){var e={trackPageView:function(e){l.log("URL visited",e)},trackEvent:function(e,t,a,n,o){l.log("Event tracked",e,t,a,n,o)},trackTiming:function(e,t,a,n){l.log("Timing tracked",e,t,a,n)}};return e}]),angular.module("angularytics").factory("AngularyticsGoogleHandler",function(){var e={trackPageView:function(e){_gaq.push(["_set","page",e]),_gaq.push(["_trackPageview",e])},trackEvent:function(e,t,a,n,o){_gaq.push(["_trackEvent",e,t,a,n,o])},trackTiming:function(e,t,a,n){_gaq.push(["_trackTiming",e,t,a,n])}};return e}).factory("AngularyticsGoogleUniversalHandler",function(){var e={trackPageView:function(e){ga("set","page",e),ga("send","pageview",e)},trackEvent:function(e,t,a,n,o){ga("send","event",e,t,a,n,{nonInteraction:o})},trackTiming:function(e,t,a,n){ga("send","timing",e,t,a,n)}};return e}),angular.module("angularytics").filter("trackEvent",["Angularytics",function(i){return function(e,t,a,n,o,l){return i.trackEvent(t,a,n,o,l),e}}]),angular.module("docsApp",["angularytics","ngRoute","ngMessages","ngMaterial"],["SERVICES","COMPONENTS","DEMOS","PAGES","$routeProvider","$locationProvider","$mdThemingProvider","$mdIconProvider",function(e,n,t,a,o,l,i,s){l.html5Mode(!0),o.when("/",{templateUrl:"partials/home.tmpl.html"}).when("/layout/:tmpl",{templateUrl:function(e){return"partials/layout-"+e.tmpl+".tmpl.html"}}).when("/layout/",{redirectTo:"/layout/introduction"}).when("/demo/",{redirectTo:t[0].url}).when("/api/",{redirectTo:n[0].docs[0].url}).when("/getting-started",{templateUrl:"partials/getting-started.tmpl.html"}).when("/contributors",{templateUrl:"partials/contributors.tmpl.html"}).when("/license",{templateUrl:"partials/license.tmpl.html"}),i.definePalette("docs-blue",i.extendPalette("blue",{50:"#DCEFFF",100:"#AAD1F9",200:"#7BB8F5",300:"#4C9EF1",400:"#1C85ED",500:"#106CC8",600:"#0159A2",700:"#025EE9",800:"#014AB6",900:"#013583",contrastDefaultColor:"light",contrastDarkColors:"50 100 200 300 400 A100 A200",contrastStrongLightColors:"500 600 700 800 900 A400 A700"})),i.definePalette("docs-red",i.extendPalette("red",{A100:"#DE3641"})),i.definePalette("docs-warn",i.extendPalette("deep-orange",{500:"#d32f2f"})),i.theme("docs-dark","default").primaryPalette("yellow").dark(),i.theme("site-toolbar").primaryPalette("grey",{default:"100"}),s.icon("md-toggle-arrow","img/icons/toggle-arrow.svg",48),s.iconSet("communication","img/icons/sets/communication-icons.svg",24).iconSet("device","img/icons/sets/device-icons.svg",24).iconSet("social","img/icons/sets/social-icons.svg",24).iconSet("symbol","img/icons/sets/symbol-icons.svg",24).defaultIconSet("img/icons/sets/core-icons.svg",24),i.theme("default").primaryPalette("docs-blue").accentPalette("docs-red").warnPalette("docs-warn"),i.enableBrowserColor(),angular.forEach(a,function(e,t){angular.forEach(e,function(e){o.when(e.url,{templateUrl:e.outputPath,controller:"GuideCtrl"})})}),angular.forEach(n,function(t){angular.forEach(t.docs,function(e){o.when("/"+e.url,{templateUrl:e.outputPath,resolve:{component:function(){return t},doc:function(){return e}},controller:"ComponentDocCtrl"})})}),angular.forEach(e,function(e){o.when("/"+e.url,{templateUrl:e.outputPath,resolve:{component:function(){return{isService:!0}},doc:function(){return e}},controller:"ComponentDocCtrl"})}),angular.forEach(t,function(t){var a;n.forEach(function(e){t.moduleName===e.name&&((a=e).demoUrl=t.url)}),a=a||angular.extend({},t),o.when("/"+t.url,{templateUrl:"partials/demo.tmpl.html",controller:"DemoCtrl",resolve:{component:function(){return a},demos:function(){return t.demos}}})}),o.otherwise("/"),l.hashPrefix("!")}]).config(["$mdGestureProvider","AngularyticsProvider",function(e,t){e.skipClickHijack(),t.setEventHandlers(["GoogleUniversal"])}]).run(["$rootScope","$window","Angularytics",function(e,t,a){a.init(),e.$window=t}]).factory("menu",["SERVICES","COMPONENTS","DEMOS","PAGES","$location","$rootScope","$http","$window",function(e,t,a,n,o,l,i,s){var r={},m=[{name:"Getting Started",url:"getting-started",type:"link"}],d=[];angular.forEach(a,function(e){d.push({name:e.label,url:e.url})}),m.push({name:"Demos",pages:d.sort(h),type:"toggle"}),m.push(),m.push({name:"Customization",type:"heading",children:[{name:"CSS",type:"toggle",pages:[{name:"Typography",url:"CSS/typography",type:"link"},{name:"Button",url:"CSS/button",type:"link"},{name:"Checkbox",url:"CSS/checkbox",type:"link"}]},{name:"Theming",type:"toggle",pages:[{name:"Introduction and Terms",url:"Theming/01_introduction",type:"link"},{name:"Declarative Syntax",url:"Theming/02_declarative_syntax",type:"link"},{name:"Configuring a Theme",url:"Theming/03_configuring_a_theme",type:"link"},{name:"Multiple Themes",url:"Theming/04_multiple_themes",type:"link"},{name:"Under the Hood",url:"Theming/05_under_the_hood",type:"link"},{name:"Browser Color",url:"Theming/06_browser_color",type:"link"}]},{name:"Performance",type:"toggle",pages:[{name:"Internet Explorer",url:"performance/internet-explorer",type:"link"}]}]});var c,p={},u={};function h(e,t){return e.name<t.name?-1:1}return t.forEach(function(e){e.docs.forEach(function(e){angular.isDefined(e.private)||(u[e.type]=u[e.type]||[],u[e.type].push(e),p[e.module]=p[e.module]||[],p[e.module].push(e))})}),e.forEach(function(e){angular.isDefined(e.private)||(u[e.type]=u[e.type]||[],u[e.type].push(e),p[e.module]=p[e.module]||[],p[e.module].push(e))}),m.push({name:"API Reference",type:"heading",children:[{name:"Layout",type:"toggle",pages:[{name:"Introduction",id:"layoutIntro",url:"layout/introduction"},{name:"Layout Containers",id:"layoutContainers",url:"layout/container"},{name:"Layout Children",id:"layoutGrid",url:"layout/children"},{name:"Child Alignment",id:"layoutAlign",url:"layout/alignment"},{name:"Extra Options",id:"layoutOptions",url:"layout/options"},{name:"Troubleshooting",id:"layoutTips",url:"layout/tips"}]},{name:"Services",pages:u.service.sort(h),type:"toggle"},{name:"Types",pages:u.type.sort(h),type:"toggle"},{name:"Directives",pages:u.directive.sort(h),type:"toggle"}]}),m.push({name:"Migration to Angular",url:"migration",type:"link"}),m.push({name:"Contributors",url:"contributors",type:"link"}),m.push({name:"License",url:"license",type:"link",hidden:!0}),l.$on("$locationChangeSuccess",function(){var a=o.path(),e={name:"Introduction",url:"/",type:"link"};if("/"===a)return c.selectSection(e),void c.selectPage(e,e);function n(e,t){-1!==a.indexOf(t.url)&&(c.selectSection(e),c.selectPage(e,t))}m.forEach(function(t){t.children?t.children.forEach(function(t){t.pages&&t.pages.forEach(function(e){n(t,e)})}):t.pages?t.pages.forEach(function(e){n(t,e)}):"link"===t.type&&n(t,t)})}),i.get("/docs.json").then(function(a){a=a.data;var t=function(){var e=s.location.pathname;e.length<2&&(e="HEAD");return e.match(/[^/]+/)[0].toLowerCase()}(),e={type:"version",url:"/HEAD",id:"head",name:"HEAD (master)",github:""},n="head"===t?[]:[e],o=function(){if(a&&a.versions&&a.versions.length)return a.versions.map(function(e){var t=a.latest===e;return{type:"version",url:"/"+e,name:function(e){return e.latest?"Latest Release ("+e.id+")":"Release "+e.id}({id:e,latest:t}),id:e,latest:t,github:"tree/v"+e}});return[]}(),l=o.filter(function(e){switch(t){case e.id:return!1;case"latest":return!e.latest;default:return!0}}),i=function(){switch(t){case"head":return e;case"latest":return o.filter(function(e){return e.latest})[0];default:return o.filter(function(e){return t===e.id})[0]}}()||{name:"local"};r.current=i,m.unshift({name:"Documentation Version",type:"heading",className:"version-picker",children:[{name:i.name,type:"toggle",pages:n.concat(l)}]})}),c={version:r,sections:m,selectSection:function(e){c.openedSection=e},toggleSelectSection:function(e){c.openedSection=c.openedSection===e?null:e},isSectionSelected:function(e){return c.openedSection===e},selectPage:function(e,t){c.currentSection=e,c.currentPage=t},isPageSelected:function(e){return c.currentPage===e}}}]).directive("menuLink",["scrollCache",function(n){return{scope:{section:"="},templateUrl:"partials/menu-link.tmpl.html",link:function(e,t){var a=t.parent().controller();e.isSelected=function(){return a.isSelected(e.section)},e.focusSection=function(){a.autoFocusContent=!0,n.linkClicked=!0}}}}]).directive("menuToggle",["$mdUtil","$animateCss","$$rAF",function(r,o,m){return{scope:{section:"="},templateUrl:"partials/menu-toggle.tmpl.html",link:function(s,e){var t=e.parent().controller();s.renderContent=!1,s.isOpen=function(){return t.isOpen(s.section)},s.toggle=function(){t.toggleOpen(s.section)},r.nextTick(function(){s.$watch(function(){return t.isOpen(s.section)},function(l){var i=e.find("ul");i[0].querySelector("a.active");l&&(s.renderContent=!0),m(function(){var e=l?i[0].scrollHeight:0;o(i,{easing:"cubic-bezier(0.35, 0, 0.25, 1)",to:{height:e+"px"},duration:.75}).start().then(function(){var e=i[0].querySelector("a.active");if((s.renderContent=l)&&e&&0===i[0].scrollTop){var t=e.scrollHeight,a=e.offsetTop,n=e.offsetParent,o=a+(n?n.offsetTop:0)-2*t;r.animateScrollTo(document.querySelector(".docs-menu").parentNode,o)}})})})});var a=e[0].parentNode.parentNode.parentNode;if(a.classList.contains("parent-list-item")){var n=a.querySelector("h2");e[0].firstChild.setAttribute("aria-describedby",n.id)}}}}]).controller("DocsCtrl",["$scope","COMPONENTS","BUILDCONFIG","$mdSidenav","$timeout","$mdDialog","menu","$location","$rootScope","$mdUtil",function(t,e,a,n,o,l,i,s,r,m){var d=this;t.COMPONENTS=e,t.BUILDCONFIG=a,t.menu=i,t.path=function(){return s.path()},t.goHome=function(e){i.selectPage(null,null),s.path("/")},t.openMenu=function(){o(function(){n("left").open()})},t.closeMenu=function(){o(function(){n("left").close()})},t.isSectionSelected=function(e){var t=!1,a=i.openedSection;a===e?t=!0:e.children&&e.children.forEach(function(e){e===a&&(t=!0)});return t},t.scrollTop=function(){m.animateScrollTo(u,0,200)},t.thisYear=(new Date).getFullYear(),r.$on("$locationChangeSuccess",function(){t.closeMenu(),d.autoFocusContent&&(h(),d.autoFocusContent=!1)}),t.focusMainContent=h,Object.defineProperty(r,"relatedPage",{get:function(){return null},set:angular.noop,enumerable:!0,configurable:!0}),r.redirectToUrl=function(e){s.path(e),o(function(){r.relatedPage=null},100)},this.isOpen=function(e){return i.isSectionSelected(e)},this.isSelected=function(e){return i.isPageSelected(e)},this.toggleOpen=function(e){i.toggleSelectSection(e)},this.autoFocusContent=!1;var c=document.querySelector("main"),p=c.querySelector(".md-breadcrumb"),u=c.querySelector("md-content[md-scroll-y]");function h(e){t.closeMenu(),e&&e.preventDefault(),o(function(){p.focus()},90)}}]).controller("HomeCtrl",["$scope","$rootScope",function(e,t){t.currentComponent=t.currentDoc=null}]).controller("GuideCtrl",["$rootScope","$http",function(t,e){t.currentComponent=t.currentDoc=null,t.contributors||e.get("./contributors.json").then(function(e){t.github=e.data})}]).controller("LayoutCtrl",["$scope","$attrs","$location","$rootScope",function(e,t,a,n){n.currentComponent=n.currentDoc=null,e.exampleNotEditable=!0,e.layoutDemo={mainAxis:"center",crossAxis:"center",direction:"row"},e.layoutAlign=function(){return e.layoutDemo.mainAxis+(e.layoutDemo.crossAxis?" "+e.layoutDemo.crossAxis:"")}}]).controller("LayoutTipsCtrl",[function(){var t=this;t.toggleButtonText="Hide",t.toggleContentSize=function(){var e=angular.element(document.getElementById("toHide"));e.toggleClass("ng-hide"),t.toggleButtonText=e.hasClass("ng-hide")?"Show":"Hide"}}]).controller("ComponentDocCtrl",["$scope","doc","component","$rootScope",function(e,t,a,n){n.currentComponent=a,n.currentDoc=t}]).controller("DemoCtrl",["$rootScope","$scope","component","demos","$templateRequest",function(e,a,t,n,o){e.currentComponent=t,e.currentDoc=null,a.demos=[],angular.forEach(n,function(e){var t=[e.index].concat(e.js||[]).concat(e.css||[]).concat(e.html||[]);t.forEach(function(t){t.httpPromise=o(t.outputPath).then(function(e){return t.contents=e.replace("<head/>",""),t.contents})}),e.$files=t,a.demos.push(e)}),a.demos=a.demos.sort(function(e,t){return e.name>t.name?1:-1})}]).filter("nospace",function(){return function(e){return e?e.replace(/ /g,""):""}}).filter("humanizeDoc",function(){return function(e){if(e)return"directive"===e.type?e.name.replace(/([A-Z])/g,function(e){return"-"+e.toLowerCase()}):e.label||e.name}}).filter("directiveBrackets",function(){return function(e,t){if(t){if(!t.element&&t.attribute)return"["+e+"]";if(t.element&&-1<e.indexOf("-"))return"<"+e+">"}return e}}).directive("docsScrollClass",function(){return{restrict:"A",link:function(e,t,a){var n=t.parent(),o=!1;function l(){var e=0!==n[0].scrollTop;e!==o&&t.toggleClass(a.docsScrollClass,e),o=e}l(),n.on("scroll",l)}}}).factory("scrollCache",function(){var a={};return{getScroll:function(e){return a[e]||0},setScroll:function(e,t){a[e]=t},linkClicked:!1}}).directive("cacheScrollPosition",["$route","$mdUtil","$timeout","$location","$anchorScroll","scrollCache",function(n,o,l,i,s,r){function t(e,t,a){n.current&&r.setScroll(a.loadedTemplateUrl+":"+a.$$route.originalPath,m.scrollTop),r.linkClicked&&(r.setScroll(t.$$route.templateUrl+":"+t.$$route.originalPath,0),r.linkClicked=!1)}function a(e,t){if(i.hash())s();else{var a=r.getScroll(t.loadedTemplateUrl+":"+t.$$route.originalPath);l(function(){o.animateScrollTo(m,a)},0)}}var m=document.querySelector("main").querySelector("md-content[md-scroll-y]");return function(e){e.$on("$routeChangeStart",t),e.$on("$routeChangeSuccess",a)}}]),function(){function e(l,i,e){var s=/[&\s+$,:;=?@"#{}|^~[`%!'\]./()*\\]/g;return{restrict:"E",scope:{},require:"^?mdContent",link:function(a,n,e,t){if(!t||n[0].classList&&n[0].classList.contains("menu-heading"))return;var o=i('<a class="docs-anchor" ng-href="{{ href }}" name="{{ name }}"></a>')(a);o.append(n.contents()),n.append(o),l.nextTick(function(){var e="",t=n.text();a.$root.$window&&a.$root.$window.location&&(e=a.$root.$window.location.pathname),t=t.trim().replace(/'/g,"").replace(s,"-").replace(/-{2,}/g,"-").replace(/^-|-$/g,"").toLowerCase(),a.name=t,a.href=e+"#"+t})}}}angular.module("docsApp").directive("h4",e).directive("h3",e).directive("h2",e).directive("h1",e),e.$inject=["$mdUtil","$compile"]}(),angular.module("docsApp").constant("BUILDCONFIG",{ngVersion:"1.8.2",version:"1.2.5",repository:"https://github.com/angular/material",date:"2022-04-11 12:18:26 -0700",commit:"0b55529940d516a94777ca1d179e65df7835dd2a"}),angular.module("docsApp").factory("codepenDataAdapter",function(){var n="https://gitcdn.xyz/cdn/angular/bower-material/v1.2.5-master-0b55529/angular-material.css",o="https://material.angularjs.org/1.2.5-master-0b55529/docs.css";return{translate:function(e,t){var a=e.files;return function(e){function t(e,t){var a="",n="";switch(t){case"html":a="\x3c!--",n="--\x3e";break;case"js":a="/**",n="**/";break;case"css":a="/*",n="*/"}return e+"\n\n"+a+"\nCopyright 2020 Google LLC. All Rights Reserved. \nUse of this source code is governed by an MIT-style license that can be found\nin the LICENSE file at http://material.angularjs.org/HEAD/license.\n"+n}return e.html=t(e.html,"html"),e.js=t(e.js,"js"),e.css=t(e.css,"css"),e}({title:e.title,html:function(t){var a=t.files.index.contents;return[i,s,r].forEach(function(e){a=e(a,t)}),a}(e),head:'<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">',js:function(e){return function(e){return e.replace(/\.module\(('[^']*'|"[^"]*")\s*,(\s*\[([^\]]*)\]\s*\))/gi,".module('MyApp', ['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])")}(l(e).join(" "))}(a.js),css:l(a.css).join(" "),js_external:t.concat(["https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/svg-assets-cache.js","https://gitcdn.xyz/cdn/angular/bower-material/v1.2.5-master-0b55529/angular-material.js"]).join(";"),css_external:[n,o].join(";")})}};function l(e){return e.map(function(e){return e.contents})}function i(e,t){var a;return angular.forEach(angular.element(e),function(e,t){"SCRIPT"!=e.nodeName&&"#text"!=e.nodeName&&(a=angular.element(e))}),a.addClass(t.id),a.attr("ng-app","MyApp"),a[0].outerHTML}function s(e,t){if(t.files.html.length){var a=angular.element(e);return angular.forEach(t.files.html,function(e){a.append("<script type='text/ng-template' id='"+e.name+"'>"+e.contents+"<\/script>")}),a[0].outerHTML}return e}function r(e){return e.replace(/&/g,"&amp;")}}).factory("codepen",["$demoAngularScripts","$document","codepenDataAdapter",function(n,o,l){var i="https://codepen.io/pen/define/";return{editOnCodepen:function(e){var t=n.all();t.push("https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js"),t.push("https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/md5.js");var a=function(e){var t=angular.element('<form style="display: none;" method="post" target="_blank" action="'+i+'"></form>'),a='<input type="hidden" name="data" value="'+function(e){return JSON.stringify(e).replace(/'/g,"&amp;apos;").replace(/"/g,"&amp;quot;").replace(/&amp;lt;/g,"&#x02C2;").replace(/&amp;gt;/g,"&#x02C3;")}(e)+'" />';return t.append(a),t}(l.translate(e,t));o.find("body").append(a),a[0].submit(),a.remove()}}}]),angular.module("docsApp").constant("COMPONENTS",[{name:"material.components.autocomplete",type:"module",outputPath:"partials/api/material.components.autocomplete/index.html",url:"api/material.components.autocomplete",label:"material.components.autocomplete",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/autocomplete/autocomplete.js",docs:[{name:"mdAutocomplete",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.autocomplete/directive/mdAutocomplete.html",url:"api/directive/mdAutocomplete",label:"mdAutocomplete",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/autocomplete/js/autocompleteDirective.js",hasDemo:!0},{name:"mdHighlightText",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.autocomplete/directive/mdHighlightText.html",url:"api/directive/mdHighlightText",label:"mdHighlightText",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/autocomplete/js/highlightDirective.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.bottomSheet",type:"module",outputPath:"partials/api/material.components.bottomSheet/index.html",url:"api/material.components.bottomSheet",label:"material.components.bottomSheet",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/bottomSheet/bottom-sheet.js",docs:[{name:"$mdBottomSheet",type:"service",outputPath:"partials/api/material.components.bottomSheet/service/$mdBottomSheet.html",url:"api/service/$mdBottomSheet",label:"$mdBottomSheet",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/bottomSheet/bottom-sheet.js",hasDemo:!1}],hasDemo:!1},{name:"material.components.button",type:"module",outputPath:"partials/api/material.components.button/index.html",url:"api/material.components.button",label:"material.components.button",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/button/button.js",docs:[{name:"mdButton",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.button/directive/mdButton.html",url:"api/directive/mdButton",label:"mdButton",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/button/button.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.card",type:"module",outputPath:"partials/api/material.components.card/index.html",url:"api/material.components.card",label:"material.components.card",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/card/card.js",docs:[{name:"mdCard",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.card/directive/mdCard.html",url:"api/directive/mdCard",label:"mdCard",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/card/card.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.checkbox",type:"module",outputPath:"partials/api/material.components.checkbox/index.html",url:"api/material.components.checkbox",label:"material.components.checkbox",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/checkbox/checkbox.js",docs:[{name:"mdCheckbox",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.checkbox/directive/mdCheckbox.html",url:"api/directive/mdCheckbox",label:"mdCheckbox",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/checkbox/checkbox.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.chips",type:"module",outputPath:"partials/api/material.components.chips/index.html",url:"api/material.components.chips",label:"material.components.chips",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/chips/chips.js",docs:[{name:"mdChip",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.chips/directive/mdChip.html",url:"api/directive/mdChip",label:"mdChip",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/chips/js/chipDirective.js",hasDemo:!0},{name:"mdChipRemove",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.chips/directive/mdChipRemove.html",url:"api/directive/mdChipRemove",label:"mdChipRemove",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/chips/js/chipRemoveDirective.js",hasDemo:!0},{name:"mdChips",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.chips/directive/mdChips.html",url:"api/directive/mdChips",label:"mdChips",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/chips/js/chipsDirective.js",hasDemo:!0},{name:"mdContactChips",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.chips/directive/mdContactChips.html",url:"api/directive/mdContactChips",label:"mdContactChips",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/chips/js/contactChipsDirective.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.colors",type:"module",outputPath:"partials/api/material.components.colors/index.html",url:"api/material.components.colors",label:"material.components.colors",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/colors/colors.js",docs:[{name:"$mdColors",type:"service",outputPath:"partials/api/material.components.colors/service/$mdColors.html",url:"api/service/$mdColors",label:"$mdColors",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/colors/colors.js",hasDemo:!1},{name:"mdColors",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.colors/directive/mdColors.html",url:"api/directive/mdColors",label:"mdColors",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/colors/colors.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.content",type:"module",outputPath:"partials/api/material.components.content/index.html",url:"api/material.components.content",label:"material.components.content",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/content/content.js",docs:[{name:"mdContent",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.content/directive/mdContent.html",url:"api/directive/mdContent",label:"mdContent",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/content/content.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.datepicker",type:"module",outputPath:"partials/api/material.components.datepicker/index.html",url:"api/material.components.datepicker",label:"material.components.datepicker",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/datepicker/datePicker.js",docs:[{name:"mdCalendar",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.datepicker/directive/mdCalendar.html",url:"api/directive/mdCalendar",label:"mdCalendar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/datepicker/js/calendar.js",hasDemo:!0},{name:"$mdDateLocaleProvider",type:"service",outputPath:"partials/api/material.components.datepicker/service/$mdDateLocaleProvider.html",url:"api/service/$mdDateLocaleProvider",label:"$mdDateLocaleProvider",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/datepicker/js/dateLocaleProvider.js",hasDemo:!1},{name:"mdDatepicker",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.datepicker/directive/mdDatepicker.html",url:"api/directive/mdDatepicker",label:"mdDatepicker",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/datepicker/js/datepickerDirective.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.dialog",type:"module",outputPath:"partials/api/material.components.dialog/index.html",url:"api/material.components.dialog",label:"material.components.dialog",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/dialog/dialog.js",docs:[{name:"mdDialog",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.dialog/directive/mdDialog.html",url:"api/directive/mdDialog",label:"mdDialog",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/dialog/dialog.js",hasDemo:!0},{name:"$mdDialog",type:"service",outputPath:"partials/api/material.components.dialog/service/$mdDialog.html",url:"api/service/$mdDialog",label:"$mdDialog",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/dialog/dialog.js",hasDemo:!1}],hasDemo:!1},{name:"material.components.divider",type:"module",outputPath:"partials/api/material.components.divider/index.html",url:"api/material.components.divider",label:"material.components.divider",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/divider/divider.js",docs:[{name:"mdDivider",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.divider/directive/mdDivider.html",url:"api/directive/mdDivider",label:"mdDivider",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/divider/divider.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.fabActions",type:"module",outputPath:"partials/api/material.components.fabActions/index.html",url:"api/material.components.fabActions",label:"material.components.fabActions",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/fabActions/fabActions.js",docs:[{name:"mdFabActions",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.fabActions/directive/mdFabActions.html",url:"api/directive/mdFabActions",label:"mdFabActions",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/fabActions/fabActions.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.fabSpeedDial",type:"module",outputPath:"partials/api/material.components.fabSpeedDial/index.html",url:"api/material.components.fabSpeedDial",label:"material.components.fabSpeedDial",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/fabSpeedDial/fabSpeedDial.js",docs:[{name:"mdFabSpeedDial",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.fabSpeedDial/directive/mdFabSpeedDial.html",url:"api/directive/mdFabSpeedDial",label:"mdFabSpeedDial",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/fabSpeedDial/fabSpeedDial.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.fabToolbar",type:"module",outputPath:"partials/api/material.components.fabToolbar/index.html",url:"api/material.components.fabToolbar",label:"material.components.fabToolbar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/fabToolbar/fabToolbar.js",docs:[{name:"mdFabToolbar",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.fabToolbar/directive/mdFabToolbar.html",url:"api/directive/mdFabToolbar",label:"mdFabToolbar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/fabToolbar/fabToolbar.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.gridList",type:"module",outputPath:"partials/api/material.components.gridList/index.html",url:"api/material.components.gridList",label:"material.components.gridList",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/gridList/grid-list.js",docs:[{name:"mdGridList",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.gridList/directive/mdGridList.html",url:"api/directive/mdGridList",label:"mdGridList",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/gridList/grid-list.js",hasDemo:!0},{name:"mdGridTile",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.gridList/directive/mdGridTile.html",url:"api/directive/mdGridTile",label:"mdGridTile",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/gridList/grid-list.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.icon",type:"module",outputPath:"partials/api/material.components.icon/index.html",url:"api/material.components.icon",label:"material.components.icon",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/icon/icon.js",docs:[{name:"mdIcon",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.icon/directive/mdIcon.html",url:"api/directive/mdIcon",label:"mdIcon",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/icon/js/iconDirective.js",hasDemo:!0},{name:"$mdIconProvider",type:"service",outputPath:"partials/api/material.components.icon/service/$mdIconProvider.html",url:"api/service/$mdIconProvider",label:"$mdIconProvider",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/icon/js/iconService.js",hasDemo:!1},{name:"$mdIcon",type:"service",outputPath:"partials/api/material.components.icon/service/$mdIcon.html",url:"api/service/$mdIcon",label:"$mdIcon",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/icon/js/iconService.js",hasDemo:!1}],hasDemo:!1},{name:"material.components.input",type:"module",outputPath:"partials/api/material.components.input/index.html",url:"api/material.components.input",label:"material.components.input",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/input/input.js",docs:[{name:"mdInputContainer",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.input/directive/mdInputContainer.html",url:"api/directive/mdInputContainer",label:"mdInputContainer",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/input/input.js",hasDemo:!0},{name:"mdInput",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.input/directive/mdInput.html",url:"api/directive/mdInput",label:"mdInput",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/input/input.js",hasDemo:!0},{name:"mdSelectOnFocus",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.input/directive/mdSelectOnFocus.html",url:"api/directive/mdSelectOnFocus",label:"mdSelectOnFocus",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/input/input.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.list",type:"module",outputPath:"partials/api/material.components.list/index.html",url:"api/material.components.list",label:"material.components.list",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/list/list.js",docs:[{name:"mdList",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.list/directive/mdList.html",url:"api/directive/mdList",label:"mdList",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/list/list.js",hasDemo:!0},{name:"mdListItem",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.list/directive/mdListItem.html",url:"api/directive/mdListItem",label:"mdListItem",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/list/list.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.menu",type:"module",outputPath:"partials/api/material.components.menu/index.html",url:"api/material.components.menu",label:"material.components.menu",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/menu/menu.js",docs:[{name:"mdMenu",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.menu/directive/mdMenu.html",url:"api/directive/mdMenu",label:"mdMenu",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/menu/js/menuDirective.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.menuBar",type:"module",outputPath:"partials/api/material.components.menuBar/index.html",url:"api/material.components.menuBar",label:"material.components.menuBar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/menuBar/menu-bar.js",docs:[{name:"mdMenuBar",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.menuBar/directive/mdMenuBar.html",url:"api/directive/mdMenuBar",label:"mdMenuBar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/menuBar/js/menuBarDirective.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.navBar",type:"module",outputPath:"partials/api/material.components.navBar/index.html",url:"api/material.components.navBar",label:"material.components.navBar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/navBar/navBar.js",docs:[{name:"mdNavBar",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.navBar/directive/mdNavBar.html",url:"api/directive/mdNavBar",label:"mdNavBar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/navBar/navBar.js",hasDemo:!0},{name:"mdNavItem",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.navBar/directive/mdNavItem.html",url:"api/directive/mdNavItem",label:"mdNavItem",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/navBar/navBar.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.panel",type:"module",outputPath:"partials/api/material.components.panel/index.html",url:"api/material.components.panel",label:"material.components.panel",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/panel/panel.js",docs:[{name:"$mdPanelProvider",type:"service",outputPath:"partials/api/material.components.panel/service/$mdPanelProvider.html",url:"api/service/$mdPanelProvider",label:"$mdPanelProvider",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/panel/panel.js",hasDemo:!1},{name:"$mdPanel",type:"service",outputPath:"partials/api/material.components.panel/service/$mdPanel.html",url:"api/service/$mdPanel",label:"$mdPanel",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/panel/panel.js",hasDemo:!1},{name:"MdPanelRef",type:"type",outputPath:"partials/api/material.components.panel/type/MdPanelRef.html",url:"api/type/MdPanelRef",label:"MdPanelRef",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/panel/panel.js",hasDemo:!1},{name:"MdPanelPosition",type:"type",outputPath:"partials/api/material.components.panel/type/MdPanelPosition.html",url:"api/type/MdPanelPosition",label:"MdPanelPosition",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/panel/panel.js",hasDemo:!1},{name:"MdPanelAnimation",type:"type",outputPath:"partials/api/material.components.panel/type/MdPanelAnimation.html",url:"api/type/MdPanelAnimation",label:"MdPanelAnimation",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/panel/panel.js",hasDemo:!1}],hasDemo:!1},{name:"material.components.progressCircular",type:"module",outputPath:"partials/api/material.components.progressCircular/index.html",url:"api/material.components.progressCircular",label:"material.components.progressCircular",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/progressCircular/progress-circular.js",docs:[{name:"mdProgressCircular",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.progressCircular/directive/mdProgressCircular.html",url:"api/directive/mdProgressCircular",label:"mdProgressCircular",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/progressCircular/js/progressCircularDirective.js",hasDemo:!0},{name:"$mdProgressCircular",type:"service",outputPath:"partials/api/material.components.progressCircular/service/$mdProgressCircular.html",url:"api/service/$mdProgressCircular",label:"$mdProgressCircular",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/progressCircular/js/progressCircularProvider.js",hasDemo:!1}],hasDemo:!1},{name:"material.components.progressLinear",type:"module",outputPath:"partials/api/material.components.progressLinear/index.html",url:"api/material.components.progressLinear",label:"material.components.progressLinear",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/progressLinear/progress-linear.js",docs:[{name:"mdProgressLinear",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.progressLinear/directive/mdProgressLinear.html",url:"api/directive/mdProgressLinear",label:"mdProgressLinear",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/progressLinear/progress-linear.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.radioButton",type:"module",outputPath:"partials/api/material.components.radioButton/index.html",url:"api/material.components.radioButton",label:"material.components.radioButton",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/radioButton/radio-button.js",docs:[{name:"mdRadioGroup",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.radioButton/directive/mdRadioGroup.html",url:"api/directive/mdRadioGroup",label:"mdRadioGroup",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/radioButton/radio-button.js",hasDemo:!0},{name:"mdRadioButton",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.radioButton/directive/mdRadioButton.html",url:"api/directive/mdRadioButton",label:"mdRadioButton",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/radioButton/radio-button.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.select",type:"module",outputPath:"partials/api/material.components.select/index.html",url:"api/material.components.select",label:"material.components.select",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/select/select.js",docs:[{name:"mdSelect",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.select/directive/mdSelect.html",url:"api/directive/mdSelect",label:"mdSelect",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/select/select.js",hasDemo:!0},{name:"mdOption",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.select/directive/mdOption.html",url:"api/directive/mdOption",label:"mdOption",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/select/select.js",hasDemo:!0},{name:"mdOptgroup",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.select/directive/mdOptgroup.html",url:"api/directive/mdOptgroup",label:"mdOptgroup",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/select/select.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.sidenav",type:"module",outputPath:"partials/api/material.components.sidenav/index.html",url:"api/material.components.sidenav",label:"material.components.sidenav",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/sidenav/sidenav.js",docs:[{name:"$mdSidenav",type:"service",outputPath:"partials/api/material.components.sidenav/service/$mdSidenav.html",url:"api/service/$mdSidenav",label:"$mdSidenav",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/sidenav/sidenav.js",hasDemo:!1},{name:"mdSidenav",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.sidenav/directive/mdSidenav.html",url:"api/directive/mdSidenav",label:"mdSidenav",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/sidenav/sidenav.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.slider",type:"module",outputPath:"partials/api/material.components.slider/index.html",url:"api/material.components.slider",label:"material.components.slider",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/slider/slider.js",docs:[{name:"mdSliderContainer",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.slider/directive/mdSliderContainer.html",url:"api/directive/mdSliderContainer",label:"mdSliderContainer",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/slider/slider.js",hasDemo:!0},{name:"mdSlider",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.slider/directive/mdSlider.html",url:"api/directive/mdSlider",label:"mdSlider",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/slider/slider.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.sticky",type:"module",outputPath:"partials/api/material.components.sticky/index.html",url:"api/material.components.sticky",label:"material.components.sticky",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/sticky/sticky.js",docs:[{name:"$mdSticky",type:"service",outputPath:"partials/api/material.components.sticky/service/$mdSticky.html",url:"api/service/$mdSticky",label:"$mdSticky",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/sticky/sticky.js",hasDemo:!1}],hasDemo:!1},{name:"material.components.subheader",type:"module",outputPath:"partials/api/material.components.subheader/index.html",url:"api/material.components.subheader",label:"material.components.subheader",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/subheader/subheader.js",docs:[{name:"mdSubheader",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.subheader/directive/mdSubheader.html",url:"api/directive/mdSubheader",label:"mdSubheader",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/subheader/subheader.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.swipe",type:"module",outputPath:"partials/api/material.components.swipe/index.html",url:"api/material.components.swipe",label:"material.components.swipe",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/swipe/swipe.js",docs:[{name:"mdSwipeLeft",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.swipe/directive/mdSwipeLeft.html",url:"api/directive/mdSwipeLeft",label:"mdSwipeLeft",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/swipe/swipe.js",hasDemo:!0},{name:"mdSwipeRight",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.swipe/directive/mdSwipeRight.html",url:"api/directive/mdSwipeRight",label:"mdSwipeRight",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/swipe/swipe.js",hasDemo:!0},{name:"mdSwipeUp",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.swipe/directive/mdSwipeUp.html",url:"api/directive/mdSwipeUp",label:"mdSwipeUp",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/swipe/swipe.js",hasDemo:!0},{name:"mdSwipeDown",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.swipe/directive/mdSwipeDown.html",url:"api/directive/mdSwipeDown",label:"mdSwipeDown",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/swipe/swipe.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.switch",type:"module",outputPath:"partials/api/material.components.switch/index.html",url:"api/material.components.switch",label:"material.components.switch",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/switch/switch.js",docs:[{name:"mdSwitch",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!0},outputPath:"partials/api/material.components.switch/directive/mdSwitch.html",url:"api/directive/mdSwitch",label:"mdSwitch",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/switch/switch.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.tabs",type:"module",outputPath:"partials/api/material.components.tabs/index.html",url:"api/material.components.tabs",label:"material.components.tabs",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/tabs/tabs.js",docs:[{name:"mdTab",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.tabs/directive/mdTab.html",url:"api/directive/mdTab",label:"mdTab",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/tabs/js/tabDirective.js",hasDemo:!0},{name:"mdTabs",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.tabs/directive/mdTabs.html",url:"api/directive/mdTabs",label:"mdTabs",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/tabs/js/tabsDirective.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.toast",type:"module",outputPath:"partials/api/material.components.toast/index.html",url:"api/material.components.toast",label:"material.components.toast",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/toast/toast.js",docs:[{name:"$mdToast",type:"service",outputPath:"partials/api/material.components.toast/service/$mdToast.html",url:"api/service/$mdToast",label:"$mdToast",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/toast/toast.js",hasDemo:!1}],hasDemo:!1},{name:"material.components.toolbar",type:"module",outputPath:"partials/api/material.components.toolbar/index.html",url:"api/material.components.toolbar",label:"material.components.toolbar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/toolbar/toolbar.js",docs:[{name:"mdToolbar",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.toolbar/directive/mdToolbar.html",url:"api/directive/mdToolbar",label:"mdToolbar",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/toolbar/toolbar.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.tooltip",type:"module",outputPath:"partials/api/material.components.tooltip/index.html",url:"api/material.components.tooltip",label:"material.components.tooltip",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/tooltip/tooltip.js",docs:[{name:"mdTooltip",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.tooltip/directive/mdTooltip.html",url:"api/directive/mdTooltip",label:"mdTooltip",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/tooltip/tooltip.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.truncate",type:"module",outputPath:"partials/api/material.components.truncate/index.html",url:"api/material.components.truncate",label:"material.components.truncate",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/truncate/truncate.js",docs:[{name:"mdTruncate",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.truncate/directive/mdTruncate.html",url:"api/directive/mdTruncate",label:"mdTruncate",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/truncate/truncate.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.virtualRepeat",type:"module",outputPath:"partials/api/material.components.virtualRepeat/index.html",url:"api/material.components.virtualRepeat",label:"material.components.virtualRepeat",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/virtualRepeat/virtual-repeater.js",docs:[{name:"mdVirtualRepeatContainer",type:"directive",restrict:{element:!0,attribute:!1,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.virtualRepeat/directive/mdVirtualRepeatContainer.html",url:"api/directive/mdVirtualRepeatContainer",label:"mdVirtualRepeatContainer",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/virtualRepeat/virtual-repeater.js",hasDemo:!0},{name:"mdVirtualRepeat",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.virtualRepeat/directive/mdVirtualRepeat.html",url:"api/directive/mdVirtualRepeat",label:"mdVirtualRepeat",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/virtualRepeat/virtual-repeater.js",hasDemo:!0},{name:"mdForceHeight",type:"directive",restrict:{element:!1,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.virtualRepeat/directive/mdForceHeight.html",url:"api/directive/mdForceHeight",label:"mdForceHeight",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/virtualRepeat/virtual-repeater.js",hasDemo:!0}],hasDemo:!1},{name:"material.components.whiteframe",type:"module",outputPath:"partials/api/material.components.whiteframe/index.html",url:"api/material.components.whiteframe",label:"material.components.whiteframe",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/whiteframe/whiteframe.js",docs:[{name:"mdWhiteframe",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.components.whiteframe/directive/mdWhiteframe.html",url:"api/directive/mdWhiteframe",label:"mdWhiteframe",module:"material.components",githubUrl:"https://github.com/angular/material/blob/master/src/components/whiteframe/whiteframe.js",hasDemo:!0}],hasDemo:!1},{name:"material.core.aria",type:"module",outputPath:"partials/api/material.core.aria/index.html",url:"api/material.core.aria",label:"material.core.aria",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/aria/aria.js",docs:[{name:"$mdAriaProvider",type:"service",outputPath:"partials/api/material.core.aria/service/$mdAriaProvider.html",url:"api/service/$mdAriaProvider",label:"$mdAriaProvider",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/aria/aria.js",hasDemo:!1}],hasDemo:!1},{name:"material.core.compiler",type:"module",outputPath:"partials/api/material.core.compiler/index.html",url:"api/material.core.compiler",label:"material.core.compiler",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/compiler/compiler.js",docs:[{name:"$mdCompiler",type:"service",outputPath:"partials/api/material.core.compiler/service/$mdCompiler.html",url:"api/service/$mdCompiler",label:"$mdCompiler",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/compiler/compiler.js",hasDemo:!1}],hasDemo:!1},{name:"material.core.gestures",type:"module",outputPath:"partials/api/material.core.gestures/index.html",url:"api/material.core.gestures",label:"material.core.gestures",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/gesture/gesture.js",docs:[{name:"$mdGestureProvider",type:"service",outputPath:"partials/api/material.core.gestures/service/$mdGestureProvider.html",url:"api/service/$mdGestureProvider",label:"$mdGestureProvider",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/gesture/gesture.js",hasDemo:!1}],hasDemo:!1},{name:"material.core.interaction",type:"module",outputPath:"partials/api/material.core.interaction/index.html",url:"api/material.core.interaction",label:"material.core.interaction",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/interaction/interaction.js",docs:[{name:"$mdInteraction",type:"service",outputPath:"partials/api/material.core.interaction/service/$mdInteraction.html",url:"api/service/$mdInteraction",label:"$mdInteraction",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/interaction/interaction.js",hasDemo:!1}],hasDemo:!1},{name:"material.core.liveannouncer",type:"module",outputPath:"partials/api/material.core.liveannouncer/index.html",url:"api/material.core.liveannouncer",label:"material.core.liveannouncer",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/liveAnnouncer/live-announcer.js",docs:[{name:"$mdLiveAnnouncer",type:"service",outputPath:"partials/api/material.core.liveannouncer/service/$mdLiveAnnouncer.html",url:"api/service/$mdLiveAnnouncer",label:"$mdLiveAnnouncer",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/liveAnnouncer/live-announcer.js",hasDemo:!1}],hasDemo:!1},{name:"material.core.ripple",type:"module",outputPath:"partials/api/material.core.ripple/index.html",url:"api/material.core.ripple",label:"material.core.ripple",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/ripple/ripple.js",docs:[{name:"mdInkRipple",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.core.ripple/directive/mdInkRipple.html",url:"api/directive/mdInkRipple",label:"mdInkRipple",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/ripple/ripple.js",hasDemo:!0},{name:"$mdInkRipple",type:"service",outputPath:"partials/api/material.core.ripple/service/$mdInkRipple.html",url:"api/service/$mdInkRipple",label:"$mdInkRipple",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/ripple/ripple.js",hasDemo:!1},{name:"$mdInkRippleProvider",type:"service",outputPath:"partials/api/material.core.ripple/service/$mdInkRippleProvider.html",url:"api/service/$mdInkRippleProvider",label:"$mdInkRippleProvider",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/ripple/ripple.js",hasDemo:!1}],hasDemo:!1},{name:"material.core.theming",type:"module",outputPath:"partials/api/material.core.theming/index.html",url:"api/material.core.theming",label:"material.core.theming",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/theming/theming.js",docs:[{name:"$mdThemingProvider",type:"service",outputPath:"partials/api/material.core.theming/service/$mdThemingProvider.html",url:"api/service/$mdThemingProvider",label:"$mdThemingProvider",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/theming/theming.js",hasDemo:!1},{name:"$mdTheming",type:"service",outputPath:"partials/api/material.core.theming/service/$mdTheming.html",url:"api/service/$mdTheming",label:"$mdTheming",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/services/theming/theming.js",hasDemo:!1}],hasDemo:!1},{name:"material.core.util",type:"module",outputPath:"partials/api/material.core.util/index.html",url:"api/material.core.util",label:"material.core.util",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/util/util.js",docs:[{name:"mdAutofocus",type:"directive",restrict:{element:!0,attribute:!0,cssClass:!1,comment:!1},outputPath:"partials/api/material.core.util/directive/mdAutofocus.html",url:"api/directive/mdAutofocus",label:"mdAutofocus",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/util/autofocus.js",hasDemo:!0}],hasDemo:!1}]),angular.module("docsApp").constant("PAGES",{CSS:[{name:"button",outputPath:"partials/CSS/button.html",url:"/CSS/button",label:"button"},{name:"checkbox",outputPath:"partials/CSS/checkbox.html",url:"/CSS/checkbox",label:"checkbox"},{name:"Typography",outputPath:"partials/CSS/typography.html",url:"/CSS/typography",label:"Typography"}],"migration.md":[{name:"Migration to Angular Material",outputPath:"partials/migration.html",url:"/migration",label:"Migration to Angular Material"}],performance:[{name:"Internet Explorer",outputPath:"partials/performance/internet-explorer.html",url:"/performance/internet-explorer",label:"Internet Explorer"}],Theming:[{name:"Introduction and Terms",outputPath:"partials/Theming/01_introduction.html",url:"/Theming/01_introduction",label:"Introduction and Terms"},{name:"Declarative Syntax",outputPath:"partials/Theming/02_declarative_syntax.html",url:"/Theming/02_declarative_syntax",label:"Declarative Syntax"},{name:"Configuring a Theme",outputPath:"partials/Theming/03_configuring_a_theme.html",url:"/Theming/03_configuring_a_theme",label:"Configuring a Theme"},{name:"Multiple Themes",outputPath:"partials/Theming/04_multiple_themes.html",url:"/Theming/04_multiple_themes",label:"Multiple Themes"},{name:"Theming under the hood",outputPath:"partials/Theming/05_under_the_hood.html",url:"/Theming/05_under_the_hood",label:"Theming under the hood"},{name:"Browser Colors",outputPath:"partials/Theming/06_browser_color.html",url:"/Theming/06_browser_color",label:"Browser Colors"}]}),angular.module("docsApp").directive("docsCssApiTable",function(){return{restrict:"E",transclude:!0,bindToController:!0,controller:function(){},controllerAs:"$ctrl",scope:{},template:'<table class="md-api-table md-css-table">  <thead>    <tr><th>Available Selectors</th></tr>  </thead>  <tbody ng-transclude>  </tbody></table>'}}).directive("docsCssSelector",function(){return{restrict:"E",transclude:!0,replace:!0,bindToController:!0,controller:function(){},controllerAs:"$ctrl",scope:{code:"@"},template:'<tr>  <td>    <code class="md-css-selector">{{$ctrl.code}}</code>    <span ng-transclude></span>  </td></tr>'}}),angular.module("docsApp").constant("DEMOS",[{name:"autocomplete",moduleName:"material.components.autocomplete",label:"Autocomplete",demos:[{ngModule:{name:"autocompleteDemo",module:"autocompleteDemo",dependencies:["ngMaterial"]},id:"autocompletedemoBasicUsage",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/autocomplete/demoBasicUsage/script.js"}],moduleName:"material.components.autocomplete",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/autocomplete/demoBasicUsage/index.html"}},{ngModule:{name:"autocompleteCustomTemplateDemo",module:"autocompleteCustomTemplateDemo",dependencies:["ngMaterial"]},id:"autocompletedemoCustomTemplate",css:[{name:"style.global.css",label:"style.global.css",fileType:"css",outputPath:"demo-partials/autocomplete/demoCustomTemplate/style.global.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/autocomplete/demoCustomTemplate/script.js"}],moduleName:"material.components.autocomplete",name:"demoCustomTemplate",label:"Custom Template",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/autocomplete/demoCustomTemplate/index.html"}},{ngModule:{name:"autocompleteFloatingLabelDemo",module:"autocompleteFloatingLabelDemo",dependencies:["ngMaterial","ngMessages"]},id:"autocompletedemoFloatingLabel",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/autocomplete/demoFloatingLabel/script.js"}],moduleName:"material.components.autocomplete",name:"demoFloatingLabel",label:"Floating Label",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/autocomplete/demoFloatingLabel/index.html"}},{ngModule:{name:"autocompleteDemoInsideDialog",module:"autocompleteDemoInsideDialog",dependencies:["ngMaterial"]},id:"autocompletedemoInsideDialog",css:[],html:[{name:"dialog.tmpl.html",label:"dialog.tmpl.html",fileType:"html",outputPath:"demo-partials/autocomplete/demoInsideDialog/dialog.tmpl.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/autocomplete/demoInsideDialog/script.js"}],moduleName:"material.components.autocomplete",name:"demoInsideDialog",label:"Inside Dialog",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/autocomplete/demoInsideDialog/index.html"}},{ngModule:{name:"autocompleteRepeatModeDemo",module:"autocompleteRepeatModeDemo",dependencies:["ngMaterial"]},id:"autocompletedemoRepeatMode",css:[{name:"style.global.css",label:"style.global.css",fileType:"css",outputPath:"demo-partials/autocomplete/demoRepeatMode/style.global.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/autocomplete/demoRepeatMode/script.js"}],moduleName:"material.components.autocomplete",name:"demoRepeatMode",label:"Repeat Mode",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/autocomplete/demoRepeatMode/index.html"}}],url:"demo/autocomplete"},{name:"bottomSheet",moduleName:"material.components.bottomSheet",label:"Bottom Sheet",demos:[{ngModule:{name:"bottomSheetDemo1",module:"bottomSheetDemo1",dependencies:["ngMaterial"]},id:"bottomSheetdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/bottomSheet/demoBasicUsage/style.css"}],html:[{name:"bottom-sheet-grid-template.html",label:"bottom-sheet-grid-template.html",fileType:"html",outputPath:"demo-partials/bottomSheet/demoBasicUsage/bottom-sheet-grid-template.html"},{name:"bottom-sheet-list-template.html",label:"bottom-sheet-list-template.html",fileType:"html",outputPath:"demo-partials/bottomSheet/demoBasicUsage/bottom-sheet-list-template.html"},{name:"readme.html",label:"readme.html",fileType:"html",outputPath:"demo-partials/bottomSheet/demoBasicUsage/readme.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/bottomSheet/demoBasicUsage/script.js"}],moduleName:"material.components.bottomSheet",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/bottomSheet/demoBasicUsage/index.html"}}],url:"demo/bottomSheet"},{name:"button",moduleName:"material.components.button",label:"Button",demos:[{ngModule:{name:"buttonsDemoBasic",module:"buttonsDemoBasic",dependencies:["ngMaterial"]},id:"buttondemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/button/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/button/demoBasicUsage/script.js"}],moduleName:"material.components.button",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/button/demoBasicUsage/index.html"}},{ngModule:{name:"buttonsDemoDense",module:"buttonsDemoDense",dependencies:["ngMaterial"]},id:"buttondemoDense",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/button/demoDense/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/button/demoDense/script.js"}],moduleName:"material.components.button",name:"demoDense",label:"Dense",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/button/demoDense/index.html"}}],url:"demo/button"},{name:"card",moduleName:"material.components.card",label:"Card",demos:[{ngModule:{name:"cardDemo1",module:"cardDemo1",dependencies:["ngMaterial"]},id:"carddemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/card/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/card/demoBasicUsage/script.js"}],moduleName:"material.components.card",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/card/demoBasicUsage/index.html"}},{ngModule:{name:"cardDemo2",module:"cardDemo2",dependencies:["ngMaterial"]},id:"carddemoCardActionButtons",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/card/demoCardActionButtons/script.js"}],moduleName:"material.components.card",name:"demoCardActionButtons",label:"Card Action Buttons",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/card/demoCardActionButtons/index.html"}},{ngModule:{name:"cardDemo3",module:"cardDemo3",dependencies:["ngMaterial"]},id:"carddemoInCardActions",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/card/demoInCardActions/script.js"}],moduleName:"material.components.card",name:"demoInCardActions",label:"In Card Actions",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/card/demoInCardActions/index.html"}}],url:"demo/card"},{name:"checkbox",moduleName:"material.components.checkbox",label:"Checkbox",demos:[{ngModule:{name:"checkboxDemo1",module:"checkboxDemo1",dependencies:["ngMaterial"]},id:"checkboxdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/checkbox/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/checkbox/demoBasicUsage/script.js"}],moduleName:"material.components.checkbox",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/checkbox/demoBasicUsage/index.html"}},{ngModule:{name:"checkboxDemo1",module:"checkboxDemo1",dependencies:["ngMaterial"]},id:"checkboxdemoLabels",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/checkbox/demoLabels/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/checkbox/demoLabels/script.js"}],moduleName:"material.components.checkbox",name:"demoLabels",label:"Labels",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/checkbox/demoLabels/index.html"}},{ngModule:{name:"checkboxDemo3",module:"checkboxDemo3",dependencies:["ngMaterial"]},id:"checkboxdemoSelectAll",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/checkbox/demoSelectAll/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/checkbox/demoSelectAll/script.js"}],moduleName:"material.components.checkbox",name:"demoSelectAll",label:"Select All",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/checkbox/demoSelectAll/index.html"}},{ngModule:{name:"checkboxDemo2",module:"checkboxDemo2",dependencies:["ngMaterial"]},id:"checkboxdemoSyncing",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/checkbox/demoSyncing/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/checkbox/demoSyncing/script.js"}],moduleName:"material.components.checkbox",name:"demoSyncing",label:"Syncing",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/checkbox/demoSyncing/index.html"}}],url:"demo/checkbox"},{name:"chips",moduleName:"material.components.chips",label:"Chips",demos:[{ngModule:{name:"chipsDemo",module:"chipsDemo",dependencies:["ngMaterial","ngMessages"]},id:"chipsdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/chips/demoBasicUsage/style.css"}],html:[{name:"readme.html",label:"readme.html",fileType:"html",outputPath:"demo-partials/chips/demoBasicUsage/readme.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/chips/demoBasicUsage/script.js"}],moduleName:"material.components.chips",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/chips/demoBasicUsage/index.html"}},{ngModule:{name:"contactChipsDemo",module:"contactChipsDemo",dependencies:["ngMaterial"]},id:"chipsdemoContactChips",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/chips/demoContactChips/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/chips/demoContactChips/script.js"}],moduleName:"material.components.chips",name:"demoContactChips",label:"Contact Chips",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/chips/demoContactChips/index.html"}},{ngModule:{name:"chipsCustomInputDemo",module:"chipsCustomInputDemo",dependencies:["ngMaterial"]},id:"chipsdemoCustomInputs",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/chips/demoCustomInputs/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/chips/demoCustomInputs/script.js"}],moduleName:"material.components.chips",name:"demoCustomInputs",label:"Custom Inputs",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/chips/demoCustomInputs/index.html"}},{ngModule:{name:"chipsCustomSeparatorDemo",module:"chipsCustomSeparatorDemo",dependencies:["ngMaterial"]},id:"chipsdemoCustomSeparatorKeys",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/chips/demoCustomSeparatorKeys/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/chips/demoCustomSeparatorKeys/script.js"}],moduleName:"material.components.chips",name:"demoCustomSeparatorKeys",label:"Custom Separator Keys",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/chips/demoCustomSeparatorKeys/index.html"}},{ngModule:{name:"staticChipsDemo",module:"staticChipsDemo",dependencies:["ngMaterial"]},id:"chipsdemoStaticChips",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/chips/demoStaticChips/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/chips/demoStaticChips/script.js"}],moduleName:"material.components.chips",name:"demoStaticChips",label:"Static Chips",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/chips/demoStaticChips/index.html"}},{ngModule:{name:"chipsValidationDemo",module:"chipsValidationDemo",dependencies:["ngMaterial","ngMessages"]},id:"chipsdemoValidation",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/chips/demoValidation/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/chips/demoValidation/script.js"}],moduleName:"material.components.chips",name:"demoValidation",label:"Validation",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/chips/demoValidation/index.html"}}],url:"demo/chips"},{name:"colors",moduleName:"material.components.colors",label:"Colors",demos:[{ngModule:{name:"colorsDemo",module:"colorsDemo",dependencies:["ngMaterial"]},id:"colorsdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/colors/demoBasicUsage/style.css"}],html:[{name:"regularCard.tmpl.html",label:"regularCard.tmpl.html",fileType:"html",outputPath:"demo-partials/colors/demoBasicUsage/regularCard.tmpl.html"},{name:"userCard.tmpl.html",label:"userCard.tmpl.html",fileType:"html",outputPath:"demo-partials/colors/demoBasicUsage/userCard.tmpl.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/colors/demoBasicUsage/script.js"}],moduleName:"material.components.colors",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/colors/demoBasicUsage/index.html"}},{ngModule:{name:"colorsThemePickerDemo",module:"colorsThemePickerDemo",dependencies:["ngMaterial"]},id:"colorsdemoThemePicker",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/colors/demoThemePicker/style.css"}],html:[{name:"themePreview.tmpl.html",label:"themePreview.tmpl.html",fileType:"html",outputPath:"demo-partials/colors/demoThemePicker/themePreview.tmpl.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/colors/demoThemePicker/script.js"}],moduleName:"material.components.colors",name:"demoThemePicker",label:"Theme Picker",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/colors/demoThemePicker/index.html"}}],url:"demo/colors"},{name:"content",moduleName:"material.components.content",label:"Content",demos:[{ngModule:{name:"contentDemo1",module:"contentDemo1",dependencies:["ngMaterial"]},id:"contentdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/content/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/content/demoBasicUsage/script.js"}],moduleName:"material.components.content",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/content/demoBasicUsage/index.html"}}],url:"demo/content"},{name:"datepicker",moduleName:"material.components.datepicker",label:"Datepicker",demos:[{ngModule:{name:"datepickerBasicUsage",module:"datepickerBasicUsage",dependencies:["ngMaterial","ngMessages"]},id:"datepickerdemoBasicUsage",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/datepicker/demoBasicUsage/script.js"}],moduleName:"material.components.datepicker",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/datepicker/demoBasicUsage/index.html"}},{ngModule:{name:"calendarDemo",module:"calendarDemo",dependencies:["ngMaterial"]},id:"datepickerdemoCalendar",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/datepicker/demoCalendar/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/datepicker/demoCalendar/script.js"}],moduleName:"material.components.datepicker",name:"demoCalendar",label:"Calendar",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/datepicker/demoCalendar/index.html"}},{ngModule:{name:"datepickerMoment",module:"datepickerMoment",dependencies:["ngMaterial"]},id:"datepickerdemoMoment",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/datepicker/demoMoment/script.js"}],moduleName:"material.components.datepicker",name:"demoMoment",label:"Moment",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/datepicker/demoMoment/index.html"}},{ngModule:{name:"customDatepickerMoment",module:"customDatepickerMoment",dependencies:["ngMaterial"]},id:"datepickerdemoMomentCustomFormat",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/datepicker/demoMomentCustomFormat/script.js"}],moduleName:"material.components.datepicker",name:"demoMomentCustomFormat",label:"Moment Custom Format",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/datepicker/demoMomentCustomFormat/index.html"}},{ngModule:{name:"ngModelTimezoneUsage",module:"ngModelTimezoneUsage",dependencies:["ngMaterial","ngMessages"]},id:"datepickerdemoNgModelOptionsTimezone",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/datepicker/demoNgModelOptionsTimezone/script.js"}],moduleName:"material.components.datepicker",name:"demoNgModelOptionsTimezone",label:"Ng Model Options Timezone",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/datepicker/demoNgModelOptionsTimezone/index.html"}},{ngModule:{name:"datepickerValidations",module:"datepickerValidations",dependencies:["ngMaterial","ngMessages"]},id:"datepickerdemoValidations",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/datepicker/demoValidations/script.js"}],moduleName:"material.components.datepicker",name:"demoValidations",label:"Validations",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/datepicker/demoValidations/index.html"}}],url:"demo/datepicker"},{name:"dialog",moduleName:"material.components.dialog",label:"Dialog",demos:[{ngModule:{name:"dialogDemo1",module:"dialogDemo1",dependencies:["ngMaterial"]},id:"dialogdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/dialog/demoBasicUsage/style.css"}],html:[{name:"dialog1.tmpl.html",label:"dialog1.tmpl.html",fileType:"html",outputPath:"demo-partials/dialog/demoBasicUsage/dialog1.tmpl.html"},{name:"tabDialog.tmpl.html",label:"tabDialog.tmpl.html",fileType:"html",outputPath:"demo-partials/dialog/demoBasicUsage/tabDialog.tmpl.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/dialog/demoBasicUsage/script.js"}],moduleName:"material.components.dialog",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/dialog/demoBasicUsage/index.html"}},{ngModule:{name:"dialogDemo2",module:"dialogDemo2",dependencies:["ngMaterial"]},id:"dialogdemoOpenFromCloseTo",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/dialog/demoOpenFromCloseTo/script.js"}],moduleName:"material.components.dialog",name:"demoOpenFromCloseTo",label:"Open From Close To",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/dialog/demoOpenFromCloseTo/index.html"}},{ngModule:{name:"dialogDemo3",module:"dialogDemo3",dependencies:["ngMaterial"]},id:"dialogdemoThemeInheritance",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/dialog/demoThemeInheritance/style.css"}],html:[{name:"dialog1.tmpl.html",label:"dialog1.tmpl.html",fileType:"html",outputPath:"demo-partials/dialog/demoThemeInheritance/dialog1.tmpl.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/dialog/demoThemeInheritance/script.js"}],moduleName:"material.components.dialog",name:"demoThemeInheritance",label:"Theme Inheritance",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/dialog/demoThemeInheritance/index.html"}}],url:"demo/dialog"},{name:"divider",moduleName:"material.components.divider",label:"Divider",demos:[{ngModule:{name:"dividerDemo1",module:"dividerDemo1",dependencies:["ngMaterial"]},id:"dividerdemoBasicUsage",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/divider/demoBasicUsage/script.js"}],moduleName:"material.components.divider",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/divider/demoBasicUsage/index.html"}}],url:"demo/divider"},{name:"fabSpeedDial",moduleName:"material.components.fabSpeedDial",label:"FAB Speed Dial",demos:[{ngModule:{name:"fabSpeedDialDemoBasicUsage",module:"fabSpeedDialDemoBasicUsage",dependencies:["ngMaterial"]},id:"fabSpeedDialdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/fabSpeedDial/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/fabSpeedDial/demoBasicUsage/script.js"}],moduleName:"material.components.fabSpeedDial",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/fabSpeedDial/demoBasicUsage/index.html"}},{ngModule:{name:"fabSpeedDialDemoMoreOptions",module:"fabSpeedDialDemoMoreOptions",dependencies:["ngMaterial"]},id:"fabSpeedDialdemoMoreOptions",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/fabSpeedDial/demoMoreOptions/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/fabSpeedDial/demoMoreOptions/script.js"}],moduleName:"material.components.fabSpeedDial",name:"demoMoreOptions",label:"More Options",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/fabSpeedDial/demoMoreOptions/index.html"}}],url:"demo/fabSpeedDial"},{name:"fabToolbar",moduleName:"material.components.fabToolbar",label:"FAB Toolbar",demos:[{ngModule:{name:"fabToolbarBasicUsageDemo",module:"fabToolbarBasicUsageDemo",dependencies:["ngMaterial"]},id:"fabToolbardemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/fabToolbar/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/fabToolbar/demoBasicUsage/script.js"}],moduleName:"material.components.fabToolbar",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/fabToolbar/demoBasicUsage/index.html"}}],url:"demo/fabToolbar"},{name:"gridList",moduleName:"material.components.gridList",label:"Grid List",demos:[{ngModule:{name:"gridListDemo1",module:"gridListDemo1",dependencies:["ngMaterial"]},id:"gridListdemoBasicUsage",css:[{name:"styles.css",label:"styles.css",fileType:"css",outputPath:"demo-partials/gridList/demoBasicUsage/styles.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/gridList/demoBasicUsage/script.js"}],moduleName:"material.components.gridList",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/gridList/demoBasicUsage/index.html"}},{ngModule:{name:"gridListDemoApp",module:"gridListDemoApp",dependencies:["ngMaterial"]},id:"gridListdemoDynamicTiles",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/gridList/demoDynamicTiles/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/gridList/demoDynamicTiles/script.js"}],moduleName:"material.components.gridList",name:"demoDynamicTiles",label:"Dynamic Tiles",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/gridList/demoDynamicTiles/index.html"}},{ngModule:{name:"gridListDemo1",module:"gridListDemo1",dependencies:["ngMaterial"]},id:"gridListdemoResponsiveUsage",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/gridList/demoResponsiveUsage/script.js"}],moduleName:"material.components.gridList",name:"demoResponsiveUsage",label:"Responsive Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/gridList/demoResponsiveUsage/index.html"}}],url:"demo/gridList"},{name:"icon",moduleName:"material.components.icon",label:"Icon",demos:[{ngModule:{name:"appDemoFontIconsWithClassnames",module:"appDemoFontIconsWithClassnames",dependencies:["ngMaterial"]},id:"icondemoFontIconsWithClassnames",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/icon/demoFontIconsWithClassnames/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/icon/demoFontIconsWithClassnames/script.js"}],moduleName:"material.components.icon",name:"demoFontIconsWithClassnames",label:"Font Icons With Classnames",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/icon/demoFontIconsWithClassnames/index.html"}},{ngModule:{name:"appDemoFontIconsWithLigatures",module:"appDemoFontIconsWithLigatures",dependencies:["ngMaterial"]},id:"icondemoFontIconsWithLigatures",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/icon/demoFontIconsWithLigatures/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/icon/demoFontIconsWithLigatures/script.js"}],moduleName:"material.components.icon",name:"demoFontIconsWithLigatures",label:"Font Icons With Ligatures",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/icon/demoFontIconsWithLigatures/index.html"}},{ngModule:{name:"appDemoSvgIcons",module:"appDemoSvgIcons",dependencies:["ngMaterial"]},id:"icondemoLoadSvgIconsFromUrl",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/icon/demoLoadSvgIconsFromUrl/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/icon/demoLoadSvgIconsFromUrl/script.js"}],moduleName:"material.components.icon",name:"demoLoadSvgIconsFromUrl",label:"Load Svg Icons From Url",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/icon/demoLoadSvgIconsFromUrl/index.html"}},{ngModule:{name:"appSvgIconSets",module:"appSvgIconSets",dependencies:["ngMaterial"]},id:"icondemoSvgIconSets",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/icon/demoSvgIconSets/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/icon/demoSvgIconSets/script.js"}],moduleName:"material.components.icon",name:"demoSvgIconSets",label:"Svg Icon Sets",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/icon/demoSvgIconSets/index.html"}},{ngModule:{name:"appUsingTemplateCache",module:"appUsingTemplateCache",dependencies:["ngMaterial"]},id:"icondemoUsingTemplateRequest",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/icon/demoUsingTemplateRequest/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/icon/demoUsingTemplateRequest/script.js"}],moduleName:"material.components.icon",name:"demoUsingTemplateRequest",label:"Using Template Request",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/icon/demoUsingTemplateRequest/index.html"}}],url:"demo/icon"},{name:"input",moduleName:"material.components.input",label:"Input",demos:[{ngModule:{name:"inputBasicDemo",module:"inputBasicDemo",dependencies:["ngMaterial","ngMessages"]},id:"inputdemoBasicUsage",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/input/demoBasicUsage/script.js"}],moduleName:"material.components.input",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/input/demoBasicUsage/index.html"}},{ngModule:{name:"inputErrorsApp",module:"inputErrorsApp",dependencies:["ngMaterial","ngMessages"]},id:"inputdemoErrors",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/input/demoErrors/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/input/demoErrors/script.js"}],moduleName:"material.components.input",name:"demoErrors",label:"Errors",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/input/demoErrors/index.html"}},{ngModule:{name:"inputErrorsAdvancedApp",module:"inputErrorsAdvancedApp",dependencies:["ngMaterial","ngMessages"]},id:"inputdemoErrorsAdvanced",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/input/demoErrorsAdvanced/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/input/demoErrorsAdvanced/script.js"}],moduleName:"material.components.input",name:"demoErrorsAdvanced",label:"Errors Advanced",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/input/demoErrorsAdvanced/index.html"}},{ngModule:{name:"inputIconDemo",module:"inputIconDemo",dependencies:["ngMaterial","ngMessages"]},id:"inputdemoIcons",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/input/demoIcons/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/input/demoIcons/script.js"}],moduleName:"material.components.input",name:"demoIcons",label:"Icons",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/input/demoIcons/index.html"}},{ngModule:{name:"inputInlineForm",module:"inputInlineForm",dependencies:["ngMaterial","ngMessages"]},id:"inputdemoInlineForm",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/input/demoInlineForm/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/input/demoInlineForm/script.js"}],moduleName:"material.components.input",name:"demoInlineForm",label:"Inline Form",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/input/demoInlineForm/index.html"}}],url:"demo/input"},{name:"list",moduleName:"material.components.list",label:"List",demos:[{ngModule:{name:"listDemo1",module:"listDemo1",dependencies:["ngMaterial"]},id:"listdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/list/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/list/demoBasicUsage/script.js"}],moduleName:"material.components.list",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/list/demoBasicUsage/index.html"}},{ngModule:{name:"listDemo2",module:"listDemo2",dependencies:["ngMaterial"]},id:"listdemoListControls",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/list/demoListControls/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/list/demoListControls/script.js"}],moduleName:"material.components.list",name:"demoListControls",label:"List Controls",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/list/demoListControls/index.html"}}],url:"demo/list"},{name:"menu",moduleName:"material.components.menu",label:"Menu",demos:[{ngModule:{name:"menuDemoBasic",module:"menuDemoBasic",dependencies:["ngMaterial"]},id:"menudemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/menu/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/menu/demoBasicUsage/script.js"}],moduleName:"material.components.menu",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/menu/demoBasicUsage/index.html"}},{ngModule:{name:"menuDemoCustomTrigger",module:"menuDemoCustomTrigger",dependencies:["ngMaterial"]},id:"menudemoCustomTrigger",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/menu/demoCustomTrigger/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/menu/demoCustomTrigger/script.js"}],moduleName:"material.components.menu",name:"demoCustomTrigger",label:"Custom Trigger",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/menu/demoCustomTrigger/index.html"}},{ngModule:{name:"menuDemoDensity",module:"menuDemoDensity",dependencies:["ngMaterial"]},id:"menudemoMenuDensity",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/menu/demoMenuDensity/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/menu/demoMenuDensity/script.js"}],moduleName:"material.components.menu",name:"demoMenuDensity",label:"Menu Density",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/menu/demoMenuDensity/index.html"}},{ngModule:{name:"menuDemoPosition",module:"menuDemoPosition",dependencies:["ngMaterial"]},id:"menudemoMenuPositionModes",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/menu/demoMenuPositionModes/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/menu/demoMenuPositionModes/script.js"}],moduleName:"material.components.menu",name:"demoMenuPositionModes",label:"Menu Position Modes",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/menu/demoMenuPositionModes/index.html"}},{ngModule:{name:"menuDemoWidth",module:"menuDemoWidth",dependencies:["ngMaterial"]},id:"menudemoMenuWidth",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/menu/demoMenuWidth/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/menu/demoMenuWidth/script.js"}],moduleName:"material.components.menu",name:"demoMenuWidth",label:"Menu Width",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/menu/demoMenuWidth/index.html"}}],url:"demo/menu"},{name:"menuBar",moduleName:"material.components.menuBar",label:"Menu Bar",demos:[{ngModule:{name:"menuBarDemoBasic",module:"menuBarDemoBasic",dependencies:["ngMaterial"]},id:"menuBardemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/menuBar/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/menuBar/demoBasicUsage/script.js"}],moduleName:"material.components.menuBar",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/menuBar/demoBasicUsage/index.html"}},{ngModule:{name:"menuBarDemoDynamicNestedMenus",module:"menuBarDemoDynamicNestedMenus",dependencies:["ngMaterial"]},id:"menuBardemoDynamicNestedMenus",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/menuBar/demoDynamicNestedMenus/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/menuBar/demoDynamicNestedMenus/script.js"}],moduleName:"material.components.menuBar",name:"demoDynamicNestedMenus",label:"Dynamic Nested Menus",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/menuBar/demoDynamicNestedMenus/index.html"}}],url:"demo/menuBar"},{name:"navBar",moduleName:"material.components.navBar",label:"Nav Bar",demos:[{ngModule:{name:"navBarDemoBasicUsage",module:"navBarDemoBasicUsage",dependencies:["ngMaterial"]},id:"navBardemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/navBar/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/navBar/demoBasicUsage/script.js"}],moduleName:"material.components.navBar",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/navBar/demoBasicUsage/index.html"}}],url:"demo/navBar"},{name:"panel",moduleName:"material.components.panel",label:"Panel",demos:[{ngModule:{name:"panelDemo",module:"panelDemo",dependencies:["ngMaterial"]},id:"paneldemoBasicUsage",css:[{name:"style.global.css",label:"style.global.css",fileType:"css",outputPath:"demo-partials/panel/demoBasicUsage/style.global.css"}],html:[{name:"panel.tmpl.html",label:"panel.tmpl.html",fileType:"html",outputPath:"demo-partials/panel/demoBasicUsage/panel.tmpl.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/panel/demoBasicUsage/script.js"}],moduleName:"material.components.panel",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/panel/demoBasicUsage/index.html"}},{ngModule:{name:"panelGroupsDemo",module:"panelGroupsDemo",dependencies:["ngMaterial"]},id:"paneldemoGroups",css:[{name:"style.global.css",label:"style.global.css",fileType:"css",outputPath:"demo-partials/panel/demoGroups/style.global.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/panel/demoGroups/script.js"}],moduleName:"material.components.panel",name:"demoGroups",label:"Groups",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/panel/demoGroups/index.html"}},{ngModule:{name:"panelAnimationsDemo",module:"panelAnimationsDemo",dependencies:["ngMaterial"]},id:"paneldemoPanelAnimations",css:[{name:"style.global.css",label:"style.global.css",fileType:"css",outputPath:"demo-partials/panel/demoPanelAnimations/style.global.css"}],html:[{name:"panel.tmpl.html",label:"panel.tmpl.html",fileType:"html",outputPath:"demo-partials/panel/demoPanelAnimations/panel.tmpl.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/panel/demoPanelAnimations/script.js"}],moduleName:"material.components.panel",name:"demoPanelAnimations",label:"Panel Animations",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/panel/demoPanelAnimations/index.html"}},{ngModule:{name:"panelProviderDemo",module:"panelProviderDemo",dependencies:["ngMaterial"]},id:"paneldemoPanelProvider",css:[{name:"style.global.css",label:"style.global.css",fileType:"css",outputPath:"demo-partials/panel/demoPanelProvider/style.global.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/panel/demoPanelProvider/script.js"}],moduleName:"material.components.panel",name:"demoPanelProvider",label:"Panel Provider",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/panel/demoPanelProvider/index.html"}},{ngModule:{name:"panelReuseDemo",module:"panelReuseDemo",dependencies:["ngMaterial"]},id:"paneldemoReuse",css:[{name:"style.global.css",label:"style.global.css",fileType:"css",outputPath:"demo-partials/panel/demoReuse/style.global.css"}],html:[{name:"panel.tmpl.html",label:"panel.tmpl.html",fileType:"html",outputPath:"demo-partials/panel/demoReuse/panel.tmpl.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/panel/demoReuse/script.js"}],moduleName:"material.components.panel",name:"demoReuse",label:"Reuse",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/panel/demoReuse/index.html"}}],url:"demo/panel"},{name:"progressCircular",moduleName:"material.components.progressCircular",label:"Progress Circular",demos:[{ngModule:{name:"progressCircularDemo1",module:"progressCircularDemo1",dependencies:["ngMaterial"]},id:"progressCirculardemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/progressCircular/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/progressCircular/demoBasicUsage/script.js"}],moduleName:"material.components.progressCircular",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/progressCircular/demoBasicUsage/index.html"}}],url:"demo/progressCircular"},{name:"progressLinear",moduleName:"material.components.progressLinear",label:"Progress Linear",demos:[{ngModule:{name:"progressLinearDemo1",module:"progressLinearDemo1",dependencies:["ngMaterial"]},id:"progressLineardemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/progressLinear/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/progressLinear/demoBasicUsage/script.js"}],moduleName:"material.components.progressLinear",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/progressLinear/demoBasicUsage/index.html"}}],url:"demo/progressLinear"},{name:"radioButton",moduleName:"material.components.radioButton",label:"Radio Button",demos:[{ngModule:{name:"radioDemo1",module:"radioDemo1",dependencies:["ngMaterial"]},id:"radioButtondemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/radioButton/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/radioButton/demoBasicUsage/script.js"}],moduleName:"material.components.radioButton",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/radioButton/demoBasicUsage/index.html"}},{ngModule:{name:"radioMultiColumnDemo",module:"radioMultiColumnDemo",dependencies:["ngMaterial"]},id:"radioButtondemoMultiColumn",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/radioButton/demoMultiColumn/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/radioButton/demoMultiColumn/script.js"}],moduleName:"material.components.radioButton",name:"demoMultiColumn",label:"Multi Column",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/radioButton/demoMultiColumn/index.html"}}],url:"demo/radioButton"},{name:"select",moduleName:"material.components.select",label:"Select",demos:[{ngModule:{name:"selectDemoBasic",module:"selectDemoBasic",dependencies:["ngMaterial"]},id:"selectdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/select/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/select/demoBasicUsage/script.js"}],moduleName:"material.components.select",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/select/demoBasicUsage/index.html"}},{ngModule:{name:"selectDemoOptGroups",module:"selectDemoOptGroups",dependencies:["ngMaterial"]},id:"selectdemoOptionGroups",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/select/demoOptionGroups/script.js"}],moduleName:"material.components.select",name:"demoOptionGroups",label:"Option Groups",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/select/demoOptionGroups/index.html"}},{ngModule:{name:"selectDemoOptionsAsync",module:"selectDemoOptionsAsync",dependencies:["ngMaterial"]},id:"selectdemoOptionsWithAsyncSearch",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/select/demoOptionsWithAsyncSearch/script.js"}],moduleName:"material.components.select",name:"demoOptionsWithAsyncSearch",label:"Options With Async Search",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/select/demoOptionsWithAsyncSearch/index.html"}},{ngModule:{name:"selectDemoSelectHeader",module:"selectDemoSelectHeader",dependencies:["ngMaterial"]},id:"selectdemoSelectHeader",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/select/demoSelectHeader/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/select/demoSelectHeader/script.js"}],moduleName:"material.components.select",name:"demoSelectHeader",label:"Select Header",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/select/demoSelectHeader/index.html"}},{ngModule:{name:"selectDemoSelectedText",module:"selectDemoSelectedText",dependencies:["ngMaterial"]},id:"selectdemoSelectedText",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/select/demoSelectedText/script.js"}],moduleName:"material.components.select",name:"demoSelectedText",label:"Selected Text",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/select/demoSelectedText/index.html"}},{ngModule:{name:"selectDemoTrackBy",module:"selectDemoTrackBy",dependencies:["ngMaterial","ngMessages"]},id:"selectdemoTrackBy",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/select/demoTrackBy/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/select/demoTrackBy/script.js"}],moduleName:"material.components.select",name:"demoTrackBy",label:"Track By",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/select/demoTrackBy/index.html"}},{ngModule:{name:"selectDemoValidation",module:"selectDemoValidation",dependencies:["ngMaterial","ngMessages"]},id:"selectdemoValidations",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/select/demoValidations/script.js"}],moduleName:"material.components.select",name:"demoValidations",label:"Validations",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/select/demoValidations/index.html"}}],url:"demo/select"},{name:"sidenav",moduleName:"material.components.sidenav",label:"Sidenav",demos:[{ngModule:{name:"basicUsageSidenavDemo",module:"basicUsageSidenavDemo",dependencies:["ngMaterial"]},id:"sidenavdemoBasicUsage",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/sidenav/demoBasicUsage/script.js"}],moduleName:"material.components.sidenav",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/sidenav/demoBasicUsage/index.html"}},{ngModule:{name:"customSidenavDemo",module:"customSidenavDemo",dependencies:["ngMaterial"]},id:"sidenavdemoCustomSidenav",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/sidenav/demoCustomSidenav/script.js"}],moduleName:"material.components.sidenav",name:"demoCustomSidenav",label:"Custom Sidenav",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/sidenav/demoCustomSidenav/index.html"}},{ngModule:{name:"disableCloseEventsSidenavDemo",module:"disableCloseEventsSidenavDemo",dependencies:["ngMaterial"]},id:"sidenavdemoDisableCloseEvents",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/sidenav/demoDisableCloseEvents/script.js"}],moduleName:"material.components.sidenav",name:"demoDisableCloseEvents",label:"Disable Close Events",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/sidenav/demoDisableCloseEvents/index.html"}}],url:"demo/sidenav"},{name:"slider",moduleName:"material.components.slider",label:"Slider",demos:[{ngModule:{name:"sliderDemoBasic",module:"sliderDemoBasic",dependencies:["ngMaterial"]},id:"sliderdemoBasicUsage",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/slider/demoBasicUsage/script.js"}],moduleName:"material.components.slider",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/slider/demoBasicUsage/index.html"}},{ngModule:{name:"sliderDemoVertical",module:"sliderDemoVertical",dependencies:["ngMaterial"]},id:"sliderdemoVertical",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/slider/demoVertical/script.js"}],moduleName:"material.components.slider",name:"demoVertical",label:"Vertical",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/slider/demoVertical/index.html"}}],url:"demo/slider"},{name:"subheader",moduleName:"material.components.subheader",label:"Subheader",demos:[{ngModule:{name:"subheaderBasicDemo",module:"subheaderBasicDemo",dependencies:["ngMaterial"]},id:"subheaderdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/subheader/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/subheader/demoBasicUsage/script.js"}],moduleName:"material.components.subheader",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/subheader/demoBasicUsage/index.html"}}],url:"demo/subheader"},{name:"swipe",moduleName:"material.components.swipe",label:"Swipe",demos:[{ngModule:{name:"demoSwipe",module:"demoSwipe",dependencies:["ngMaterial"]},id:"swipedemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/swipe/demoBasicUsage/style.css"}],html:[{name:"readme.html",label:"readme.html",fileType:"html",outputPath:"demo-partials/swipe/demoBasicUsage/readme.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/swipe/demoBasicUsage/script.js"}],moduleName:"material.components.swipe",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/swipe/demoBasicUsage/index.html"}}],url:"demo/swipe"},{name:"switch",moduleName:"material.components.switch",label:"Switch",demos:[{ngModule:{name:"switchDemo1",module:"switchDemo1",dependencies:["ngMaterial"]},id:"switchdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/switch/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/switch/demoBasicUsage/script.js"}],moduleName:"material.components.switch",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/switch/demoBasicUsage/index.html"}}],url:"demo/switch"},{name:"tabs",moduleName:"material.components.tabs",label:"Tabs",demos:[{ngModule:{name:"tabsDemoCenterTabs",module:"tabsDemoCenterTabs",dependencies:["ngMaterial"]},id:"tabsdemoCenterTabs",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/tabs/demoCenterTabs/style.css"}],html:[{name:"readme.html",label:"readme.html",fileType:"html",outputPath:"demo-partials/tabs/demoCenterTabs/readme.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/tabs/demoCenterTabs/script.js"}],moduleName:"material.components.tabs",name:"demoCenterTabs",label:"Center Tabs",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/tabs/demoCenterTabs/index.html"}},{ngModule:{name:"tabsDemoDynamicHeight",module:"tabsDemoDynamicHeight",dependencies:["ngMaterial"]},id:"tabsdemoDynamicHeight",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/tabs/demoDynamicHeight/style.css"}],html:[{name:"readme.html",label:"readme.html",fileType:"html",outputPath:"demo-partials/tabs/demoDynamicHeight/readme.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/tabs/demoDynamicHeight/script.js"}],moduleName:"material.components.tabs",name:"demoDynamicHeight",label:"Dynamic Height",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/tabs/demoDynamicHeight/index.html"}},{ngModule:{name:"tabsDemoDynamicTabs",module:"tabsDemoDynamicTabs",dependencies:["ngMaterial"]},id:"tabsdemoDynamicTabs",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/tabs/demoDynamicTabs/style.css"}],html:[{name:"readme.html",label:"readme.html",fileType:"html",outputPath:"demo-partials/tabs/demoDynamicTabs/readme.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/tabs/demoDynamicTabs/script.js"}],moduleName:"material.components.tabs",name:"demoDynamicTabs",label:"Dynamic Tabs",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/tabs/demoDynamicTabs/index.html"}},{ngModule:{name:"tabsDemoIconTabs",module:"tabsDemoIconTabs",dependencies:["ngMaterial"]},id:"tabsdemoStaticTabs",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/tabs/demoStaticTabs/style.css"}],html:[{name:"readme.html",label:"readme.html",fileType:"html",outputPath:"demo-partials/tabs/demoStaticTabs/readme.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/tabs/demoStaticTabs/script.js"}],moduleName:"material.components.tabs",name:"demoStaticTabs",label:"Static Tabs",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/tabs/demoStaticTabs/index.html"}}],url:"demo/tabs"},{name:"toast",moduleName:"material.components.toast",label:"Toast",demos:[{ngModule:{name:"toastBasicDemo",module:"toastBasicDemo",dependencies:["ngMaterial"]},id:"toastdemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/toast/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/toast/demoBasicUsage/script.js"}],moduleName:"material.components.toast",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/toast/demoBasicUsage/index.html"}},{ngModule:{name:"toastCustomDemo",module:"toastCustomDemo",dependencies:["ngMaterial"]},id:"toastdemoCustomUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/toast/demoCustomUsage/style.css"}],html:[{name:"toast-template.html",label:"toast-template.html",fileType:"html",outputPath:"demo-partials/toast/demoCustomUsage/toast-template.html"}],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/toast/demoCustomUsage/script.js"}],moduleName:"material.components.toast",name:"demoCustomUsage",label:"Custom Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/toast/demoCustomUsage/index.html"}}],url:"demo/toast"},{name:"toolbar",moduleName:"material.components.toolbar",label:"Toolbar",demos:[{ngModule:{name:"toolbarDemoBasic",module:"toolbarDemoBasic",dependencies:["ngMaterial"]},id:"toolbardemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/toolbar/demoBasicUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/toolbar/demoBasicUsage/script.js"}],moduleName:"material.components.toolbar",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/toolbar/demoBasicUsage/index.html"}},{ngModule:{name:"inputsInToolbarDemo",module:"inputsInToolbarDemo",dependencies:["ngMaterial"]},id:"toolbardemoInputsInToolbar",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/toolbar/demoInputsInToolbar/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/toolbar/demoInputsInToolbar/script.js"}],moduleName:"material.components.toolbar",name:"demoInputsInToolbar",label:"Inputs In Toolbar",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/toolbar/demoInputsInToolbar/index.html"}},{ngModule:{name:"toolbarDemo2",module:"toolbarDemo2",dependencies:["ngMaterial"]},id:"toolbardemoScrollShrink",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/toolbar/demoScrollShrink/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/toolbar/demoScrollShrink/script.js"}],moduleName:"material.components.toolbar",name:"demoScrollShrink",label:"Scroll Shrink",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/toolbar/demoScrollShrink/index.html"}}],url:"demo/toolbar"},{name:"tooltip",moduleName:"material.components.tooltip",label:"Tooltip",demos:[{ngModule:{name:"tooltipDemo",module:"tooltipDemo",dependencies:["ngMaterial"]},id:"tooltipdemoBasicUsage",css:[],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/tooltip/demoBasicUsage/script.js"}],moduleName:"material.components.tooltip",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/tooltip/demoBasicUsage/index.html"}}],url:"demo/tooltip"},{name:"truncate",moduleName:"material.components.truncate",label:"Truncate",demos:[{ngModule:"",id:"truncatedemoBasicUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/truncate/demoBasicUsage/style.css"}],html:[],js:[],moduleName:"material.components.truncate",name:"demoBasicUsage",label:"Basic Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/truncate/demoBasicUsage/index.html"}}],url:"demo/truncate"},{name:"virtualRepeat",moduleName:"material.components.virtualRepeat",label:"Virtual Repeat",demos:[{ngModule:{name:"virtualRepeatDeferredLoadingDemo",module:"virtualRepeatDeferredLoadingDemo",dependencies:["ngMaterial"]},id:"virtualRepeatdemoDeferredLoading",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/virtualRepeat/demoDeferredLoading/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/virtualRepeat/demoDeferredLoading/script.js"}],moduleName:"material.components.virtualRepeat",name:"demoDeferredLoading",label:"Deferred Loading",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/virtualRepeat/demoDeferredLoading/index.html"}},{ngModule:{name:"virtualRepeatHorizontalDemo",module:"virtualRepeatHorizontalDemo",dependencies:["ngMaterial"]},id:"virtualRepeatdemoHorizontalUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/virtualRepeat/demoHorizontalUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/virtualRepeat/demoHorizontalUsage/script.js"}],moduleName:"material.components.virtualRepeat",name:"demoHorizontalUsage",label:"Horizontal Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/virtualRepeat/demoHorizontalUsage/index.html"}},{ngModule:{name:"virtualRepeatInfiniteScrollDemo",module:"virtualRepeatInfiniteScrollDemo",dependencies:["ngMaterial"]},id:"virtualRepeatdemoInfiniteScroll",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/virtualRepeat/demoInfiniteScroll/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/virtualRepeat/demoInfiniteScroll/script.js"}],moduleName:"material.components.virtualRepeat",name:"demoInfiniteScroll",label:"Infinite Scroll",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/virtualRepeat/demoInfiniteScroll/index.html"}},{ngModule:{name:"virtualRepeatScrollToDemo",module:"virtualRepeatScrollToDemo",dependencies:["ngMaterial"]},id:"virtualRepeatdemoScrollTo",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/virtualRepeat/demoScrollTo/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/virtualRepeat/demoScrollTo/script.js"}],moduleName:"material.components.virtualRepeat",name:"demoScrollTo",label:"Scroll To",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/virtualRepeat/demoScrollTo/index.html"}},{ngModule:{name:"virtualRepeatVerticalDemo",module:"virtualRepeatVerticalDemo",dependencies:["ngMaterial"]},id:"virtualRepeatdemoVerticalUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/virtualRepeat/demoVerticalUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/virtualRepeat/demoVerticalUsage/script.js"}],moduleName:"material.components.virtualRepeat",name:"demoVerticalUsage",label:"Vertical Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/virtualRepeat/demoVerticalUsage/index.html"}}],url:"demo/virtualRepeat"},{name:"whiteframe",moduleName:"material.components.whiteframe",label:"Whiteframe",demos:[{ngModule:{name:"whiteframeBasicUsage",module:"whiteframeBasicUsage",dependencies:["ngMaterial"]},id:"whiteframedemoBasicClassUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/whiteframe/demoBasicClassUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/whiteframe/demoBasicClassUsage/script.js"}],moduleName:"material.components.whiteframe",name:"demoBasicClassUsage",label:"Basic Class Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/whiteframe/demoBasicClassUsage/index.html"}},{ngModule:{name:"whiteframeDirectiveUsage",module:"whiteframeDirectiveUsage",dependencies:["ngMaterial"]},id:"whiteframedemoDirectiveAttributeUsage",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/whiteframe/demoDirectiveAttributeUsage/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/whiteframe/demoDirectiveAttributeUsage/script.js"}],moduleName:"material.components.whiteframe",name:"demoDirectiveAttributeUsage",label:"Directive Attribute Usage",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/whiteframe/demoDirectiveAttributeUsage/index.html"}},{ngModule:{name:"whiteframeDirectiveUsage",module:"whiteframeDirectiveUsage",dependencies:["ngMaterial"]},id:"whiteframedemoDirectiveInterpolation",css:[{name:"style.css",label:"style.css",fileType:"css",outputPath:"demo-partials/whiteframe/demoDirectiveInterpolation/style.css"}],html:[],js:[{name:"script.js",label:"script.js",fileType:"js",outputPath:"demo-partials/whiteframe/demoDirectiveInterpolation/script.js"}],moduleName:"material.components.whiteframe",name:"demoDirectiveInterpolation",label:"Directive Interpolation",index:{name:"index.html",label:"index.html",fileType:"html",outputPath:"demo-partials/whiteframe/demoDirectiveInterpolation/index.html"}}],url:"demo/whiteframe"}]),angular.module("docsApp").directive("layoutAlign",function(){return angular.noop}).directive("layout",function(){return angular.noop}).directive("docsDemo",["$mdUtil",function(e){return{restrict:"E",scope:!0,templateUrl:"partials/docs-demo.tmpl.html",transclude:!0,controller:["$scope","$element","$attrs","$interpolate","codepen",function(e,t,a,n,o){var l=this;l.interpolateCode=angular.isDefined(a.interpolateCode),l.demoId=n(a.demoId||"")(e.$parent),l.demoTitle=n(a.demoTitle||"")(e.$parent),l.demoModule=n(a.demoModule||"")(e.$parent),a.$observe("demoTitle",function(e){l.demoTitle=e||l.demoTitle}),a.$observe("demoId",function(e){l.demoId=e||l.demoId}),a.$observe("demoModule",function(e){l.demoModule=e||l.demoModule}),l.files={css:[],js:[],html:[]},l.addFile=function(e,t){var a={name:function(e){switch(e){case"index.html":return"HTML";case"script.js":return"JS";case"style.css":case"style.global.css":return"CSS";default:return e}}(e),contentsPromise:t,fileType:e.split(".").pop()};t.then(function(e){a.contents=e}),"index.html"===e?l.files.index=a:"readme.html"===e?l.demoDescription=a:(l.files[a.fileType]=l.files[a.fileType]||[],l.files[a.fileType].push(a)),l.orderedFiles=[].concat(l.files.index||[]).concat(l.files.js||[]).concat(l.files.css||[]).concat(l.files.html||[])},l.editOnCodepen=function(){o.editOnCodepen({title:l.demoTitle,files:l.files,id:l.demoId,module:l.demoModule})}}],controllerAs:"demoCtrl",bindToController:!0}}]).directive("demoFile",["$q","$interpolate",function(s,r){return{restrict:"E",require:"^docsDemo",compile:function(e,t){var o=t.contents,l=e.html(),i=t.name;return e.contents().remove(),function(e,t,a,n){n.addFile(r(i)(e),s.when(e.$eval(o)||l)),t.remove()}}}}]).filter("toHtml",["$sce",function(t){return function(e){return t.trustAsHtml(e)}}]),angular.module("docsApp").directive("demoInclude",["$q","$compile","$timeout",function(r,m,t){return{restrict:"E",link:function(n,o,e){var l,i=n.$eval(e.files)||{},s=n.$eval(e.module)||"";t(function(){i.index.contentsPromise.then(function(e){var t,a;l=angular.element('<div class="demo-content '+s+'">'),!!s?(angular.bootstrap(l[0],[s]),t=l.scope(),a=l.injector().get("$compile"),n.$on("$destroy",function(){t.$destroy()})):(t=n.$new(),a=m),r.all([r.all(i.css.map(function(e){return e.contentsPromise})).then(function(e){e=e.join("\n");var t=angular.element("<style>"+e+"</style>");document.body.appendChild(t[0]),n.$on("$destroy",function(){t.remove()})}),r.all(i.html.map(function(a){return a.contentsPromise.then(function(e){var t=l.injector().get("$templateCache");t.put(a.name,e),n.$on("$destroy",function(){t.remove(a.name)})})}))]).finally(function(){t.$evalAsync(function(){o.append(l),l.html(e),a(l.contents())(t)})})})})}}}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/contributors.tmpl.html",'<div ng-controller="GuideCtrl" class="doc-content">\n  <md-content>\n    <p>\n      We are thankful for the amazing community and <em>contributors</em> to AngularJS Material.<br/>\n      Shown below is a list of all our contributors: developers who submitted fixes and improvements to AngularJS Material.\n    </p>\n    <md-divider></md-divider>\n\n    <h2>Contributors</h2>\n\n    <p style="margin-top:-10px;"> (sorted by number of commits)</p>\n    <br/>\n\n    <div class="contributor_tables">\n\n      \x3c!-- Use the \'contributors.json\' generated by \'gulp build-contributors\' --\x3e\n\n      <table ng-repeat="row in github.contributors"> \n        <thead>\n        <tr>\n          <th style="text-align:center" ng-repeat="user in row">\n            <a href="{{user.html_url}}" >\n              <img  alt="{{user.login}}"\n                    ng-src="{{user.avatar_url}}"\n                    width="{{github.imageSize}}" class="md-avatar">\n            </a>\n          </th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr>\n          <td style="text-align:center" ng-repeat="user in row">\n            <a href="{{user.html_url}}" class="md-primary">{{user.login}}</a>\n          </td>\n          <td></td>\n        </tr>\n        </tbody>\n      </table>\n\n    </div>\n  </md-content>\n</div>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/demo.tmpl.html",'<docs-demo\n    ng-repeat="demo in demos"\n    demo-id="{{demo.id}}"\n    demo-title="{{demo.label}}"\n    demo-module="{{demo.ngModule.module}}">\n  <demo-file\n      ng-repeat="file in demo.$files"\n      name="{{file.name}}"\n      contents="file.httpPromise"></demo-file>\n</docs-demo>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/docs-demo.tmpl.html",'<div class="doc-demo-content doc-content">\n  <div flex layout="column" style="z-index:1">\n\n    <div class="doc-description" ng-bind-html="demoCtrl.demoDescription.contents | toHtml"></div>\n\n    <div ng-transclude></div>\n\n    <section class="demo-container md-whiteframe-z1"\n      ng-class="{\'show-source\': demoCtrl.$showSource}" >\n\n      <md-toolbar class="demo-toolbar md-primary">\n        <div class="md-toolbar-tools">\n          <h3>{{demoCtrl.demoTitle}}</h3>\n          <span flex></span>\n          <md-button\n            class="md-icon-button"\n            aria-label="View Source"\n            ng-class="{ active: demoCtrl.$showSource }"\n            ng-click="demoCtrl.$showSource = !demoCtrl.$showSource">\n              <md-tooltip md-autohide>View Source</md-tooltip>\n              <md-icon md-svg-src="img/icons/ic_code_24px.svg"></md-icon>\n          </md-button>\n          <md-button\n              ng-hide="{{exampleNotEditable}}"\n              hide-sm\n              ng-click="demoCtrl.editOnCodepen()"\n              aria-label="Edit on CodePen"\n              class="md-icon-button">\n            <md-tooltip md-autohide>Edit on CodePen</md-tooltip>\n            <md-icon md-svg-src="img/icons/codepen-logo.svg"></md-icon>\n          </md-button>\n        </div>\n      </md-toolbar>\n\n      \x3c!-- Source views --\x3e\n      <md-tabs class="demo-source-tabs md-primary" ng-show="demoCtrl.$showSource" style="min-height: 0;">\n        <md-tab ng-repeat="file in demoCtrl.orderedFiles" label="{{file.name}}">\n          <md-content md-scroll-y class="demo-source-container">\n            <hljs class="no-header" code="file.contentsPromise" lang="{{file.fileType}}" should-interpolate="demoCtrl.interpolateCode">\n            </hljs>\n          </md-content>\n        </md-tab>\n      </md-tabs>\n\n      \x3c!-- Live Demos --\x3e\n      <demo-include files="demoCtrl.files" module="demoCtrl.demoModule" class="{{demoCtrl.demoId}}">\n      </demo-include>\n    </section>\n\n  </div>\n</div>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/getting-started.tmpl.html",'<div ng-controller="GuideCtrl" class="doc-content">\n  <md-content>\n    <p>\n      <h2><em>New to AngularJS?</em> Before getting into AngularJS Material, it might be helpful to:</h2>\n    </p>\n    <p>\n      <ul>\n        <li>\n          Watch videos about <a\n            href="https://egghead.io/courses/angularjs-fundamentals" target="_blank"\n            title="AngularJS Framework">AngularJS Fundamentals</a>\n        </li>\n        <li>\n          Read the\n          <a href="https://material.io/archive/guidelines/" target="_blank"\n             title="Material Design">Material Design </a> specifications for components,\n          animations, styles, and layouts.\n        </li>\n      </ul>\n    </p>\n    <h2>How do I start with AngularJS Material?</h2>\n    <ul style="margin-bottom: 2em;">\n      <li>\n        Get jump started with a free 30-minute video course: <a\n          href="https://egghead.io/courses/introduction-to-angular-material" target="_blank"\n          title="AngularJS Framework">Introduction to AngularJS Material</a>\n      </li>\n      <li>\n        <a href="https://stackblitz.com/edit/angularjs-material-blank?file=app%2Fapp.template.html"\n           target="_blank" title="Blank AngularJS Material StackBlitz Demo">\n          Start with a blank application on StackBlitz</a>\n      </li>\n      <li>\n        Test drive AngularJS Material examples on\n        <a href="https://codepen.io/team/AngularMaterial/"\n           target="_blank" title="AngularJS Material CodePen Examples">\n          CodePen</a>\n      </li>\n      <li>\n        Checkout our\n        <a href="https://github.com/Splaktar/angularjs-angular-material-hybrid-demo" target="_blank"\n           title="AngularJS Material, Angular Material, TypeScript, Angular CLI repository">\n        AngularJS Material + Angular Material + TypeScript + Angular CLI</a> repository\n      </li>\n      <li style="margin-bottom: 30px;">\n        Checkout the <a href="https://github.com/angular/material-start/tree/typescript" target="_blank"\n           title="Material Start - Typescript and SystemJS">AngularJS Material + TypeScript + SystemJS</a>\n        repository\n      </li>\n      <li>Use the "Edit on CodePen" button on any of our Demos<br/>\n        <img\n            src="https://cloud.githubusercontent.com/assets/210413/11568997/ed86795a-99b4-11e5-898e-1da172be80da.png"\n            style="width:75%; margin: 10px 30px 0 0" alt="Image with arrow to Edit on CodePen button">\n      </li>\n    </ul>\n    <h3>Our CodePen Community</h3>\n    <p>\n      You can also visit our\n      <a href="https://codepen.io/team/AngularMaterial/" target="_blank"\n         title="Codepen Community">CodePen Community</a> to explore more\n      <a href="https://codepen.io/team/AngularMaterial/pens/public/" target="_blank">samples</a>,\n      <a href="https://codepen.io/team/AngularMaterial/collections/public/" target="_blank">collections</a>, and ideas.\n    </p>\n    <br/>\n\n    <h3>Installing the AngularJS Material Libraries</h3>\n\n    <p>\n      You can\n      <a href="https://github.com/angular/bower-material/#installing-angularjs-material"\n         target="_blank">install the AngularJS Material library</a>\n      (and its dependent libraries) in your local project using\n      <a href="https://www.npmjs.com/" target="_blank">NPM</a>.\n    </p>\n\n    <p>\n      AngularJS Material also integrates with some additional, optional libraries which you may elect\n      to include:\n    </p>\n\n    <ul style="margin-bottom: 2em;">\n      <li>\n        <a href="https://docs.angularjs.org/api/ngMessages">ngMessages</a>\n        - Provides a consistent mechanism for displaying form errors and other messages.\n          <strong>Required</strong> for some AngularJS Material components like\n          <code>md-input</code>.\n      </li>\n      <li>\n        <a href="https://docs.angularjs.org/api/ngSanitize">ngSanitize</a>\n        - The ngSanitize module provides functionality to sanitize HTML content in Material\n        components.\n      </li>\n\n      <li>\n        <a href="https://docs.angularjs.org/api/ngRoute">ngRoute</a>\n        - Provides a clean routing system for your application.\n      </li>\n    </ul>\n\n    <br/>\n\n    <h3>Unsupported Integrations</h3>\n    <p>\n      AngularJS Material has known integration issues with the following libraries:\n    </p>\n    <ul style="margin-bottom: 2em;">\n      <li>\n        <a href="https://docs.angularjs.org/api/ngTouch">ngTouch</a>\n        - AngularJS Material conflicts with ngTouch for click, tap, and swipe support on touch-enabled\n        devices.\n      </li>\n\n      <li>\n        <a href="https://ionicframework.com/docs/v1/overview/">Ionic v1</a>\n        - Has built-in touch support that interferes with AngularJS Material\'s mobile gesture features.\n          Ionic v1 is no longer officially supported by the Ionic team.\n      </li>\n    </ul>\n\n    <br/>\n    <h2>Getting help with AngularJS Material</h2>\n    <ul style="margin-bottom: 2em;">\n      <li>StackOverflow\'s\n        <a href="https://stackoverflow.com/questions/tagged/angularjs-material" target="_blank"\n           title="AngularJS Material tag on StackOverflow">\n          [angularjs-material] tag</a> is a good resources for solving problems.\n      </li>\n    </ul>\n  </md-content>\n</div>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/home.tmpl.html",'<div ng-controller="HomeCtrl" class="doc-content">\n  <md-content>\n    <h2 class="md-headline" style="margin-top: 0;">What is AngularJS Material?</h2>\n    <p>\n      AngularJS Material is an implementation of Google\'s\n      <a href="https://material.io/archive/guidelines/" target="_blank" rel="noopener">\n        Material Design Specification (2014-2017)</a>.\n      This project provides a set of reusable, well-tested, and accessible UI components for\n      <a href="https://angularjs.org" target="_blank" rel="noopener">AngularJS</a> developers.\n    </p>\n    <p>\n      AngularJS Material Long Term Support (LTS) has officially ended as of January 2022.\n      <a href="#long-term-support">Find out more</a>.\n    </p>\n    <ul class="buckets" layout layout-align="center center" layout-wrap>\n      <li flex="50" flex-gt-md="25" ng-repeat="(index, link) in [\n        { href: \'./getting-started\', icon: \'school\', text: \'Getting Started\' },\n        { href: \'./contributors\', icon: \'school\', text: \'Contributors\' },\n        { href: \'./demo\', icon: \'play_circle_fill\', text: \'Demos\' },\n        { href: \'./CSS/typography\', icon: \'build\', text: \'Customization\' },\n        { href: \'./api\', icon: \'code\', text: \'API Reference\' }\n      ]">\n        <md-button\n            class="md-primary md-raised"\n            ng-href="{{link.href}}"\n            aria-label="{{link.text}}">\n          <md-icon class="block" md-svg-src="img/icons/ic_{{link.icon}}_24px.svg"></md-icon>\n          {{link.text}}\n        </md-button>\n      </li>\n    </ul>\n\n    <h2 class="md-headline">AngularJS versus Angular?</h2>\n    <p>\n      The AngularJS Material library is a mature and stable product that is ready for production\n      use. Developers should note that AngularJS Material works only with\n      <a href="https://angularjs.org/" target="_blank" rel="noopener">AngularJS 1.x</a>.\n      AngularJS 1.x\n      <a href="https://docs.angularjs.org/misc/version-support-status" target="_blank" rel="noopener">\n      Long Term Support (LTS)</a> has ended as of January 2022.\n    </p>\n    <i>\n      The Angular Material and Angular Component Dev Kit (CDK) libraries (for Angular v2+) can be found in the\n      <a href="https://github.com/angular/components" target="_blank" rel="noopener">angular/components</a>\n      GitHub repository.\n    </i>\n    <br/>\n    <br/>\n    <h2 class="md-headline">The Latest Material Design</h2>\n    <p>\n      The latest update to Material Design\n      (<a href="https://www.youtube.com/playlist?list=PLJ21zHI2TNh-rX-Xr_xi9KIEcbdee_1Ah" target="_blank" rel="noopener">video playlist</a>)\n      was announced at Google I/O in May 2018\n      (<a href="https://design.google/library/io-2018-our-definitive-guide-design/" target="_blank" rel="noopener">recap blog post</a>).\n      For an implementation of this new\n      <a href="https://material.io/design" target="_blank" rel="noopener">Material Design Specification</a>,\n      please see the <a href="https://github.com/angular/components" target="_blank" rel="noopener">Angular Material</a>\n      project which is built for <a href="https://angular.io" target="_blank" rel="noopener">Angular</a>\n      developers.\n    </p>\n    <h2 id="long-term-support" class="md-headline">End-Of-Life</h2>\n    <p>\n      <strong>AngularJS Material support has officially ended as of January 2022.</strong>\n      <a href="https://docs.angularjs.org/misc/version-support-status" target="_blank" rel="noopener">See what ending support means</a>\n      and <a href="https://goo.gle/angularjs-end-of-life" target="_blank" rel="noopener">read the end of life announcement</a>.\n      Visit <a href="https://material.angular.io" target="_blank" rel="noopener">material.angular.io</a>\n      for the actively supported Angular Material.\n    </p>\n    <p>\n      Find details on reporting security issues\n      <a href="https://github.com/angular/material/blob/master/SECURITY.md">here</a>.\n    </p>\n    <h2 class="md-headline">Change Log</h2>\n    <p>\n      Please refer to our changelog for up-to-date listings of all v1.x improvements and breaking\n      changes.\n    </p>\n     <ul class="buckets" layout layout-align="center center" layout-wrap>\n      <li flex="100" flex-gt-xs="50" ng-repeat="(index, link) in [\n        {\n          href: \'https://github.com/angular/material/blob/master/CHANGELOG.md\',\n          icon: \'access_time\',\n          text: \'Changelog\'\n        }\n      ]">\n        <md-button\n            class="md-primary md-raised"\n            ng-href="{{link.href}}"\n            aria-label="{{link.text}}">\n          <md-icon class="block" md-svg-src="img/icons/ic_{{link.icon}}_24px.svg"></md-icon>\n          {{link.text}}<br/>\n          <div style="text-transform: none;margin-top:-15px;font-size:1.0em;">\n            AngularJS Material v1.x\n          </div>\n        </md-button>\n      </li>\n    </ul>\n\n    <h2 class="md-headline">Browser Support</h2>\n    <p>\n      AngularJS Material generally supports browsers that fall into these categories\n    </p>\n    <ul>\n      <li>Greater than 0.5% global usage</li>\n      <li>Last two major versions of Evergreen browsers</li>\n      <li>Firefox ESR</li>\n      <li>Not considered "dead" browsers</li>\n    </ul>\n    <br/>\n    <h3>The following table provides a more detailed view:</h3>\n    <table class="custom-table">\n      <tbody>\n      <tr>\n        <th>\n          Browser\n        </th>\n        <th>\n          Supported Versions\n        </th>\n      </tr>\n      <tr>\n        <td>\n          Chrome<br/>Chrome for Android<br/>Edge<br/>Safari<br/>Opera\n        </td>\n        <td>\n          last 2 major versions\n        </td>\n      </tr>\n      <tr>\n        <td>\n          Firefox\n        </td>\n        <td>\n          last 2 major versions<br/>ESR\n        </td>\n      </tr>\n      <tr>\n        <td>\n          IE<br/>IE Mobile\n        </td>\n        <td>\n          11\n        </td>\n      </tr>\n      <tr>\n        <td>\n          Firefox for Android<br/>UC\n        </td>\n        <td>\n          latest version\n        </td>\n      </tr>\n      <tr>\n        <td>\n          Samsung Internet\n        </td>\n        <td>\n          12.x\n        </td>\n      </tr>\n      <tr>\n        <td>\n          Opera for Android\n        </td>\n        <td>\n          Mini all\n        </td>\n      </tr>\n      </tbody>\n    </table>\n\n    <h2 class="md-headline">Screen Reader Support</h2>\n    <p>\n      AngularJS Material is built based on the\n      <a href="https://www.w3.org/TR/wai-aria-1.0/" target="_blank" rel="noopener">\n        WAI-ARIA 1.0 W3C Recommendation</a>.\n    </p>\n    <h3>\n      AngularJS Material supports the following screen readers:\n    </h3>\n    <table class="custom-table">\n      <tbody>\n      <tr>\n        <th>\n          Screen Reader\n        </th>\n        <th>\n          Supported Versions\n        </th>\n      </tr>\n      <tr>\n        <td>\n          NVDA<br/>JAWS\n        </td>\n        <td>\n          2019.x<br/>2020.x\n        </td>\n      </tr>\n      <tr>\n        <td>\n          Android Accessibility Suite\n        </td>\n        <td>\n          8.1.x<br/>8.2.x\n        </td>\n      </tr>\n      <tr>\n        <td>\n          ChromeVox on Chrome OS<br/>VoiceOver on macOS/iOS\n        </td>\n        <td>\n          last 2 major versions\n        </td>\n      </tr>\n      </tbody>\n    </table>\n\n    <md-divider></md-divider>\n\n    <br/>\n    <h2 class="md-headline">Training Videos:</h2>\n    <p>\n      Here are some video courses that will help jump start your development with AngularJS Material.\n    </p>\n    <ul class="buckets" layout layout-align="center center" layout-wrap>\n      <li flex="100" flex-gt-xs="50" ng-repeat="(index, link) in [\n        { href: \'https://egghead.io/series/angular-material-introduction\', icon: \'ondemand_video\', text: \'Introduction to AngularJS Material\', site : \'EggHead\', access : \'free\'},\n        { href: \'https://app.pluralsight.com/player?author=ajden-towfeek&name=angular-material-fundamentals-m0&mode=live&clip=0&course=angular-material-fundamentals\', icon: \'ondemand_video\', text: \'AngularJS Material Fundamentals\', site : \'Pluralsight\', access: \'member\'}\n      ]">\n        <md-button\n            class="md-primary md-raised"\n            target="_blank"\n            aria-label="{{link.text}}"\n            ng-href="{{link.href}}">\n          <md-icon class="block" md-svg-src="img/icons/ic_{{link.icon}}_24px.svg"></md-icon>\n          {{link.site}} | <span class="training_link">{{link.text}}</span> | <span class="training_info">{{link.access}}</span>\n        </md-button>\n      </li>\n    </ul>\n\n    <br/>\n    <h2 class="md-headline">Conference Presentations:</h2>\n    <p>\n      Here are some conference presentations that will provide overviews for your development with\n      AngularJS Material.\n    </p>\n    <ul class="buckets" layout layout-align="center center" layout-wrap>\n      <li flex="100" flex-gt-xs="50" ng-repeat="(index, link) in [\n'+"        { href: 'https://www.youtube.com/watch?v=rRiV_b3WsoY', icon: 'ondemand_video', text: 'AngularJS Material v1.1.0 Updates', site : 'ng-conf',  date: '2016'},\n        { href: 'https://www.youtube.com/watch?v=6PMe_wc0SjI', icon: 'ondemand_video', text: 'Adaptive UI with AngularJS Material', site : 'DevFest NC',  date: '2015'},\n        { href: 'https://www.youtube.com/watch?v=Qi31oO5u33U', icon: 'ondemand_video', text: 'Building with AngularJS Material', site : 'ng-conf',  date: '2015'},\n        { href: 'https://www.youtube.com/watch?v=363o4i0rdvU', icon: 'ondemand_video', text: 'AngularJS Material in Practice', site : 'AngularConnect', date:'2015'}\n      ]\">\n        <md-button\n            class=\"md-primary md-raised\"\n            target=\"_blank\"\n            aria-label=\"{{link.text}}\"\n            ng-href=\"{{link.href}}\">\n          <md-icon class=\"block\" md-svg-src=\"img/icons/ic_{{link.icon}}_24px.svg\"></md-icon>\n          <span class=\"training_site\">{{link.site}}</span> | <span class=\"training_link\">{{link.text}}</span> | <span class=\"training_info\">{{link.date}}</span>\n        </md-button>\n      </li>\n    </ul>\n\n    <br/>\n    <p class=\"md-caption\" style=\"text-align: center; margin-bottom: 0;\">\n      These docs were generated from\n      (<a ng-href=\"{{BUILDCONFIG.repository}}/{{menu.version.current.github}}\" target=\"_blank\"\n          rel=\"noopener\">v{{BUILDCONFIG.version}} - SHA {{BUILDCONFIG.commit.substring(0,7)}}</a>)\n      on (<strong>{{BUILDCONFIG.date}}</strong>) GMT.\n    </p>\n  </md-content>\n</div>\n\n")}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/layout-alignment.tmpl.html",'<div ng-controller="LayoutCtrl" class="layout-content" ng-cloak>\n\n  <p>\n    The <code>layout-align</code> directive takes two words.\n    The first word says how the children will be aligned in the layout\'s direction, and the second word says how the children will be aligned perpendicular to the layout\'s direction.</p>\n\n    <p>Only one value is required for this directive.\n    For example, <code>layout="row" layout-align="center"</code> would make the elements\n    center horizontally and use the default behavior vertically.</p>\n\n    <p><code>layout="column" layout-align="center end"</code> would make\n    children align along the center vertically and along the end (right) horizontally. </p>\n\n\n  <table class="md-api-table">\n         <thead>\n           <tr>\n             <th>API</th>\n             <th>Sets child alignments within the layout container</th>\n           </tr>\n         </thead>\n          <tr>\n            <td>layout-align</td>\n            <td>Sets default alignment unless overridden by another breakpoint.</td>\n          </tr>\n          <tr>\n           <td>layout-align-xs</td>\n           <td>width &lt; <b>600</b>px</td>\n         </tr>\n         <tr>\n           <td>layout-align-gt-xs</td>\n           <td>width &gt;= <b>600</b>px</td>\n         </tr>\n         <tr>\n           <td>layout-align-sm</td>\n           <td><b>600</b>px &lt;= width &lt; <b>960</b>px</td>\n         </tr>\n         <tr>\n           <td>layout-align-gt-sm</td>\n           <td>width &gt;= <b>960</b>px</td>\n         </tr>\n         <tr>\n           <td>layout-align-md</td>\n           <td><b>960</b>px &lt;= width &lt; <b>1280</b>px</td>\n         </tr>\n         <tr>\n           <td>layout-align-gt-md</td>\n           <td>width &gt;= <b>1280</b>px</td>\n         </tr>\n         <tr>\n           <td>layout-align-lg</td>\n           <td><b>1280</b>px &lt;= width &lt; <b>1920</b>px</td>\n         </tr>\n         <tr>\n           <td>layout-align-gt-lg</td>\n           <td>width &gt;= <b>1920</b>px</td>\n         </tr>\n         <tr>\n           <td>layout-align-xl</td>\n           <td>width &gt;= <b>1920</b>px</td>\n         </tr>\n        </table>\n\n  <br/>\n\n  <p>\n   Below is an interactive demo that lets you explore the visual results of the different settings:\n  </p>\n\n  <div>\n    <docs-demo demo-title=\'layout="{{layoutDemo.direction}}" &nbsp; &nbsp; &nbsp; layout-align="{{layoutAlign()}}"\'\n               class="small-demo colorNested" interpolate-code="true">\n      <demo-file name="index.html">\n        <div layout="{{layoutDemo.direction}}" layout-align="{{layoutAlign()}}">\n          <div>one</div>\n          <div>two</div>\n          <div>three</div>\n        </div>\n      </demo-file>\n    </docs-demo>\n  </div>\n\n  <div layout="column" layout-gt-sm="row" layout-align="space-around">\n\n    <div>\n      <md-subheader>Layout Direction</md-subheader>\n      <md-radio-group ng-model="layoutDemo.direction">\n        <md-radio-button value="row">row</md-radio-button>\n        <md-radio-button value="column">column</md-radio-button>\n      </md-radio-group>\n    </div>\n    <div>\n      <md-subheader>Alignment in Layout Direction ({{layoutDemo.direction == \'row\' ? \'horizontal\' : \'vertical\'}})</md-subheader>\n      <md-radio-group ng-model="layoutDemo.mainAxis">\n        <md-radio-button value="">none</md-radio-button>\n        <md-radio-button value="start">start (default)</md-radio-button>\n        <md-radio-button value="center">center</md-radio-button>\n        <md-radio-button value="end">end</md-radio-button>\n        <md-radio-button value="space-around">space-around</md-radio-button>\n        <md-radio-button value="space-between">space-between</md-radio-button>\n      </md-radio-group>\n    </div>\n    <div>\n      <md-subheader>Alignment in Perpendicular Direction ({{layoutDemo.direction == \'column\' ? \'horizontal\' : \'vertical\'}})</md-subheader>\n      <md-radio-group ng-model="layoutDemo.crossAxis">\n        <md-radio-button value="none"><em>none</em></md-radio-button>\n        <md-radio-button value="start">start</md-radio-button>\n        <md-radio-button value="center">center</md-radio-button>\n        <md-radio-button value="end">end</md-radio-button>\n        <md-radio-button value="stretch">stretch (default)</md-radio-button>\n      </md-radio-group>\n    </div>\n\n  </div>\n</div>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/layout-children.tmpl.html",'<div ng-controller="LayoutCtrl" class="layout-content" ng-cloak>\n\n  <h3>Children within a Layout Container</h3>\n\n  <p>\n    To customize the size and position of elements in a layout <b>container</b>, use the\n    <code>flex</code>, <code>flex-order</code>, and <code>flex-offset</code> attributes on the\n    container\'s <b>child</b> elements:\n  </p>\n\n  <docs-demo demo-title="Flex Directive" class="small-demo colorNested">\n    <demo-file name="index.html">\n      <div layout="row">\n        <div flex="20">\n          [flex="20"]\n        </div>\n        <div flex="70">\n          [flex="70"]\n        </div>\n        <div flex hide-sm hide-xs>\n          [flex]\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    Add the <code>flex</code> directive to a layout\'s child element and the element will flex\n    (grow or shrink) to fit the area unused by other elements. <code>flex</code> defines how the\n    element will adjust its size with respect to its <b>parent</b> container and the other elements\n    within the container.\n  </p>\n\n  <docs-demo demo-title="Flex Percent Values" class="small-demo colorNested-noPad">\n    <demo-file name="index.html">\n      <div layout="row" layout-wrap>\n        <div flex="30">\n          [flex="30"]\n        </div>\n        <div flex="45">\n          [flex="45"]\n        </div>\n        <div flex="25">\n          [flex="25"]\n        </div>\n        <div flex="33">\n          [flex="33"]\n        </div>\n        <div flex="66">\n          [flex="66"]\n        </div>\n        <div flex="50">\n          [flex="50"]\n        </div>\n        <div flex>\n          [flex]\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n\n  <p>\n    A layout child\'s <code>flex</code> directive can be given an integer value from 0-100.\n    The element will stretch to the percentage of available space matching the value. Currently, the <code>flex</code>\n    directive value is restricted to multiples of five, 33 or 66.\n  </p>\n\n  <p> For example: <code>flex="5", flex="20", flex="33", flex="50", flex="66", flex="75", ... flex="100"</code>.</p>\n\n  <docs-demo demo-title="Responsive Flex Directives" class="small-demo colorNested-noPad">\n    <demo-file name="index.html">\n      <div layout="row">\n        <div flex-gt-sm="66" flex="33">\n          flex 33% on mobile, <br/>and 66% on gt-sm devices.\n        </div>\n        <div flex-gt-sm="33" flex="66">\n          flex 66% on mobile, <br/>and 33% on gt-sm devices.\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    You can specify multiple <code>flex</code> directives on the same element in order to create\n    flexible responsive behaviors across device sizes.\n  </p>\n  <p>\n    Please take care not to overlap these directives, for example:\n    <code>flex="100" flex-md="50" flex-gt-sm="25"</code>. In this example, there are two directives\n    that apply to "medium" devices (<code>50</code> and <code>25</code>).\n  </p>\n  <p>\n    The below example demonstrates how to use multiple <code>flex</code> directives overrides to\n    achieve a desirable outcome:\n  </p>\n\n  <docs-demo demo-title="Overriding Responsive Flex Directives" class="colorNested-noPad">\n    <demo-file name="index.html">\n      <div layout="row" layout-wrap>\n        <div flex="100" flex-gt-sm="33">\n          flex 100% on mobile, <br/>and 33% on gt-sm devices.\n        </div>\n        <div flex="100" flex-gt-sm="66">\n          flex 100% on mobile, <br/>and 66% on gt-sm devices.\n        </div>\n        <div flex="100" flex-md="50" flex-gt-md="25">\n          flex 100% on mobile, 50% on md, and 25% on gt-md devices.\n        </div>\n        <div flex="100" flex-md="50" flex-gt-md="25">\n          flex 100% on mobile, 50% on md, and 25% on gt-md devices.\n        </div>\n        <div flex="100" flex-md="50" flex-gt-md="25">\n          flex 100% on mobile, 50% on md, and 25% on gt-md devices.\n        </div>\n        <div flex="100" flex-md="50" flex-gt-md="25">\n          flex 100% on mobile, 50% on md, and 25% on gt-md devices.\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    When a responsive layout directive like <code>layout-gt-sm</code> is active, any flex directives\n    within that layout, that you want applied, should be active at the same time. This means that\n    the flex directives that match up with <code>layout-gt-sm</code> would be\n    <code>flex-gt-sm</code> and not just <code>flex</code>.\n  </p>\n  <p>\n    This example demonstrates what happens when the proper flex suffix is omitted. In this case, the\n    <code>flex="66"</code> directive is interpreted in context of the <code>layout="column"</code>\n    layout. This is most likely not desirable.\n  </p>\n\n  <docs-demo demo-title="Incorrect use of Flex Directives within Responsive Layouts"\n             class="small-demo colorNested-noPad">\n    <demo-file name="index.html">\n      <div layout="column" layout-gt-sm="row">\n        \x3c!-- In order to work within a layout-gt-sm, the flex directive needs to match.\n             flex-gt-sm="33" will work when layout-gt-sm="row" is active, but flex="33" would\n              only apply when layout="column" is active. --\x3e\n        <div flex-gt-sm="33">\n          column layout on mobile, <br/>flex 33% on gt-sm devices.\n        </div>\n        \x3c!-- In this case, we failed to use the gt-sm suffix with the flex directive,\n             resulting in undesirable behavior. --\x3e\n        <div flex="66">\n          [flex 66%]\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    Here\'s the same example as above with the correct <code>flex-gt-sm="66"</code> directive:\n  </p>\n\n  <docs-demo demo-title="Use of Responsive Flex Directives within Responsive Layouts"\n             class="small-demo colorNested-noPad">\n    <demo-file name="index.html">\n      <div layout="column" layout-gt-sm="row">\n        <div flex-gt-sm="33">\n          column layout on mobile, <br/>flex 33% on gt-sm devices.\n        </div>\n        <div flex-gt-sm="66">\n          column layout on mobile, <br/>flex 66% on gt-sm devices.\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    See the <a href="layout/options">layout options page</a> for more information on responsive flex\n    directives like <code>hide-sm</code> and <code>layout-wrap</code> used in the above examples.\n  </p>\n\n  <br/>\n  <hr>\n  <br/>\n\n  <h3>Additional Flex Values</h3>\n\n  <p>\n    There are additional flex values provided by AngularJS Material to improve flexibility and to make the API\n    easier to understand.\n  </p>\n\n  <docs-demo demo-title="Other Flex Values" class="small-demo colorNested-noPad">\n    <demo-file name="index.html">\n      <div layout="row" layout-wrap>\n        <div flex="none">\n          [flex="none"]\n        </div>\n        <div flex>\n          [flex]\n        </div>\n        <div flex="nogrow">\n          [flex="nogrow"]\n        </div>\n        <div flex="grow">\n          [flex="grow"]\n        </div>\n        <div flex="initial">\n          [flex="initial"]\n        </div>\n        <div flex="auto">\n          [flex="auto"]\n        </div>\n        <div flex="noshrink">\n          [flex="noshrink"]\n        </div>\n        <div flex="0">\n          [flex="0"]\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n\n  <table class="md-api-table">\n    <tr>\n      <td>flex</td>\n      <td>\n        Will grow and shrink as needed. Starts with a size of 0%. Same as <code>flex="0"</code>.\n        <br />\n        <br />\n        <b>Note:</b> There is a known bug with this attribute in IE11 when the parent container has\n        no explicit height set. See our\n        <a ng-href="layout/tips#layout-column-0px-ie11">Troubleshooting</a> page for more info.\n      </td>\n    </tr>\n    <tr>\n      <td>flex="none"</td>\n      <td>Will not grow or shrink. Sized based on its <code>width</code> and <code>height</code> values.</td>\n    </tr>\n    <tr>\n      <td>flex="initial"</td>\n      <td>Will shrink as needed. Starts with a size based on its <code>width</code> and <code>height</code> values.</td>\n    </tr>\n    <tr>\n      <td>flex="auto"</td>\n      <td>Will grow and shrink as needed. Starts with a size based on its <code>width</code> and <code>height</code> values.</td>\n    </tr>\n    <tr>\n      <td>flex="grow"</td>\n      <td>Will grow and shrink as needed. Starts with a size of 100%. Same as <code>flex="100"</code>.</td>\n    </tr>\n    <tr>\n      <td>flex="nogrow"</td>\n      <td>Will shrink as needed, but won\'t grow. Starts with a size based on its <code>width</code> and <code>height</code> values.</td>\n    </tr>\n    <tr>\n      <td>flex="noshrink"</td>\n      <td>Will grow as needed, but won\'t shrink. Starts with a size based on its <code>width</code> and <code>height</code> values.</td>\n    </tr>\n  </table>\n\n\n  <br/>\n  <hr>\n  <br/>\n\n  <h3>Ordering HTML Elements</h3>\n\n  <p>\n    Add the <code>flex-order</code> directive to a layout child to set its\n    order position within the layout container. Any integer value from -20 to 20 is accepted.\n  </p>\n\n  <docs-demo demo-title="Flex-Order Directive" class="small-demo colorNested">\n    <demo-file name="index.html">\n      <div layout="row">\n        <div flex flex-order="-1">\n          <p>[flex-order="-1"]</p>\n        </div>\n        <div flex flex-order="1" flex-order-gt-md="3">\n          <p hide-gt-md>[flex-order="1"]</p>\n          <p hide show-gt-md>[flex-order-gt-md="3"]</p>\n        </div>\n        <div flex flex-order="2">\n          <p>[flex-order="2"]</p>\n        </div>\n        <div flex flex-order="3" flex-order-gt-md="1">\n          <p hide-gt-md>[flex-order="3"]</p>\n          <p hide show-gt-md>[flex-order-gt-md="1"]</p>\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <table class="md-api-table">\n      <thead>\n        <tr>\n          <th>API</th>\n          <th>Device <b>width</b> when breakpoint overrides default</th>\n        </tr>\n      </thead>\n       <tr>\n         <td>flex-order</td>\n         <td>Sets default layout order unless overridden by another breakpoint.</td>\n       </tr>\n    <tr>\n        <td>flex-order-xs</td>\n           <td>width &lt; <b>600</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-order-gt-xs</td>\n           <td>width &gt;= <b>600</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-order-sm</td>\n           <td><b>600</b>px &lt;= width &lt; <b>960</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-order-gt-sm</td>\n           <td>width &gt;= <b>960</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-order-md</td>\n           <td><b>960</b>px &lt;= width &lt; <b>1280</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-order-gt-md</td>\n           <td>width &gt;= <b>1280</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-order-lg</td>\n           <td><b>1280</b>px &lt;= width &lt; <b>1920</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-order-gt-lg</td>\n           <td>width &gt;= <b>1920</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-order-xl</td>\n           <td>width &gt;= <b>1920</b>px</td>\n         </tr>\n     </table>\n\n\n  <p>\n    See the <a href="layout/options">layout options page</a> for more information on directives like\n    <code>hide</code>, <code>hide-gt-md</code>, and <code>show-gt-md</code> used in the above examples.\n  </p>\n\n  <br/>\n  <hr>\n  <br/>\n\n  <h3>Add Offsets to the Preceding HTML Elements</h3>\n\n  <p>\n    Add the <code>flex-offset</code> directive to a layout child to set its\n    offset percentage within the layout container. Values must be multiples\n    of <code>5</code> or <code>33</code> / <code>66</code>. These offsets establish a <code>margin-left</code>\n    with respect to the preceding element or the containers left boundary.\n  </p>\n\n  <p>\n      When using <code>flex-offset</code> the margin-left offset is applied... regardless of your choice of <code>flex-order</code>.\n      or if you use a <code>flex-direction: reverse</code>.\n    </p>\n\n  <docs-demo demo-title="Flex-Offset Directive" class="small-demo colorNested">\n    <demo-file name="index.html">\n      <div layout="row">\n        <div flex="66" flex-offset="15">\n          [flex-offset="15"]\n          [flex="66"]\n        </div>\n        <div flex>\n          [flex]\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <table class="md-api-table">\n        <thead>\n          <tr>\n            <th>API</th>\n            <th>Device width when breakpoint overrides default</th>\n          </tr>\n        </thead>\n         <tr>\n           <td>flex-offset</td>\n           <td>Sets default margin-left offset (<b>%-based</b>) unless overridden by another breakpoint.</td>\n         </tr>\n    <tr>\n           <td>flex-offset-xs</td>\n           <td>width &lt; <b>600</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-offset-gt-xs</td>\n           <td>width &gt;= <b>600</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-offset-sm</td>\n           <td><b>600</b>px &lt;= width &lt; <b>960</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-offset-gt-sm</td>\n           <td>width &gt;= <b>960</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-offset-md</td>\n           <td><b>960</b>px &lt;= width &lt; <b>1280</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-offset-gt-md</td>\n           <td>width &gt;= <b>1280</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-offset-lg</td>\n           <td><b>1280</b>px &lt;= width &lt; <b>1920</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-offset-gt-lg</td>\n           <td>width &gt;= <b>1920</b>px</td>\n         </tr>\n         <tr>\n           <td>flex-offset-xl</td>\n           <td>width &gt;= <b>1920</b>px</td>\n         </tr>\n       </table>\n\n\n</div>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/layout-container.tmpl.html",'<div ng-controller="LayoutCtrl" class="layout-content" ng-cloak>\n\n  <h3>Layout and Containers</h3>\n\n  <p>\n    Use the <code>layout</code> directive on a container element to specify the layout direction for its children:\n    horizontally in a row (<code>layout="row"</code>) or vertically in a column (<code>layout="column"</code>).\n    Note that <code>row</code> is the default layout direction if you specify the <code>layout</code> directive without a value.\n  </p>\n\n  <table>\n    <tr>\n      <td style="font-weight: bold; background-color: #DBEEF5">row</td>\n      <td style="padding-left: 10px;">Items arranged horizontally. <code>max-height = 100%</code> and <code>max-width</code>  is the width of the items in the container.</td>\n    </tr>\n    <tr>\n      <td style="font-weight: bold; background-color: #DBEEF5 ">column</td>\n      <td style="padding-left: 10px;">Items arranged vertically. <code>max-width = 100%</code>  and <code>max-height</code> is the height of the items in the container.</td>\n    </tr>\n  </table>\n\n  <br/>\n\n  <docs-demo demo-title="Layout Directive" class="small-demo colorNested">\n    <demo-file name="index.html">\n    <div layout="row">\n      <div flex>First item in row</div>\n      <div flex>Second item in row</div>\n    </div>\n    <div layout="column">\n      <div flex>First item in column</div>\n      <div flex>Second item in column</div>\n    </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n      Note that <code>layout</code> only affects the flow direction for that container\'s <b>immediate</b> children.\n    </p>\n\n  <hr>\n\n  <br/>\n  <h3>Layouts and Responsive Breakpoints</h3>\n\n  <p>\n    As discussed in the <a href="layout/introduction">Layout Introduction page</a> you can\n    make your layout change depending upon the device view size by using <b>breakpoint alias</b> suffixes.\n   </p>\n\n  <p>\n    To make your layout automatically change depending upon the device screen size, use one to the following <code>layout</code>\n    APIs to set the layout direction for devices with view widths:\n  </p>\n\n   <table class="md-api-table">\n    <thead>\n      <tr>\n        <th>API</th>\n        <th>Device width when breakpoint overrides default</th>\n      </tr>\n    </thead>\n     <tr>\n       <td>layout</td>\n       <td>Sets default layout direction unless overridden by another breakpoint.</td>\n     </tr>\n     <tr>\n       <td>layout-xs</td>\n       <td>width &lt; <b>600</b>px</td>\n     </tr>\n     <tr>\n       <td>layout-gt-xs</td>\n       <td>width &gt;= <b>600</b>px</td>\n     </tr>\n     <tr>\n       <td>layout-sm</td>\n       <td><b>600</b>px &lt;= width &lt; <b>960</b>px</td>\n     </tr>\n     <tr>\n       <td>layout-gt-sm</td>\n       <td>width &gt;= <b>960</b>px</td>\n     </tr>\n     <tr>\n       <td>layout-md</td>\n       <td><b>960</b>px &lt;= width &lt; <b>1280</b>px</td>\n     </tr>\n     <tr>\n       <td>layout-gt-md</td>\n       <td>width &gt;= <b>1280</b>px</td>\n     </tr>\n     <tr>\n       <td>layout-lg</td>\n       <td><b>1280</b>px &lt;= width &lt; <b>1920</b>px</td>\n     </tr>\n     <tr>\n       <td>layout-gt-lg</td>\n       <td>width &gt;= <b>1920</b>px</td>\n     </tr>\n     <tr>\n       <td>layout-xl</td>\n       <td>width &gt;= <b>1920</b>px</td>\n     </tr>\n   </table>\n   <br/>\n\n  <p><a\n      href="https://camo.githubusercontent.com/ad81ae92f8b4285747ce4e48007bf3f104dd5630/687474703a2f2f6d6174657269616c2d64657369676e2e73746f726167652e676f6f676c65617069732e636f6d2f7075626c6973682f6d6174657269616c5f765f342f6d6174657269616c5f6578745f7075626c6973682f3042386f6c5631354a3761625053474678656d46695156527462316b2f6c61796f75745f61646170746976655f627265616b706f696e74735f30312e706e67"\n      target="_blank" style="text-decoration: none;border: 0 none;">\n      <img\n      src="https://camo.githubusercontent.com/ad81ae92f8b4285747ce4e48007bf3f104dd5630/687474703a2f2f6d6174657269616c2d64657369676e2e73746f726167652e676f6f676c65617069732e636f6d2f7075626c6973682f6d6174657269616c5f765f342f6d6174657269616c5f6578745f7075626c6973682f3042386f6c5631354a3761625053474678656d46695156527462316b2f6c61796f75745f61646170746976655f627265616b706f696e74735f30312e706e67"\n      alt=""\n      style="max-width:100%;text-decoration: none;border: 0 none;"></a>\n  </p>\n\n\n  <p>\n    For the demo below, as you shrink your browser window width notice the flow direction changes to <code>column</code>\n    for mobile devices (<code>xs</code>). And as you expand it will reset to <code>row</code>\n    for <code>gt-sm</code> view sizes.\n\n  </p>\n\n  <docs-demo demo-title="Responsive Layouts" class="small-demo colorNested">\n    <demo-file name="index.html">\n      <div layout="row" layout-xs="column">\n        <div flex>\n          I\'m above on mobile, and to the left on larger devices.\n        </div>\n        <div flex>\n          I\'m below on mobile, and to the right on larger devices.\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n\n\n  <p>\n    See the <a href="layout/options">Layout Options page</a> for more options such as padding, alignments, etc.\n  </p>\n\n\n\n </div>\n\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/layout-introduction.tmpl.html",'<div ng-controller="LayoutCtrl" class="layout-content" ng-cloak>\n\n  <h3>Overview</h3>\n  <p>\n    AngularJS Material\'s Layout features provide sugar to enable developers to more easily create modern,\n    responsive layouts on top of CSS3 <a href="http://www.w3.org/TR/css3-flexbox/">flexbox</a>.\n    The layout API consists of a set of AngularJS directives that can\n    be applied to any of your application\'s HTML content.\n  </p>\n\n\n  <p>\n    Using <b> HTML Directives</b> as the API provides an easy way to set a value (eg. <code>layout="row"</code>) and\n    helps with separation of concerns: Attributes define layout while CSS classes assign styling.\n  </p>\n\n\n  <table class="md-api-table">\n    <thead>\n    <tr>\n      <th>HTML Markup API</th>\n      <th>Allowed values (raw or interpolated)</th>\n    </tr>\n    </thead>\n    <tbody>\n    <tr>\n      <td>layout</td>\n      <td><code>row | column</code></td>\n    </tr>\n    <tr>\n      <td>flex</td>\n      <td> integer (increments of 5 for 0%->100%, 100%/3, 200%/3)</td>\n    </tr>\n    <tr>\n      <td>flex-order</td>\n      <td>integer values from -20 to 20</td>\n    </tr>\n    <tr>\n      <td>flex-offset</td>\n      <td>integer (increments of 5 for 0%->95%, 100%/3, 200%/3)</td>\n    </tr>\n    <tr>\n      <td>layout-align</td>\n      <td><code>start|center|end|space-around|space-between</code> <code>start|center|end|stretch</code></td>\n    </tr>\n    <tr>\n      <td>layout-fill</td>\n      <td></td>\n    </tr>\n    <tr>\n      <td>layout-wrap</td>\n      <td></td>\n    </tr>\n    <tr>\n      <td>layout-nowrap</td>\n      <td></td>\n    </tr>\n    <tr>\n      <td>layout-margin</td>\n      <td></td>\n    </tr>\n    <tr>\n      <td>layout-padding</td>\n      <td></td>\n    </tr>\n    <tr>\n      <td>show</td>\n      <td></td>\n    </tr>\n    <tr>\n      <td>hide</td>\n      <td></td>\n    </tr>\n    </tbody>\n  </table>\n\n\n  <p>And if we use Breakpoints as specified in Material Design:</p>\n  <p><a\n      href="https://camo.githubusercontent.com/ad81ae92f8b4285747ce4e48007bf3f104dd5630/687474703a2f2f6d6174657269616c2d64657369676e2e73746f726167652e676f6f676c65617069732e636f6d2f7075626c6973682f6d6174657269616c5f765f342f6d6174657269616c5f6578745f7075626c6973682f3042386f6c5631354a3761625053474678656d46695156527462316b2f6c61796f75745f61646170746976655f627265616b706f696e74735f30312e706e67"\n      target="_blank"><img\n      src="https://camo.githubusercontent.com/ad81ae92f8b4285747ce4e48007bf3f104dd5630/687474703a2f2f6d6174657269616c2d64657369676e2e73746f726167652e676f6f676c65617069732e636f6d2f7075626c6973682f6d6174657269616c5f765f342f6d6174657269616c5f6578745f7075626c6973682f3042386f6c5631354a3761625053474678656d46695156527462316b2f6c61796f75745f61646170746976655f627265616b706f696e74735f30312e706e67"\n      alt="Breakpoints as specified in the Material Design Spec"\n      style="max-width:100%;"></a>\n  </p>\n\n\n  <p>We can associate breakpoints with mediaQuery definitions using breakpoint <strong>alias(es)</strong>:</p>\n\n  <table class="md-api-table">\n    <thead>\n    <tr>\n      <th>Breakpoint</th>\n      <th>MediaQuery (pixel range)</th>\n    </tr>\n    </thead>\n    <tbody>\n    <tr>\n      <td>xs</td>\n      <td>\'(max-width: <b>599</b>px)\'</td>\n    </tr>\n    <tr>\n      <td>gt-xs</td>\n      <td>\'(min-width: <b>600</b>px)\'</td>\n    </tr>\n    <tr>\n      <td>sm</td>\n      <td>\'(min-width: <b>600</b>px) and (max-width: <b>959</b>px)\'</td>\n    </tr>\n    <tr>\n      <td>gt-sm</td>\n      <td>\'(min-width: <b>960</b>px)\'</td>\n    </tr>\n    <tr>\n      <td>md</td>\n      <td>\'(min-width: <b>960</b>px) and (max-width: <b>1279</b>px)\'</td>\n    </tr>\n    <tr>\n      <td>gt-md</td>\n      <td>\'(min-width: <b>1280</b>px)\'</td>\n    </tr>\n    <tr>\n      <td>lg</td>\n      <td>\'(min-width: <b>1280</b>px) and (max-width: <b>1919</b>px)\'</td>\n    </tr>\n    <tr>\n      <td>gt-lg</td>\n      <td>\'(min-width: <b>1920</b>px)\'</td>\n    </tr>\n    <tr>\n      <td>xl</td>\n      <td>\'(min-width: <b>1920</b>px)\'</td>\n    </tr>\n    </tbody>\n  </table>\n\n  <br/>\n  <hr>\n  <h3>\n    API with Responsive Breakpoints\n  </h3>\n\n  <p>Now we can combine the breakpoint <code>alias</code> with the Layout API to easily support Responsive breakpoints\n    with our simple Layout markup convention. The <code>alias</code> is simply used as <b>suffix</b> extensions to the Layout\n    API keyword.\n    <br/>e.g.\n  </p>\n\n  <p>\n    This notation results in, for example, the following table for the <code>layout</code> and <code>flex</code> APIs:\n  </p>\n\n  <table class="md-api-table">\n      <thead>\n      <tr>\n        <th>layout API</th>\n        <th>flex API</th>\n        <th>Activates when device</th>\n      </tr>\n      </thead>\n      <tr>\n        <td>layout</td>\n        <td>flex</td>\n        <td>Sets default layout direction &amp; flex unless overridden by another breakpoint.</td>\n      </tr>\n      <tr>\n        <td>layout-xs</td>\n        <td>flex-xs</td>\n        <td>width &lt; <b>600</b>px</td>\n      </tr>\n      <tr>\n        <td>layout-gt-xs</td>\n        <td>flex-gt-xs</td>\n        <td>width &gt;= <b>600</b>px</td>\n      </tr>\n      <tr>\n        <td>layout-sm</td>\n        <td>flex-sm</td>\n        <td><b>600</b>px &lt;= width &lt; <b>960</b>px</td>\n      </tr>\n      <tr>\n        <td>layout-gt-sm</td>\n        <td>flex-gt-sm</td>\n        <td>width &gt;= <b>960</b>px</td>\n      </tr>\n      <tr>\n        <td>layout-md</td>\n        <td>flex-md</td>\n        <td><b>960</b>px &lt;= width &lt; <b>1280</b>px</td>\n      </tr>\n      <tr>\n        <td>layout-gt-md</td>\n        <td>flex-gt-md</td>\n        <td>width &gt;= <b>1280</b>px</td>\n      </tr>\n      <tr>\n        <td>layout-lg</td>\n        <td>flex-lg</td>\n        <td><b>1280</b>px &lt;= width &lt; <b>1920</b>px</td>\n      </tr>\n      <tr>\n        <td>layout-gt-lg</td>\n        <td>flex-gt-lg</td>\n        <td>width &gt;= <b>1920</b>px</td>\n      </tr>\n      <tr>\n        <td>layout-xl</td>\n        <td>flex-xl</td>\n        <td>width &gt;= <b>1920</b>px</td>\n      </tr>\n    </table>\n\n  <p>Below is an example usage of the Responsive Layout API:</p>\n\n  <hljs lang="html">\n    <div layout=\'column\' class="zero">\n\n      <div flex="33" flex-md="{{ vm.box1Width }}" class="one"></div>\n      <div flex="33" layout="{{ vm.direction }}" layout-md="row" class="two">\n\n        <div flex="20" flex-md="10" hide-lg class="two_one"></div>\n        <div flex="30px" show hide-md="{{ vm.hideBox }}" flex-md="25" class="two_two"></div>\n        <div flex="20" flex-md="65" class="two_three"></div>\n\n      </div>\n      <div flex class="three"></div>\n\n    </div>\n  </hljs>\n\n  <br/>\n\n  <p>\n  This Layout API means it is much easier to set up and maintain flexbox layouts vs. defining everything via CSS.\n  The developer uses the Layout HTML API to specify <b><i>intention</i></b> and the Layout engine handles all the issues of CSS flexbox styling.\n  </p>\n\n  <p class="layout_note">\n    The Layout engine will log console warnings when it encounters conflicts or known issues.\n  </p>\n\n\n  <br/><br/>\n  <hr>\n  <br/>\n\n  <h3>Under-the-Hood</h3>\n\n  <p>\n    Due to performance problems when using Attribute Selectors with <b>Internet Explorer</b> browsers; see the following for more details:\n  </p>\n\n  <p>\n    Layout directives dynamically generate class selectors at runtime. And the Layout CSS classNames and styles have each been\n    predefined in the <code>angular-material.css</code> stylesheet.\n  </p>\n\n  <p class="layout_note">\n    Developers should continue to use Layout directives in the HTML\n    markup as the classes may change between releases.\n  </p>\n\n  <p>\n    Let\'s see how this directive-to-className transformation works. Consider the simple use of the <code>layout</code> and <code>flex</code> directives (API):\n  </p>\n\n  <hljs lang="html">\n    <div>\n\n      <div layout="row">\n\n        <div flex>First item in row</div>\n        <div flex="20">Second item in row</div>\n\n      </div>\n      <div layout="column">\n\n        <div flex="66">First item in column</div>\n        <div flex="33">Second item in column</div>\n\n      </div>\n\n    </div>\n  </hljs>\n\n\n  <p>\n    At runtime, these attributes are transformed to CSS classes.\n  </p>\n\n  <hljs lang="html">\n    <div>\n\n      <div class="ng-scope layout-row">\n\n        <div class="flex">First item in row</div>\n        <div class="flex-20">Second item in row</div>\n\n      </div>\n      <div class="ng-scope layout-column">\n\n        <div class="flex-33">First item in column</div>\n        <div class="flex-66">Second item in column</div>\n\n      </div>\n\n    </div>\n  </hljs>\n\n  <p>\n    Using the style classes above defined in <code>angular-material.css</code>\n  </p>\n\n  <hljs lang="css">\n\n    .flex {\n      -webkit-flex: 1 1 0%;\n          -ms-flex: 1 1 0%;\n              flex: 1 1 0%;\n      box-sizing: border-box;\n    }\n    .flex-20 {\n      -webkit-flex: 1 1 20%;\n          -ms-flex: 1 1 20%;\n              flex: 1 1 20%;\n      max-width: 20%;\n      max-height: 100%;\n      box-sizing: border-box;\n    }\n\n    .layout-row .flex-33 {\n      -webkit-flex: 1 1 calc(100% / 3);\n          -ms-flex: 1 1 calc(100% / 3);\n              flex: 1 1 calc(100% / 3);\n      box-sizing: border-box;\n    }\n\n    .layout-row  .flex-66 {\n      -webkit-flex: 1 1 calc(200% / 3);\n          -ms-flex: 1 1 calc(200% / 3);\n              flex: 1 1 calc(200% / 3);\n      box-sizing: border-box;\n    }\n\n\n    .layout-row .flex-33 {\n      max-width: calc(100% / 3);\n      max-height: 100%;\n    }\n\n    .layout-row  .flex-66 {\n      max-width: calc(200% / 3);\n      max-height: 100%;\n    }\n\n    .layout-column .flex-33 {\n      max-width: 100%;\n      max-height: calc(100% / 3);\n    }\n\n    .layout-column  .flex-66 {\n      max-width: 100%;\n      max-height: calc(200% / 3);\n    }\n  </hljs>\n\n</div>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/layout-options.tmpl.html",'<div ng-controller="LayoutCtrl" class="layout-content layout-options" ng-cloak>\n\n  <docs-demo demo-title="Responsive Layout" class="small-demo colorNested">\n    <demo-file name="index.html">\n      <div layout="row" layout-sm="column">\n        <div flex>\n          I\'m above on mobile, and to the left on larger devices.\n        </div>\n        <div flex>\n          I\'m below on mobile, and to the right on larger devices.\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    See the <a href="layout/container">Container Elements</a> page for a basic explanation\n    of layout directives.\n    <br/>\n    To make your layout change depending upon the device screen size, there are\n    other <code>layout</code> directives available:\n  </p>\n\n  <table class="md-api-table">\n    <thead>\n    <tr>\n      <th>API</th>\n      <th>Activates when device</th>\n    </tr>\n    </thead>\n    <tr>\n      <td>layout</td>\n      <td>Sets default layout direction unless overridden by another breakpoint.</td>\n    </tr>\n    <tr>\n      <td>layout-xs</td>\n      <td>width &lt; <b>600</b>px</td>\n    </tr>\n    <tr>\n      <td>layout-gt-xs</td>\n      <td>width &gt;= <b>600</b>px</td>\n    </tr>\n    <tr>\n      <td>layout-sm</td>\n      <td><b>600</b>px &lt;= width &lt; <b>960</b>px</td>\n    </tr>\n    <tr>\n      <td>layout-gt-sm</td>\n      <td>width &gt;= <b>960</b>px</td>\n    </tr>\n    <tr>\n      <td>layout-md</td>\n      <td><b>960</b>px &lt;= width &lt; <b>1280</b>px</td>\n    </tr>\n    <tr>\n      <td>layout-gt-md</td>\n      <td>width &gt;= <b>1280</b>px</td>\n    </tr>\n    <tr>\n      <td>layout-lg</td>\n      <td><b>1280</b>px &lt;= width &lt; <b>1920</b>px</td>\n    </tr>\n    <tr>\n      <td>layout-gt-lg</td>\n      <td>width &gt;= <b>1920</b>px</td>\n    </tr>\n    <tr>\n      <td>layout-xl</td>\n      <td>width &gt;= <b>1920</b>px</td>\n    </tr>\n  </table>\n  <br/>\n\n  <br/>\n  <hr>\n  <br/>\n\n  <h3>Layout Margin, Padding, Wrap and Fill</h3>\n  <br/>\n\n\n  <docs-demo demo-title="Layout Margin, Padding, and Fill" class="small-demo colorNested-noPad">\n    <demo-file name="index.html">\n      <div layout="row" layout-margin>\n        <div flex>Parent layout and this element have margins.</div>\n      </div>\n      <div layout="row" layout-padding>\n        <div flex>Parent layout and this element have padding.</div>\n      </div>\n      <div layout="row" layout-fill style="min-height: 224px;">\n        <div flex>Parent layout is set to fill available space.</div>\n      </div>\n      <div layout="row" layout-padding layout-margin layout-fill style="min-height: 224px;">\n        <div flex>I am using all three at once.</div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    <code>layout-margin</code> adds margin around each <code>flex</code> child. It also adds a margin to the layout\n    container itself.\n    <br/>\n    <code>layout-padding</code> adds padding inside each <code>flex</code> child. It also adds padding to the layout\n    container itself.\n    <br/>\n    <code>layout-fill</code> forces the layout element to fill its parent container.\n  </p>\n\n\n  <p>Here is a non-trivial group of <code>flex</code> elements using <code>layout-wrap</code></p>\n\n  <docs-demo demo-title="Wrap" class="small-demo colorNested-noPad">\n    <demo-file name="index.html">\n      <div layout="row" layout-wrap>\n        <div flex="33">[flex=33]</div>\n        <div flex="66">[flex=66]</div>\n        <div flex="66">[flex=66]</div>\n        <div flex="33">[flex=33]</div>\n        <div flex="33">[flex=33]</div>\n        <div flex="33">[flex=33]</div>\n        <div flex="33">[flex=33]</div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    <code>layout-wrap</code> allows <code>flex</code> children to wrap within the container if the elements use more\n    than 100%.\n    <br/>\n  </p>\n\n  <br/>\n\n  <br/>\n    <hr>\n    <br/>\n\n    <h3>Show &amp; Hide </h3>\n\n  <p>Use the <code>show</code> <code>hide</code> APIs to responsively show or hide elements. While these work similar\n  to <code>ng-show</code> and <code>ng-hide</code>, these AngularJS Material Layout directives are mediaQuery-aware.\n  </p>\n\n  <docs-demo demo-title="Hide and Show Directives" class="small-demo colorNested">\n    <demo-file name="index.html">\n      <div layout="row">\n        <div hide show-gt-sm flex>\n          Only show on gt-sm devices.\n        </div>\n        <div hide-gt-sm flex>\n          Shown on small and medium.<br/>\n          Hidden on gt-sm devices.\n        </div>\n        <div show hide-gt-md flex>\n          Shown on small and medium size devices.<br/>\n          Hidden on gt-md devices.\n        </div>\n        <div hide show-md flex>\n          Shown on medium size devices only.\n        </div>\n        <div hide show-gt-lg flex>\n          Shown on devices larger than 1200px wide only.\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n  <br/>\n  <table class="md-api-table">\n    <thead>\n      <tr>\n        <th>hide (display: none)</th>\n        <th>show (negates hide)</th>\n        <th>Activates when:</th>\n      </tr>\n    </thead>\n    <tr>\n      <td>hide-xs</td>\n      <td>show-xs</td>\n      <td>width &lt; <b>600</b>px</td>\n    </tr>\n    <tr>\n      <td>hide-gt-xs</td>\n      <td>show-gt-xs</td>\n      <td>width &gt;= <b>600</b>px</td>\n    </tr>\n    <tr>\n      <td>hide-sm</td>\n      <td>show-sm</td>\n      <td><b>600</b>px &lt;= width &lt; <b>960</b>px</td>\n    </tr>\n    <tr>\n      <td>hide-gt-sm</td>\n      <td>show-gt-sm</td>\n      <td>width &gt;= <b>960</b>px</td>\n    </tr>\n    <tr>\n      <td>hide-md</td>\n      <td>show-md</td>\n      <td><b>960</b>px &lt;= width &lt; <b>1280</b>px</td>\n    </tr>\n    <tr>\n      <td>hide-gt-md</td>\n      <td>show-gt-md</td>\n      <td>width &gt;= <b>1280</b>px</td>\n    </tr>\n    <tr>\n      <td>hide-lg</td>\n      <td>show-lg</td>\n      <td><b>1280</b>px &lt;= width &lt; <b>1920</b>px</td>\n    </tr>\n    <tr>\n      <td>hide-gt-lg</td>\n      <td>show-gt-lg</td>\n      <td>width &gt;= <b>1920</b>px</td>\n    </tr>\n    <tr>\n      <td>hide-xl</td>\n      <td>show-xl</td>\n      <td>width &gt;= <b>1920</b>px</td>\n    </tr>\n  </table>\n\n\n</div>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/layout-tips.tmpl.html",'<style>\n  ul.spaced li {\n    margin-bottom: 15px;\n  }\n</style>\n<div ng-controller="LayoutTipsCtrl as tips" class="layout-content">\n  <h3>Overview</h3>\n\n  <p>\n    The AngularJS Material Layout system uses the current\n    <a href="http://www.w3.org/TR/css3-flexbox/">Flexbox</a> feature set. More importantly, it also\n    adds syntactic sugar to allow developers to easily and quickly add Responsive features to HTML\n    containers and elements.\n  </p>\n\n  <p>\n    As you use the Layout features, you may encounter scenarios where the layouts do not render as\n    expected; especially with IE 10 and 11 browsers. There may also be cases where you need to add\n    custom HTML, CSS and Javascript to achieve your desired results.\n  </p>\n\n\n  <br/>\n  <hr/>\n\n  <h3>Resources</h3>\n\n  <p>\n    If you are experiencing an issue in a particular browser, we highly recommend using the\n    following resources for known issues and workarounds.\n  </p>\n\n  <ul>\n    <li><a href="https://github.com/philipwalton/flexbugs#flexbugs" target="_blank">FlexBugs</a></li>\n    <li><a href="https://philipwalton.github.io/solved-by-flexbox/" target="_blank">Solved by FlexBugs</a></li>\n    <li><a href="http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/" target="_blank">Normalizing Cross-browser Flexbox Bugs</a></li>\n    <li style="margin-bottom: 20px;"><a href="http://caniuse.com/#search=flex" target="_blank">Can I use flexbox...? ( see the <code>Known Issues</code> tab)</a></li>\n    <li><a href="https://groups.google.com/forum/#!forum/ngmaterial">AngularJS Material Forum</a></li>\n    <li style="margin-top: 20px;"><a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/" target="_blank">A Complete Guide to Flexbox</a></li>\n    <li style="margin-bottom: 20px;"><a href="https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties" target="_blank">A Visual Guide to CSS3 Flexbox Properties</a></li>\n  </ul>\n\n\n  <br/>\n  <hr/>\n\n  <h3>General Tips</h3>\n\n  <p>\n    Below, you will find solutions to some of the more common scenarios and problems that may arise\n    when using Material\'s Layout system. The following sections offer general guidelines and tips when using the <code>flex</code> and\n        <code>layout</code> directives within your own applications.\n  </p>\n\n  <ul class="spaced">\n    <li>\n      When building your application\'s Layout, it is usually best to start with a mobile version\n      that looks and works correctly, and then apply styling for larger devices using the\n      <code>flex-gt-*</code> or <code>hide-gt-*</code> attributes. This approach typically leads\n      to less frustration than starting big and attempting to fix issues on smaller devices.\n    </li>\n\n    <li>\n      Some elements like <code>&lt;fieldset&gt;</code> and <code>&lt;button&gt;</code> do not always\n      work correctly with flex. Additionally, some of the AngularJS Material components provide their\n      own styles. If you are having difficulty with a specific element/component, but not\n      others, try applying the flex attributes to a parent or child <code>&lt;div&gt;</code> of the\n      element instead.\n    </li>\n\n    <li>\n      Some Flexbox properties such as <code>flex-direction</code> <u>cannot</u> be animated.\n    </li>\n\n    <li>\n      Flexbox can behave differently on different browsers. You should test as many as possible on\n      a regular basis so that you can catch and fix layout issues more quickly.\n    </li>\n  </ul>\n\n  <br/>\n  <hr/>\n\n  <h3>Layout Column</h3>\n\n  <p>\n    In some scenarios <code>layout="column"</code> and breakpoints (xs, gt-xs, xs, gt-sm, etc.) may not work\n    as expected due to CSS specificity rules.\n  </p>\n\n  <div class="md-whiteframe-3dp" style="height: 700px">\n    <iframe height=\'700\' scrolling=\'no\'\n            src=\'//codepen.io/team/AngularMaterial/embed/obgapg/?height=700&theme-id=21180&default-tab=result\'\n            frameborder=\'no\' allowtransparency=\'true\' allowfullscreen=\'true\' style=\'width: 100%;\'>See the Pen <a\n        href=\'http://codepen.io/team/AngularMaterial/pen/obgapg/\'>Card Layouts (corrected)</a> by AngularJS Material (<a\n        href=\'http://codepen.io/AngularMaterial\'>@AngularMaterial</a>) on <a href=\'http://codepen.io\'>CodePen</a>.\n    </iframe>\n  </div>\n\n    <p>\n      This is easily fixed simply by inverting the layout logic so that the default is <code>layout=\'row\'</code>.\n      To see how the layout changes, shrink the browser window its width is <600px;\n    </p>\n\n\n  <br/>\n  <hr/>\n\n  <h3 id="layout-column-0px-ie11">IE11 - Layout Column, 0px Height</h3>\n\n  <p>\n    In Internet Explorer 11, when you have a column layout with unspecified height and flex items\n    inside, the browser can get confused and incorrectly calculate the height of each item (and thus\n    the container) as <code>0px</code>, making the items overlap and not take up the proper amount\n    of space.\n  </p>\n\n  <p class="layout_note">\n    <b>Note:</b> The flex items below actually do have some height. This is because our doc-specific\n    CSS provides a small bit of padding (<code>8px</code>). We felt that the extra padding made for\n    a better demo of the actual issue.\n  </p>\n\n  <docs-demo demo-title="IE11 - Layout Column, 0px Height" class="colorNested">\n    <demo-file name="index.html">\n      <div flex layout="column">\n        <div flex>\n          11111<br />11111<br />11111\n        </div>\n\n        <div flex>\n          22222<br />22222<br />22222\n        </div>\n\n        <div flex>\n          33333<br />33333<br />33333\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <p>\n    Unfortunately, there is no IE11 specific fix available, and the suggested workaround is to set\n    the <code>flex-basis</code> property to <code>auto</code> instead of <code>0px</code> (which is\n    the default setting).\n  </p>\n\n  <p>\n    You can easily achieve this using the <code>flex="auto"</code> attribute that the Layout system\n    provides.\n  </p>\n\n  <docs-demo demo-title="IE11 - Layout Column, 0px Height (Fix 1)" class="colorNested">\n    <demo-file name="index.html">\n      <div flex layout="column">\n        <div flex="auto">\n          11111<br />11111<br />11111\n        </div>\n\n        <div flex="auto">\n          22222<br />22222<br />22222\n        </div>\n\n        <div flex="auto">\n          33333<br />33333<br />33333\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n\n  <p>\n    Alternatively, you can manually set the height of the layout container (<code>400px</code>\n    in the demo below).\n  </p>\n\n  <docs-demo demo-title="IE11 - Layout Column, 0px Height (Fix 2)" class="colorNested">\n    <demo-file name="index.html">\n      <div flex layout="column" style="height: 400px;">\n        <div flex>\n          11111<br />11111<br />11111\n        </div>\n\n        <div flex>\n          22222<br />22222<br />22222\n        </div>\n\n        <div flex>\n          33333<br />33333<br />33333\n        </div>\n      </div>\n    </demo-file>\n  </docs-demo>\n\n  <br/>\n  <hr/>\n\n  <h3>Flex Element Heights</h3>\n\n  <p>\n    Firefox currently has an issue calculating the proper height of flex containers whose children\n    are flex, but have more content than can properly fit within the container.\n  </p>\n\n  <p>\n    This is particularly problematic if the <code>flex</code> children are <code>md-content</code> components as\n    it will prevent the content from scrolling correctly, instead scrolling the entire body.\n  </p>\n\n  <div class="md-whiteframe-3dp" style="height: 376px">\n'+"    <iframe height='376' scrolling='no'\n            src='//codepen.io/team/AngularMaterial/embed/NxKBwW/?height=376&theme-id=0&default-tab=result'\n            frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>\n      See the Pen <a href='http://codepen.io/team/AngularMaterial/pen/NxKBwW/'>AngularJS Material Basic App</a>\n      by AngularJS Material (<a href='http://codepen.io/AngularMaterial'>@AngularJSMaterial</a>)\n      on <a href='http://codepen.io'>CodePen</a>.\n    </iframe>\n  </div>\n\n  <p>\n    Notice in the above Codepen how we must set <code>overflow: auto</code> on the div with the\n    <code>change-my-css</code> class in order for Firefox to properly calculate the height and\n    shrink to the available space.\n  </p>\n\n</div>\n")}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/license.tmpl.html",'<div ng-controller="GuideCtrl" class="doc-content">\n  <md-content>\n    <p>The MIT License</p>\n\n    <p>\n      Copyright (c) 2020 Google LLC.\n      <a href="http://angularjs.org">https://angularjs.org</a>\n    </p>\n\n    <p>\n      Permission is hereby granted, free of charge, to any person obtaining a copy\n      of this software and associated documentation files (the "Software"), to deal\n      in the Software without restriction, including without limitation the rights\n      to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n      copies of the Software, and to permit persons to whom the Software is\n      furnished to do so, subject to the following conditions:\n    </p>\n\n    <p>\n      The above copyright notice and this permission notice shall be included in\n      all copies or substantial portions of the Software.\n    </p>\n\n    <p>\n      THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n      IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n      FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n      AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n      LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n      OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n      THE SOFTWARE.\n    </p>\n  </md-content>\n</div>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/menu-link.tmpl.html",'<md-button\n    ng-class="{\'active\' : isSelected()}"\n    ng-href="{{section.url}}"\n    ng-click="focusSection()">\n  {{section | humanizeDoc}}\n  <span class="md-visually-hidden"\n    ng-if="isSelected()">\n    current page\n  </span>\n</md-button>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/menu-toggle.tmpl.html",'<md-button class="md-button-toggle"\n  ng-click="toggle()"\n  aria-controls="docs-menu-{{section.name | nospace}}"\n  aria-expanded="{{isOpen()}}">\n  <div flex layout="row">\n    {{section.name}}\n    <span flex></span>\n    <span aria-hidden="true" class="md-toggle-icon"\n    ng-class="{\'toggled\' : isOpen()}">\n      <md-icon md-svg-icon="md-toggle-arrow"></md-icon>\n    </span>\n  </div>\n  <span class="md-visually-hidden">\n    Toggle {{isOpen()? \'expanded\' : \'collapsed\'}}\n  </span>\n</md-button>\n\n<ul id="docs-menu-{{section.name | nospace}}"\n  class="menu-toggle-list"\n  aria-hidden="{{!renderContent}}"\n  ng-style="{ visibility: renderContent ? \'visible\' : \'hidden\' }">\n\n  <li ng-repeat="page in section.pages">\n    <menu-link section="page"></menu-link>\n  </li>\n</ul>\n')}]),angular.module("docsApp").run(["$templateCache",function(e){e.put("partials/view-source.tmpl.html",'<md-dialog class="view-source-dialog">\n\n  <md-tabs>\n    <md-tab ng-repeat="file in files"\n                  active="file === data.selectedFile"\n                  ng-click="data.selectedFile = file" >\n        <span class="window_label">{{file.viewType}}</span>\n    </md-tab>\n  </md-tabs>\n\n  <md-dialog-content md-scroll-y flex>\n    <div ng-repeat="file in files">\n      <hljs code="file.content"\n        lang="{{file.fileType}}"\n        ng-show="file === data.selectedFile" >\n      </hljs>\n    </div>\n  </md-dialog-content>\n\n  <md-dialog-actions layout="horizontal">\n    <md-button class="md-primary" ng-click="$hideDialog()">\n      Done\n    </md-button>\n  </md-dialog-actions>\n</md-dialog>\n')}]),angular.module("docsApp").directive("hljs",["$timeout","$q","$interpolate",function(i,r,m){return{restrict:"E",compile:function(e,t){var l;return t.code||(l=e.html(),e.empty()),function(a,n,s){s.code&&(l=a.$eval(s.code));var o=a.$eval(s.shouldInterpolate);r.when(l).then(function(e){if(e){o&&(e=m(e)(a));var t=angular.element('<pre><code class="highlight" ng-non-bindable></code></pre>');n.append(t),i(function(){!function(e,t){var a=t.find("code"),n=e.replace(/\n{2,}/g,"\n\n").replace(/^\n/,"").replace(/\n$/,"").split("\n"),o=n[0].match(/^\s*/)[0],l=new RegExp("^"+o);n=n.map(function(e){return e.replace(l,"").replace(/\s+$/,"")});var i=hljs.highlight(s.language||s.lang,n.join("\n"),!0);i.value=i.value.replace(/=<span class="hljs-value">""<\/span>/gi,"").replace("<head>","").replace("<head/>",""),a.append(i.value).addClass("highlight")}(e,t)},34,!1)}})}}}}]),function(e){var t="object"==typeof window&&window||"object"==typeof self&&self;"undefined"!=typeof exports?e(exports):t&&(t.hljs=e({}),"function"==typeof define&&define.amd&&define([],function(){return t.hljs}))}(function(o){var p=[],y=Object.keys,v={},u={},t=/^(no-?highlight|plain|text)$/i,h=/\blang(?:uage)?-([\w-]+)\b/i,a=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,n={case_insensitive:"cI",lexemes:"l",contains:"c",keywords:"k",subLanguage:"sL",className:"cN",begin:"b",beginKeywords:"bK",end:"e",endsWithParent:"eW",illegal:"i",excludeBegin:"eB",excludeEnd:"eE",returnBegin:"rB",returnEnd:"rE",relevance:"r",variants:"v",IDENT_RE:"IR",UNDERSCORE_IDENT_RE:"UIR",NUMBER_RE:"NR",C_NUMBER_RE:"CNR",BINARY_NUMBER_RE:"BNR",RE_STARTERS_RE:"RSR",BACKSLASH_ESCAPE:"BE",APOS_STRING_MODE:"ASM",QUOTE_STRING_MODE:"QSM",PHRASAL_WORDS_MODE:"PWM",C_LINE_COMMENT_MODE:"CLCM",C_BLOCK_COMMENT_MODE:"CBCM",HASH_COMMENT_MODE:"HCM",NUMBER_MODE:"NM",C_NUMBER_MODE:"CNM",BINARY_NUMBER_MODE:"BNM",CSS_NUMBER_MODE:"CSSNM",REGEXP_MODE:"RM",TITLE_MODE:"TM",UNDERSCORE_TITLE_MODE:"UTM",COMMENT:"C",beginRe:"bR",endRe:"eR",illegalRe:"iR",lexemesRe:"lR",terminators:"t",terminator_end:"tE"},x="</span>",w={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};function j(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function b(e){return e.nodeName.toLowerCase()}function T(e,t){var a=e&&e.exec(t);return a&&0===a.index}function g(e){return t.test(e)}function P(e){var t,a={},n=Array.prototype.slice.call(arguments,1);for(t in e)a[t]=e[t];return n.forEach(function(e){for(t in e)a[t]=e[t]}),a}function f(e){var o=[];return function e(t,a){for(var n=t.firstChild;n;n=n.nextSibling)3===n.nodeType?a+=n.nodeValue.length:1===n.nodeType&&(o.push({event:"start",offset:a,node:n}),a=e(n,a),b(n).match(/br|hr|img|input/)||o.push({event:"stop",offset:a,node:n}));return a}(e,0),o}function l(e){if(n&&!e.langApiRestored){for(var t in e.langApiRestored=!0,n)e[t]&&(e[n[t]]=e[t]);(e.c||[]).concat(e.v||[]).forEach(l)}}function C(e,t,i,a){function s(e,t,a,n){var o='<span class="'+(n?"":w.classPrefix);return(o+=e+'">')+t+(a?"":x)}function r(){p+=null!=c.sL?function(){var e="string"==typeof c.sL;if(e&&!v[c.sL])return j(u);var t=e?C(c.sL,u,!0,l[c.sL]):S(u,c.sL.length?c.sL:void 0);return 0<c.r&&(h+=t.r),e&&(l[c.sL]=t.top),s(t.language,t.value,!1,!0)}():function(){var e,t,a,n,o,l,i;if(!c.k)return j(u);for(n="",t=0,c.lR.lastIndex=0,a=c.lR.exec(u);a;)n+=j(u.substring(t,a.index)),o=c,l=a,i=d.cI?l[0].toLowerCase():l[0],(e=o.k.hasOwnProperty(i)&&o.k[i])?(h+=e[1],n+=s(e[0],j(a[0]))):n+=j(a[0]),t=c.lR.lastIndex,a=c.lR.exec(u);return n+j(u.substr(t))}(),u=""}function m(e){p+=e.cN?s(e.cN,"",!0):"",c=Object.create(e,{parent:{value:c}})}function n(e,t){if(u+=e,null==t)return r(),0;var a=function(e,t){var a,n,o;for(a=0,n=t.c.length;a<n;a++)if(T(t.c[a].bR,e))return t.c[a].endSameAsBegin&&(t.c[a].eR=(o=t.c[a].bR.exec(e)[0],new RegExp(o.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"m"))),t.c[a]}(t,c);if(a)return a.skip?u+=t:(a.eB&&(u+=t),r(),a.rB||a.eB||(u=t)),m(a),a.rB?0:t.length;var n,o=function e(t,a){if(T(t.eR,a)){for(;t.endsParent&&t.parent;)t=t.parent;return t}if(t.eW)return e(t.parent,a)}(c,t);if(o){var l=c;for(l.skip?u+=t:(l.rE||l.eE||(u+=t),r(),l.eE&&(u=t));c.cN&&(p+=x),c.skip||c.sL||(h+=c.r),(c=c.parent)!==o.parent;);return o.starts&&(o.endSameAsBegin&&(o.starts.eR=o.eR),m(o.starts)),l.rE?0:t.length}if(n=t,!i&&T(c.iR,n))throw new Error('Illegal lexeme "'+t+'" for mode "'+(c.cN||"<unnamed>")+'"');return u+=t,t.length||1}var d=D(e);if(!d)throw new Error('Unknown language: "'+e+'"');!function(i){function r(e){return e&&e.source||e}function s(e,t){return new RegExp(r(e),"m"+(i.cI?"i":"")+(t?"g":""))}!function t(a,e){if(!a.compiled){if(a.compiled=!0,a.k=a.k||a.bK,a.k){function n(a,e){i.cI&&(e=e.toLowerCase()),e.split(" ").forEach(function(e){var t=e.split("|");o[t[0]]=[a,t[1]?Number(t[1]):1]})}var o={};"string"==typeof a.k?n("keyword",a.k):y(a.k).forEach(function(e){n(e,a.k[e])}),a.k=o}a.lR=s(a.l||/\w+/,!0),e&&(a.bK&&(a.b="\\b("+a.bK.split(" ").join("|")+")\\b"),a.b||(a.b=/\B|\b/),a.bR=s(a.b),a.endSameAsBegin&&(a.e=a.b),a.e||a.eW||(a.e=/\B|\b/),a.e&&(a.eR=s(a.e)),a.tE=r(a.e)||"",a.eW&&e.tE&&(a.tE+=(a.e?"|":"")+e.tE)),a.i&&(a.iR=s(a.i)),null==a.r&&(a.r=1),a.c||(a.c=[]),a.c=Array.prototype.concat.apply([],a.c.map(function(e){return(t="self"===e?a:e).v&&!t.cached_variants&&(t.cached_variants=t.v.map(function(e){return P(t,{v:null},e)})),t.cached_variants||t.eW&&[P(t)]||[t];var t})),a.c.forEach(function(e){t(e,a)}),a.starts&&t(a.starts,e);var l=a.c.map(function(e){return e.bK?"\\.?(?:"+e.b+")\\.?":e.b}).concat([a.tE,a.i]).map(r).filter(Boolean);a.t=l.length?s(function(e){for(var t=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./,a=0,n="",o=0;o<e.length;o++){var l=a,i=r(e[o]);for(0<o&&(n+="|");0<i.length;){var s=t.exec(i);if(null==s){n+=i;break}n+=i.substring(0,s.index),i=i.substring(s.index+s[0].length),"\\"==s[0][0]&&s[1]?n+="\\"+String(Number(s[1])+l):(n+=s[0],"("==s[0]&&a++)}}return n}(l),!0):{exec:function(){return null}}}}(i)}(d);var o,c=a||d,l={},p="";for(o=c;o!==d;o=o.parent)o.cN&&(p=s(o.cN,"",!0)+p);var u="",h=0;try{for(var b,g,f=0;c.t.lastIndex=f,b=c.t.exec(t);)g=n(t.substring(f,b.index),b[0]),f=b.index+g;for(n(t.substr(f)),o=c;o.parent;o=o.parent)o.cN&&(p+=x);return{r:h,value:p,language:e,top:c}}catch(e){if(e.message&&-1!==e.message.indexOf("Illegal"))return{r:0,value:j(t)};throw e}}function S(a,e){e=e||w.languages||y(v);var n={r:0,value:j(a)},o=n;return e.filter(D).filter(r).forEach(function(e){var t=C(e,a,!1);t.language=e,t.r>o.r&&(o=t),t.r>n.r&&(o=n,n=t)}),o.language&&(n.second_best=o),n}function M(e){return w.tabReplace||w.useBR?e.replace(a,function(e,t){return w.useBR&&"\n"===e?"<br>":w.tabReplace?t.replace(/\t/g,w.tabReplace):""}):e}function i(e){var t,a,n,o,l,i,s,r,m,d,c=function(e){var t,a,n,o,l=e.className+" ";if(l+=e.parentNode?e.parentNode.className:"",a=h.exec(l))return D(a[1])?a[1]:"no-highlight";for(t=0,n=(l=l.split(/\s+/)).length;t<n;t++)if(g(o=l[t])||D(o))return o}(e);g(c)||(w.useBR?(t=document.createElementNS("http://www.w3.org/1999/xhtml","div")).innerHTML=e.innerHTML.replace(/\n/g,"").replace(/<br[ \/]*>/g,"\n"):t=e,l=t.textContent,n=c?C(c,l,!0):S(l),(a=f(t)).length&&((o=document.createElementNS("http://www.w3.org/1999/xhtml","div")).innerHTML=n.value,n.value=function(e,t,a){var n=0,o="",l=[];function i(){return e.length&&t.length?e[0].offset!==t[0].offset?e[0].offset<t[0].offset?e:t:"start"===t[0].event?e:t:e.length?e:t}function s(e){o+="<"+b(e)+p.map.call(e.attributes,function(e){return" "+e.nodeName+'="'+j(e.value).replace('"',"&quot;")+'"'}).join("")+">"}function r(e){o+="</"+b(e)+">"}function m(e){("start"===e.event?s:r)(e.node)}for(;e.length||t.length;){var d=i();if(o+=j(a.substring(n,d[0].offset)),n=d[0].offset,d===e){for(l.reverse().forEach(r);m(d.splice(0,1)[0]),(d=i())===e&&d.length&&d[0].offset===n;);l.reverse().forEach(s)}else"start"===d[0].event?l.push(d[0].node):l.pop(),m(d.splice(0,1)[0])}return o+j(a.substr(n))}(a,f(o),l)),n.value=M(n.value),e.innerHTML=n.value,e.className=(i=e.className,s=c,r=n.language,m=s?u[s]:r,d=[i.trim()],i.match(/\bhljs\b/)||d.push("hljs"),-1===i.indexOf(m)&&d.push(m),d.join(" ").trim()),e.result={language:n.language,re:n.r},n.second_best&&(e.second_best={language:n.second_best.language,re:n.second_best.r}))}function s(){if(!s.called){s.called=!0;var e=document.querySelectorAll("pre code");p.forEach.call(e,i)}}function D(e){return e=(e||"").toLowerCase(),v[e]||v[u[e]]}function r(e){var t=D(e);return t&&!t.disableAutodetect}return o.highlight=C,o.highlightAuto=S,o.fixMarkup=M,o.highlightBlock=i,o.configure=function(e){w=P(w,e)},o.initHighlighting=s,o.initHighlightingOnLoad=function(){addEventListener("DOMContentLoaded",s,!1),addEventListener("load",s,!1)},o.registerLanguage=function(t,e){var a=v[t]=e(o);l(a),a.aliases&&a.aliases.forEach(function(e){u[e]=t})},o.listLanguages=function(){return y(v)},o.getLanguage=D,o.autoDetection=r,o.inherit=P,o.IR=o.IDENT_RE="[a-zA-Z]\\w*",o.UIR=o.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",o.NR=o.NUMBER_RE="\\b\\d+(\\.\\d+)?",o.CNR=o.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",o.BNR=o.BINARY_NUMBER_RE="\\b(0b[01]+)",o.RSR=o.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",o.BE=o.BACKSLASH_ESCAPE={b:"\\\\[\\s\\S]",r:0},o.ASM=o.APOS_STRING_MODE={cN:"string",b:"'",e:"'",i:"\\n",c:[o.BE]},o.QSM=o.QUOTE_STRING_MODE={cN:"string",b:'"',e:'"',i:"\\n",c:[o.BE]},o.PWM=o.PHRASAL_WORDS_MODE={b:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},o.C=o.COMMENT=function(e,t,a){var n=o.inherit({cN:"comment",b:e,e:t,c:[]},a||{});return n.c.push(o.PWM),n.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",r:0}),n},o.CLCM=o.C_LINE_COMMENT_MODE=o.C("//","$"),o.CBCM=o.C_BLOCK_COMMENT_MODE=o.C("/\\*","\\*/"),o.HCM=o.HASH_COMMENT_MODE=o.C("#","$"),o.NM=o.NUMBER_MODE={cN:"number",b:o.NR,r:0},o.CNM=o.C_NUMBER_MODE={cN:"number",b:o.CNR,r:0},o.BNM=o.BINARY_NUMBER_MODE={cN:"number",b:o.BNR,r:0},o.CSSNM=o.CSS_NUMBER_MODE={cN:"number",b:o.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",r:0},o.RM=o.REGEXP_MODE={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[o.BE,{b:/\[/,e:/\]/,r:0,c:[o.BE]}]},o.TM=o.TITLE_MODE={cN:"title",b:o.IR,r:0},o.UTM=o.UNDERSCORE_TITLE_MODE={cN:"title",b:o.UIR,r:0},o.METHOD_GUARD={b:"\\.\\s*"+o.UIR,r:0},o}),hljs.registerLanguage("bash",function(e){var t={cN:"variable",v:[{b:/\$[\w\d#@][\w\d_]*/},{b:/\$\{(.*?)}/}]},a={cN:"string",b:/"/,e:/"/,c:[e.BE,t,{cN:"variable",b:/\$\(/,e:/\)/,c:[e.BE]}]};return{aliases:["sh","zsh"],l:/\b-?[a-z\._]+\b/,k:{keyword:"if then else elif fi for while in do done case esac function",literal:"true false",built_in:"break cd continue eval exec exit export getopts hash pwd readonly return shift test times trap umask unset alias bind builtin caller command declare echo enable help let local logout mapfile printf read readarray source type typeset ulimit unalias set shopt autoload bg bindkey bye cap chdir clone comparguments compcall compctl compdescribe compfiles compgroups compquote comptags comptry compvalues dirs disable disown echotc echoti emulate fc fg float functions getcap getln history integer jobs kill limit log noglob popd print pushd pushln rehash sched setcap setopt stat suspend ttyctl unfunction unhash unlimit unsetopt vared wait whence where which zcompile zformat zftp zle zmodload zparseopts zprof zpty zregexparse zsocket zstyle ztcp",_:"-ne -eq -lt -gt -f -d -e -s -l -a"},c:[{cN:"meta",b:/^#![^\n]+sh\s*$/,r:10},{cN:"function",b:/\w[\w\d_]*\s*\(\s*\)\s*\{/,rB:!0,c:[e.inherit(e.TM,{b:/\w[\w\d_]*/})],r:0},e.HCM,a,{cN:"string",b:/'/,e:/'/},t]}}),hljs.registerLanguage("shell",function(e){return{aliases:["console"],c:[{cN:"meta",b:"^\\s{0,3}[\\w\\d\\[\\]()@-]*[>%$#]",starts:{e:"$",sL:"bash"}}]}}),hljs.registerLanguage("xml",function(e){var t={eW:!0,i:/</,r:0,c:[{cN:"attr",b:"[A-Za-z0-9\\._:-]+",r:0},{b:/=\s*/,r:0,c:[{cN:"string",endsParent:!0,v:[{b:/"/,e:/"/},{b:/'/,e:/'/},{b:/[^\s"'=<>`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],cI:!0,c:[{cN:"meta",b:"<!DOCTYPE",e:">",r:10,c:[{b:"\\[",e:"\\]"}]},e.C("\x3c!--","--\x3e",{r:10}),{b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{cN:"meta",b:/<\?xml/,e:/\?>/,r:10},{b:/<\?(php)?/,e:/\?>/,sL:"php",c:[{b:"/\\*",e:"\\*/",skip:!0},{b:'b"',e:'"',skip:!0},{b:"b'",e:"'",skip:!0},e.inherit(e.ASM,{i:null,cN:null,c:null,skip:!0}),e.inherit(e.QSM,{i:null,cN:null,c:null,skip:!0})]},{cN:"tag",b:"<style(?=\\s|>|$)",e:">",k:{name:"style"},c:[t],starts:{e:"</style>",rE:!0,sL:["css","xml"]}},{cN:"tag",b:"<script(?=\\s|>|$)",e:">",k:{name:"script"},c:[t],starts:{e:"<\/script>",rE:!0,sL:["actionscript","javascript","handlebars","xml"]}},{cN:"tag",b:"</?",e:"/?>",c:[{cN:"name",b:/[^\/><\s]+/,r:0},t]}]}}),hljs.registerLanguage("markdown",function(e){return{aliases:["md","mkdown","mkd"],c:[{cN:"section",v:[{b:"^#{1,6}",e:"$"},{b:"^.+?\\n[=-]{2,}$"}]},{b:"<",e:">",sL:"xml",r:0},{cN:"bullet",b:"^([*+-]|(\\d+\\.))\\s+"},{cN:"strong",b:"[*_]{2}.+?[*_]{2}"},{cN:"emphasis",v:[{b:"\\*.+?\\*"},{b:"_.+?_",r:0}]},{cN:"quote",b:"^>\\s+",e:"$"},{cN:"code",v:[{b:"^```w*s*$",e:"^```s*$"},{b:"`.+?`"},{b:"^( {4}|\t)",e:"$",r:0}]},{b:"^[-\\*]{3,}",e:"$"},{b:"\\[.+?\\][\\(\\[].*?[\\)\\]]",rB:!0,c:[{cN:"string",b:"\\[",e:"\\]",eB:!0,rE:!0,r:0},{cN:"link",b:"\\]\\(",e:"\\)",eB:!0,eE:!0},{cN:"symbol",b:"\\]\\[",e:"\\]",eB:!0,eE:!0}],r:10},{b:/^\[[^\n]+\]:/,rB:!0,c:[{cN:"symbol",b:/\[/,e:/\]/,eB:!0,eE:!0},{cN:"link",b:/:\s*/,e:/$/,eB:!0}]}]}}),hljs.registerLanguage("typescript",function(e){var t="[A-Za-z$_][0-9A-Za-z$_]*",a={keyword:"in if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const class public private protected get set super static implements enum export import declare type namespace abstract as from extends async await",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document any number boolean string void Promise"},n={cN:"meta",b:"@"+t},o={b:"\\(",e:/\)/,k:a,c:["self",e.QSM,e.ASM,e.NM]},l={cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,k:a,c:[e.CLCM,e.CBCM,n,o]};return{aliases:["ts"],k:a,c:[{cN:"meta",b:/^\s*['"]use strict['"]/},e.ASM,e.QSM,{cN:"string",b:"`",e:"`",c:[e.BE,{cN:"subst",b:"\\$\\{",e:"\\}"}]},e.CLCM,e.CBCM,{cN:"number",v:[{b:"\\b(0[bB][01]+)"},{b:"\\b(0[oO][0-7]+)"},{b:e.CNR}],r:0},{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{cN:"function",b:"(\\(.*?\\)|"+e.IR+")\\s*=>",rB:!0,e:"\\s*=>",c:[{cN:"params",v:[{b:e.IR},{b:/\(\s*\)/},{b:/\(/,e:/\)/,eB:!0,eE:!0,k:a,c:["self",e.CLCM,e.CBCM]}]}]}],r:0},{cN:"function",b:"function",e:/[\{;]/,eE:!0,k:a,c:["self",e.inherit(e.TM,{b:t}),l],i:/%/,r:0},{bK:"constructor",e:/\{/,eE:!0,c:["self",l]},{b:/module\./,k:{built_in:"module"},r:0},{bK:"module",e:/\{/,eE:!0},{bK:"interface",e:/\{/,eE:!0,k:"interface extends"},{b:/\$[(.]/},{b:"\\."+e.IR,r:0},n,o]}}),hljs.registerLanguage("css",function(e){var t={b:/[A-Z\_\.\-]+\s*:/,rB:!0,e:";",eW:!0,c:[{cN:"attribute",b:/\S/,e:":",eE:!0,starts:{eW:!0,eE:!0,c:[{b:/[\w-]+\(/,rB:!0,c:[{cN:"built_in",b:/[\w-]+/},{b:/\(/,e:/\)/,c:[e.ASM,e.QSM]}]},e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"number",b:"#[0-9A-Fa-f]+"},{cN:"meta",b:"!important"}]}}]};return{cI:!0,i:/[=\/|'\$]/,c:[e.CBCM,{cN:"selector-id",b:/#[A-Za-z0-9_-]+/},{cN:"selector-class",b:/\.[A-Za-z0-9_-]+/},{cN:"selector-attr",b:/\[/,e:/\]/,i:"$"},{cN:"selector-pseudo",b:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{b:"@(font-face|page)",l:"[a-z-]+",k:"font-face page"},{b:"@",e:"[{;]",i:/:/,c:[{cN:"keyword",b:/\w+/},{b:/\s/,eW:!0,eE:!0,r:0,c:[e.ASM,e.QSM,e.CSSNM]}]},{cN:"selector-tag",b:"[a-zA-Z-][a-zA-Z0-9_-]*",r:0},{b:"{",e:"}",i:/\S/,c:[e.CBCM,t]}]}}),hljs.registerLanguage("less",function(e){function t(e){return{cN:"string",b:"~?"+e+".*?"+e}}function a(e,t,a){return{cN:e,b:t,r:a}}var n="[\\w-]+",o="("+n+"|@{"+n+"})",l=[],i=[],s={b:"\\(",e:"\\)",c:i,r:0};i.push(e.CLCM,e.CBCM,t("'"),t('"'),e.CSSNM,{b:"(url|data-uri)\\(",starts:{cN:"string",e:"[\\)\\n]",eE:!0}},a("number","#[0-9A-Fa-f]+\\b"),s,a("variable","@@?"+n,10),a("variable","@{"+n+"}"),a("built_in","~?`[^`]*?`"),{cN:"attribute",b:n+"\\s*:",e:":",rB:!0,eE:!0},{cN:"meta",b:"!important"});var r=i.concat({b:"{",e:"}",c:l}),m={bK:"when",eW:!0,c:[{bK:"and not"}].concat(i)},d={b:o+"\\s*:",rB:!0,e:"[;}]",r:0,c:[{cN:"attribute",b:o,e:":",eE:!0,starts:{eW:!0,i:"[<=$]",r:0,c:i}}]},c={cN:"keyword",b:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",starts:{e:"[;{}]",rE:!0,c:i,r:0}},p={cN:"variable",v:[{b:"@"+n+"\\s*:",r:15},{b:"@"+n}],starts:{e:"[;}]",rE:!0,c:r}},u={v:[{b:"[\\.#:&\\[>]",e:"[;{}]"},{b:o,e:"{"}],rB:!0,rE:!0,i:"[<='$\"]",r:0,c:[e.CLCM,e.CBCM,m,a("keyword","all\\b"),a("variable","@{"+n+"}"),a("selector-tag",o+"%?",0),a("selector-id","#"+o),a("selector-class","\\."+o,0),a("selector-tag","&",0),{cN:"selector-attr",b:"\\[",e:"\\]"},{cN:"selector-pseudo",b:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{b:"\\(",e:"\\)",c:r},{b:"!important"}]};return l.push(e.CLCM,e.CBCM,c,p,d,u),{cI:!0,i:"[=>'/<($\"]",c:l}}),hljs.registerLanguage("json",function(e){var t={literal:"true false null"},a=[e.QSM,e.CNM],n={e:",",eW:!0,eE:!0,c:a,k:t},o={b:"{",e:"}",c:[{cN:"attr",b:/"/,e:/"/,c:[e.BE],i:"\\n"},e.inherit(n,{b:/:/})],i:"\\S"},l={b:"\\[",e:"\\]",c:[e.inherit(n)],i:"\\S"};return a.splice(a.length,0,o,l),{c:a,k:t,i:"\\S"}}),hljs.registerLanguage("scss",function(e){var t={cN:"variable",b:"(\\$[a-zA-Z-][a-zA-Z0-9_-]*)\\b"},a={cN:"number",b:"#[0-9A-Fa-f]+"};return e.CSSNM,e.QSM,e.ASM,e.CBCM,{cI:!0,i:"[=/|']",c:[e.CLCM,e.CBCM,{cN:"selector-id",b:"\\#[A-Za-z0-9_-]+",r:0},{cN:"selector-class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"selector-attr",b:"\\[",e:"\\]",i:"$"},{cN:"selector-tag",b:"\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|keygen|label|legend|li|link|map|mark|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b",r:0},{b:":(visited|valid|root|right|required|read-write|read-only|out-range|optional|only-of-type|only-child|nth-of-type|nth-last-of-type|nth-last-child|nth-child|not|link|left|last-of-type|last-child|lang|invalid|indeterminate|in-range|hover|focus|first-of-type|first-line|first-letter|first-child|first|enabled|empty|disabled|default|checked|before|after|active)"},{b:"::(after|before|choices|first-letter|first-line|repeat-index|repeat-item|selection|value)"},t,{cN:"attribute",b:"\\b(z-index|word-wrap|word-spacing|word-break|width|widows|white-space|visibility|vertical-align|unicode-bidi|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|text-underline-position|text-transform|text-shadow|text-rendering|text-overflow|text-indent|text-decoration-style|text-decoration-line|text-decoration-color|text-decoration|text-align-last|text-align|tab-size|table-layout|right|resize|quotes|position|pointer-events|perspective-origin|perspective|page-break-inside|page-break-before|page-break-after|padding-top|padding-right|padding-left|padding-bottom|padding|overflow-y|overflow-x|overflow-wrap|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|order|opacity|object-position|object-fit|normal|none|nav-up|nav-right|nav-left|nav-index|nav-down|min-width|min-height|max-width|max-height|mask|marks|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|line-height|letter-spacing|left|justify-content|initial|inherit|ime-mode|image-orientation|image-resolution|image-rendering|icon|hyphens|height|font-weight|font-variant-ligatures|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|float|flex-wrap|flex-shrink|flex-grow|flex-flow|flex-direction|flex-basis|flex|filter|empty-cells|display|direction|cursor|counter-reset|counter-increment|content|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|columns|color|clip-path|clip|clear|caption-side|break-inside|break-before|break-after|box-sizing|box-shadow|box-decoration-break|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-attachment|background-blend-mode|background|backface-visibility|auto|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|align-self|align-items|align-content)\\b",i:"[^\\s]"},{b:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"},{b:":",e:";",c:[t,a,e.CSSNM,e.QSM,e.ASM,{cN:"meta",b:"!important"}]},{b:"@",e:"[{;]",k:"mixin include extend for if else each while charset import debug media page content font-face namespace warn",c:[t,e.QSM,e.ASM,a,e.CSSNM,{b:"\\s[A-Za-z0-9_.-]+",r:0}]}]}}),hljs.registerLanguage("javascript",function(e){var t="[A-Za-z$_][0-9A-Za-z$_]*",a={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},n={cN:"number",v:[{b:"\\b(0[bB][01]+)"},{b:"\\b(0[oO][0-7]+)"},{b:e.CNR}],r:0},o={cN:"subst",b:"\\$\\{",e:"\\}",k:a,c:[]},l={cN:"string",b:"`",e:"`",c:[e.BE,o]};o.c=[e.ASM,e.QSM,l,n,e.RM];var i=o.c.concat([e.CBCM,e.CLCM]);return{aliases:["js","jsx"],k:a,c:[{cN:"meta",r:10,b:/^\s*['"]use (strict|asm)['"]/},{cN:"meta",b:/^#!/,e:/$/},e.ASM,e.QSM,l,e.CLCM,e.CBCM,n,{b:/[{,]\s*/,r:0,c:[{b:t+"\\s*:",rB:!0,r:0,c:[{cN:"attr",b:t,r:0}]}]},{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{cN:"function",b:"(\\(.*?\\)|"+t+")\\s*=>",rB:!0,e:"\\s*=>",c:[{cN:"params",v:[{b:t},{b:/\(\s*\)/},{b:/\(/,e:/\)/,eB:!0,eE:!0,k:a,c:i}]}]},{b:/</,e:/(\/\w+|\w+\/)>/,sL:"xml",c:[{b:/<\w+\s*\/>/,skip:!0},{b:/<\w+/,e:/(\/\w+|\w+\/)>/,skip:!0,c:[{b:/<\w+\s*\/>/,skip:!0},"self"]}]}],r:0},{cN:"function",bK:"function",e:/\{/,eE:!0,c:[e.inherit(e.TM,{b:t}),{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,c:i}],i:/\[|%/},{b:/\$[(.]/},e.METHOD_GUARD,{cN:"class",bK:"class",e:/[{;=]/,eE:!0,i:/[:"\[\]]/,c:[{bK:"extends"},e.UTM]},{bK:"constructor get set",e:/\{/,eE:!0}],i:/#(?!!)/}}),angular.module("docsApp").directive("ngPanel",["$animate",function(d){return{restrict:"EA",transclude:"element",terminal:!0,compile:function(e,t){var a=t.ngPanel||t.for,n=/^(\S+)(?:\s+track by (.+?))?$/.exec(a),s=!0,r=n[1],m=n[2];return m?s=!1:m=n[1],function(t,a,e,n,o){var l,i;t[s?"$watchCollection":"$watch"](m,function(e){l&&d.leave(l),i&&(i.$destroy(),i=null);s||t.$eval(r);i=t.$new(),o(i,function(e){l=e,d.enter(e,null,a)})})}}}}]),angular.module("docsApp").factory("$demoAngularScripts",["BUILDCONFIG",function(t){var e=["angular.js","angular-animate.min.js","angular-route.min.js","angular-aria.min.js","angular-messages.min.js"];return{all:function(){return e.map(a)}};function a(e){return"https://ajax.googleapis.com/ajax/libs/angularjs/"+t.ngVersion+"/"+e}}]),angular.module("docsApp").constant("SERVICES",[{name:"$mdMedia",type:"service",outputPath:"partials/api/material.core/service/$mdMedia.html",url:"api/service/$mdMedia",label:"$mdMedia",module:"material.core",githubUrl:"https://github.com/angular/material/blob/master/src/core/util/media.js",hasDemo:!1}]);
Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

docs.js

Latest commit

History

docs.js

File metadata and controls
