2016-10-17 18:21:14 +00:00
webpackJsonp ( [ 1 , 0 ] , [ function ( t , e , n ) { "use strict" ; function a ( t ) { return t && t . _ _esModule ? t : { "default" : t } } var i = n ( 2 ) , o = a ( i ) , d = n ( 250 ) , m = a ( d ) , s = n ( 1 ) , r = a ( s ) , l = n ( 113 ) , c = a ( l ) , u = n ( 114 ) , h = a ( u ) , p = n ( 112 ) , b = a ( p ) ; n ( 4 ) ; var f = n ( 5 ) , _ = a ( f ) , v = n ( 132 ) , g = a ( v ) , y = n ( 138 ) , x = a ( y ) , E = n ( 136 ) , C = a ( E ) , w = n ( 137 ) , M = a ( w ) , A = n ( 135 ) , k = a ( A ) , T = n ( 134 ) , N = a ( T ) , R = n ( 133 ) , O = a ( R ) ; r [ "default" ] . registerLanguage ( "scss" , c [ "default" ] ) , r [ "default" ] . registerLanguage ( "xml" , h [ "default" ] ) , r [ "default" ] . registerLanguage ( "javascript" , b [ "default" ] ) , o [ "default" ] . component ( "single-page" , x [ "default" ] ) , o [ "default" ] . component ( "single-page-banner" , C [ "default" ] ) , o [ "default" ] . component ( "single-page-section" , M [ "default" ] ) , o [ "default" ] . component ( "demo-page" , k [ "default" ] ) , o [ "default" ] . component ( "demo-example" , N [ "default" ] ) , o [ "default" ] . component ( "code-block" , O [ "default" ] ) , o [ "default" ] . use ( m [ "default" ] ) ; var P = new m [ "default" ] ( { hashbang : ! 1 , routes : _ [ "default" ] } ) , H = o [ "default" ] . component ( "app" , g [ "default" ] ) , L = function ( t ) { t . name . indexOf ( "introduction" ) >= 0 ? H . theme = "blue" : t . name . indexOf ( "components" ) >= 0 ? H . theme = "indigo" : t . name . indexOf ( "themes" ) >= 0 ? H . theme = "teal" : t . name . indexOf ( "ui-elements" ) >= 0 ? H . theme = "blue-grey" : t . name . indexOf ( "changelog" ) >= 0 ? H . theme = "orange" : t . name . indexOf ( "about" ) >= 0 ? H . theme = "green" : H . theme = "default" } ; H = new H ( { el : "#app" , router : P } ) , L ( P . currentRoute ) , P . afterEach ( function ( t ) { var e = document . querySelector ( ".main-content" ) ; e && ( e . scrollTop = 0 ) , H . closeSidenav ( ) , L ( t ) } ) } , , , , function ( t , e , n ) { "use strict" ; function a ( t ) { return t && t . _ _esModule ? t : { "default" : t } } var i = n ( 2 ) , o = a ( i ) , d = n ( 29 ) , m = a ( d ) ; o [ "default" ] . use ( m [ "default" ] ) , o [ "default" ] . material . theme . registerAll ( { "default" : { primary : "cyan" , accent : "pink" } , indigo : { primary : "indigo" , accent : "pink" } , brown : { primary : "brown" , accent : "green" } , purple : { primary : "purple" , accent : "blue" } , orange : { primary : "orange" , accent : "green" } , blue : { primary : "blue" , accent : "pink" } , green : { primary : "green" , accent : "pink" } , "light-blue" : { primary : "light-blue" , accent : { color : "cyan" , hue : "A200" } } , teal : { primary : "teal" , accent : "orange" } , "blue-grey" : { primary : "blue-grey" , accent : "blue" } , cyan : { primary : "cyan" , accent : "pink" } , white : { primary : "white" , accent : "indigo" } , grey : { primary : { color : "grey" , hue : 300 } , accent : "indigo" } } ) } , function ( t , e , n ) { "use strict" ; function a ( t ) { return t && t . _ _esModule ? t : { "default" : t } } Object . defineProperty ( e , "__esModule" , { value : ! 0 } ) ; var i = n ( 143 ) , o = a ( i ) , d = n ( 142 ) , m = a ( d ) , s = n ( 139 ) , r = a ( s ) , l = n ( 140 ) , c = a ( l ) , u = n ( 141 ) , h = a ( u ) , p = n ( 144 ) , b = a ( p ) , f = n ( 145 ) , _ = a ( f ) , v = n ( 147 ) , g = a ( v ) , y = n ( 146 ) , x = a ( y ) , E = n ( 148 ) , C = a ( E ) , w = n ( 149 ) , M = a ( w ) , A = n ( 150 ) , k = a ( A ) , T = n ( 151 ) , N = a ( T ) , R = n ( 152 ) , O = a ( R ) , P = n ( 153 ) , H = a ( P ) , L = n ( 154 ) , S = a ( L ) , I = n ( 155 ) , D = a ( I ) , F = n ( 156 ) , B = a ( F ) , j = n ( 157 ) , $ = a ( j ) , q = n ( 158 ) , W = a ( q ) , V = n ( 159 ) , G = a ( V ) , Y = n ( 160 ) , z = a ( Y ) , U = n ( 161 ) , J = a ( U ) , K = n ( 165 ) , Q = a ( K ) , X = n ( 164 ) , Z = a ( X ) , tt = n ( 162 ) , et = a ( tt ) , nt = n ( 163 ) , at = a ( nt ) , it = [ { path : "/" , name : "introduction" , component : o [ "default" ] } , { path : "/getting-started" , name : "getting-started" , component : m [ "default" ] } , { path : "/about" , name : "about" , component : r [ "default" ] } , { path : "/changelog" , name : "changelog" , component : c [ "default" ] } ] , ot = [ { path : "/components" , name : "components" , redirect : "/components/avatar" } , { path : "/components/avatar" , name : "components:avatar" , component : b [ "default" ] } , { path : "/components/bottom-bar" , name : "components:bottom-bar" , component : _ [ "default" ] } , { path : "/components/button" , name : "components:button" , component : g [ "default" ] } , { path : "/components/button-toggle" , name : "components:button-toggle" , component : x [ "default" ] } , { path : "/components/checkbox" , name : "components:checkbox" , component : C [ "default" ] } , { path : "/components/icon" , name : "components:icon" , component : M [ "default" ] } , { path : "/components/input" , name : "components:input" , component : k [ "default" ] } , { path : "/components/list" , name : "components:list" , component : N [ "default" ] } , { path : "/components/radio" , name : "components:radio" , component : O [ "default" ] } , { path : "/components/ripple" , name : "components:ripple" , component : H [ "default" ] } , { path : "/components/select" , name : "components:select" , component : S [ "default" ] } , { path : "/components/sidenav" , name : "components:sidenav" , component : D [ "default" ] } , { path : "/components/switch" , name : "components:switch" , component : $ [ "default" ] } , { path : " / components / subhea
2016-10-17 23:19:00 +00:00
on : { click : function ( ) { e . $emit ( "click" ) } } } , r = function ( e ) { return t ( "div" , { staticClass : a } , e ) } , l = function ( ) { return i [ 0 ] . data . staticClass = n + " " + a , i [ 0 ] . data . directives = [ { name : "md-ink-ripple" } ] , t ( "li" , s , i ) } , c = function ( ) { i . some ( function ( t , e ) { if ( t . componentOptions && "md-list-expand" === t . componentOptions . tag ) return d = t , m = e , ! 0 } ) } , u = function ( ) { return t ( "md-icon" , { staticClass : "md-list-expand-indicator" } , "keyboard_arrow_down" ) } , h = function ( t ) { t . $children . some ( function ( t ) { t . $el . classList . contains ( "md-list-expand" ) && t . calculatePadding ( ) } ) } , p = function ( t ) { var e = void 0 ; t . $parent . $children . some ( function ( t ) { var n = t . $el . classList ; if ( n . contains ( "md-list-item-expand" ) && n . contains ( "md-active" ) ) return e = t , n . remove ( "md-active" ) , h ( t ) , ! 0 } ) , e && t . $el === e . $el || t . $el . classList . add ( "md-active" ) } , b = function ( ) { return i . splice ( m , 1 ) , i . push ( u ( ) ) , t ( "button" , { staticClass : n , on : { click : function ( ) { p ( e ) , e . $emit ( "click" ) } } , directives : [ { name : "md-ink-ripple" } ] } , [ r ( i ) ] ) } , f = function ( ) { return s . staticClass += " md-list-item-expand" , t ( "li" , s , [ b ( ) , d ] ) } ; if ( o && "router-link" === o . tag ) return l ( ) ; if ( c ( ) , d ) return f ( ) ; var _ = t ( "md-button" , { staticClass : n , attrs : { target : this . target , href : this . href } } , [ r ( i ) ] ) ; return this . target && ( _ . data . attrs . rel = "noopener" ) , t ( "li" , s , [ _ ] ) } } } , function ( t , e ) { "use strict" ; Object . defineProperty ( e , "__esModule" , { value : ! 0 } ) , e [ "default" ] = { props : { name : String , value : [ String , Boolean , Number ] , mdValue : { type : [ String , Boolean , Number ] , required : ! 0 } , id : String , disabled : Boolean } , computed : { classes : function ( ) { return { "md-checked" : this . value && this . mdValue . toString ( ) === this . value . toString ( ) , "md-disabled" : this . disabled } } } , methods : { toggleCheck : function ( ) { this . disabled || ( this . $emit ( "change" , this . mdValue ) , this . $emit ( "input" , this . mdValue ) ) } } } } , function ( t , e ) { "use strict" ; Object . defineProperty ( e , "__esModule" , { value : ! 0 } ) , e [ "default" ] = { props : [ "label" ] } } , function ( t , e , n ) { "use strict" ; Object . defineProperty ( e , "__esModule" , { value : ! 0 } ) , n ( 70 ) , e [ "default" ] = { props : { value : [ String , Boolean , Number ] } , data : function ( ) { return { index : 0 } } , computed : { classes : function ( ) { return { "md-highlighted" : this . hasHighlight ( ) } } } , watch : { classes : function ( ) { this . hasHighlight ( ) && ( this . $el . focus ( ) , this . $el . scrollIntoViewIfNeeded ( ! 1 ) ) } } , methods : { setHighlight : function ( ) { this . $parent . highlightOption ( this . index ) } , hasHighlight : function ( ) { return this . index === this . $parent . highlighted } , selectOption : function ( ) { this . hasHighlight ( ) && ( this . $parent . $el . classList . contains ( "md-select" ) ? this . $parent . selectOption ( this . value ) : this . $parent . $parent . selectOption ( this . value ) ) } } , mounted : function ( ) { var t = this . $parent . $el . classList ; if ( ! t . contains ( "md-select" ) ) throw this . $destroy ( ) , new Error ( "You should wrap the md-option in a md-select" ) ; this . $parent . optionsAmount ++ , this . index = this . $parent . optionsAmount } } } , function ( t , e ) { "use strict" ; Object . defineProperty ( e , "__esModule" , { value : ! 0 } ) , e [ "default" ] = { props : { name : String , required : Boolean , value : [ String , Number , Boolean ] , id : String , disabled : Boolean } , data : function ( ) { return { active : ! 1 , highlighted : ! 1 , optionsAmount : 0 } } , computed : { classes : function ( ) { return { "md-disabled" : this . disabled , "md-active" : this . active } } } , methods : { open : function ( ) { this . active = ! 0 , document . addEventListener ( "click" , this . closeOnOffClick ) , this . $refs . menu . focus ( ) } , close : function ( ) { this . active && ( this . $refs . menu . blur ( ) , this . active = ! 1 , document . removeEventListener ( "click" , this . closeOnOffClick ) , this . $refs . value . focus ( ) ) } , closeOnOffClick : function ( t ) { this . $el . contains ( t . target ) || this . close ( ) } , highlightOption : function ( t ) { t >= 1 && t <= this . optionsAmount ? this . highlighted = t : this . highlighted = 1 } , selectOption : function ( t ) { this . close ( ) , this . $parent . setValue ( t ) , this . $emit ( "change" , t ) , this . $emit ( "input" , t ) } } , mounted : function ( ) { if ( ! this . $parent . $el . classList . contains ( "md-input-container" ) ) throw this . $destroy ( ) , new Error ( "You should wrap the md-select in a md-input-container" ) ; this . $parent . setValue ( this . value ) , this . $parent . hasSelect = ! 0 } , beforeDestroy : function ( ) { this . $parent . setValue ( null ) , this . $parent . hasSelect = ! 1 , document . removeEventListener ( "click" , this . closeOnOffClick ) } } } , function ( t , e ) { "use strict" ; Object . defineProperty ( e , "__esModule" , { value : ! 0 } ) , e [ "default" ] = { data : function ( ) { return { mdV
2016-10-17 18:21:14 +00:00
} , function ( t , e ) { t . exports = ".THEME_NAME .md-tabs .md-tabs-navigation,.THEME_NAME.md-tabs .md-tabs-navigation{background-color:PRIMARY-COLOR}.THEME_NAME .md-tabs .md-tab-header,.THEME_NAME.md-tabs .md-tab-header{color:PRIMARY-CONTRAST-0.54}.THEME_NAME .md-tabs .md-tab-header.md-active,.THEME_NAME .md-tabs .md-tab-header:focus,.THEME_NAME.md-tabs .md-tab-header.md-active,.THEME_NAME.md-tabs .md-tab-header:focus{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME .md-tabs .md-tab-header.md-disabled,.THEME_NAME.md-tabs .md-tab-header.md-disabled{color:PRIMARY-CONTRAST-0.26}.THEME_NAME .md-tabs .md-tab-indicator,.THEME_NAME.md-tabs .md-tab-indicator{background-color:ACCENT-COLOR}.THEME_NAME .md-tabs.md-accent .md-tabs-navigation,.THEME_NAME.md-tabs.md-accent .md-tabs-navigation{background-color:ACCENT-COLOR}.THEME_NAME .md-tabs.md-accent .md-tab-header,.THEME_NAME.md-tabs.md-accent .md-tab-header{color:ACCENT-CONTRAST-0.54}.THEME_NAME .md-tabs.md-accent .md-tab-header.md-active,.THEME_NAME .md-tabs.md-accent .md-tab-header:focus,.THEME_NAME.md-tabs.md-accent .md-tab-header.md-active,.THEME_NAME.md-tabs.md-accent .md-tab-header:focus{color:ACCENT-CONTRAST-0.99999}.THEME_NAME .md-tabs.md-accent .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-accent .md-tab-header.md-disabled{color:ACCENT-CONTRAST-0.26}.THEME_NAME .md-tabs.md-accent .md-tab-indicator,.THEME_NAME.md-tabs.md-accent .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME .md-tabs.md-warn .md-tabs-navigation,.THEME_NAME.md-tabs.md-warn .md-tabs-navigation{background-color:WARN-COLOR}.THEME_NAME .md-tabs.md-warn .md-tab-header,.THEME_NAME.md-tabs.md-warn .md-tab-header{color:WARN-CONTRAST-0.54}.THEME_NAME .md-tabs.md-warn .md-tab-header.md-active,.THEME_NAME .md-tabs.md-warn .md-tab-header:focus,.THEME_NAME.md-tabs.md-warn .md-tab-header.md-active,.THEME_NAME.md-tabs.md-warn .md-tab-header:focus{color:WARN-CONTRAST-0.99999}.THEME_NAME .md-tabs.md-warn .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-warn .md-tab-header.md-disabled{color:WARN-CONTRAST-0.26}.THEME_NAME .md-tabs.md-warn .md-tab-indicator,.THEME_NAME.md-tabs.md-warn .md-tab-indicator{background-color:BACKGROUND-COLOR}.THEME_NAME .md-tabs.md-transparent .md-tabs-navigation,.THEME_NAME.md-tabs.md-transparent .md-tabs-navigation{background-color:transparent}.THEME_NAME .md-tabs.md-transparent .md-tab-header,.THEME_NAME.md-tabs.md-transparent .md-tab-header{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME .md-tabs.md-transparent .md-tab-header.md-active,.THEME_NAME .md-tabs.md-transparent .md-tab-header:focus,.THEME_NAME.md-tabs.md-transparent .md-tab-header.md-active,.THEME_NAME.md-tabs.md-transparent .md-tab-header:focus{color:PRIMARY-COLOR}.THEME_NAME .md-tabs.md-transparent .md-tab-header.md-disabled,.THEME_NAME.md-tabs.md-transparent .md-tab-header.md-disabled{color:BACKGROUND-CONTRAST-0.26}.THEME_NAME .md-tabs.md-transparent .md-tab-indicator,.THEME_NAME.md-tabs.md-transparent .md-tab-indicator{background-color:PRIMARY-COLOR}\n" } , function ( t , e ) { t . exports = ".THEME_NAME .md-toolbar,.THEME_NAME.md-toolbar{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME .md-toolbar.md-accent,.THEME_NAME.md-toolbar.md-accent{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME .md-toolbar.md-warn,.THEME_NAME.md-toolbar.md-warn{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME .md-toolbar.md-transparent,.THEME_NAME.md-toolbar.md-transparent{background-color:transparent;color:BACKGROUND-CONTRAST}\n" } , function ( t , e ) { t . exports = ".THEME_NAME :not(input):not(textarea)::selection{background:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME a:not(.md-button){color:ACCENT-COLOR}.THEME_NAME a:not(.md-button):hover{color:ACCENT-COLOR-800}body.THEME_NAME{background-color:BACKGROUND-COLOR-50;color:BACKGROUND-CONTRAST-0.87}.THEME_NAME .md-caption,.THEME_NAME .md-display-1,.THEME_NAME .md-display-2,.THEME_NAME .md-display-3,.THEME_NAME .md-display-4{color:BACKGROUND-CONTRAST-0.57}.THEME_NAME code:not(.hljs){background-color:ACCENT-COLOR-A100-0.2;color:ACCENT-COLOR-800}\n" } , , function ( t , e , n ) { var a , i ; n ( 88 ) , a = n ( 30 )
attrs : { lang : "xml" } } , [ '\n<md-list class="custom-list md-triple-line">\n <md-subheader>Today</md-subheader>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/1" alt="People">\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Ali Connors</span>\n <span>Brunch this weekend?</span>\n <p>I\'ll be in your neighborhood doing errands...</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon class="md-primary">star</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/6" alt="People">\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>me, Scott, Jennifer</span>\n <span>Summer BBQ</span>\n <p>Wish I could come, but I\'m out of town ...</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>star_border</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/5" alt="People">\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Sandra Adams</span>\n <span>Oui oui</span>\n <p>Do you have Paris recommendations ...</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>star_border</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/8" alt="People">\n </md-avatar>\n\n <div class="md-list-text-container">\n <span>Trevor Hansen</span>\n <span>Order confirmation</span>\n <p>Thank you for your recent order from ...</p>\n </div>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>star_border</md-icon>\n </md-button>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n</md-list>\n ' ] ) ] ) ] ) , " " , _h ( "div" , { slot : "api" } ) ] ) } , staticRenderFns : [ function ( ) { with ( this ) return _h ( "span" , [ "Inbox" ] ) } , function ( ) { with ( this ) return _h ( "span" , [ "Outbox" ] ) } , function ( ) { with ( this ) return _h ( "span" , [ "Trash" ] ) } , function ( ) { with ( this ) return _h ( "span" , [ "Spam" ] ) } , function ( ) { with ( this ) return _h ( "img" , { attrs : { src : "https://placeimg.com/40/40/people/5" , alt : "People" } } ) } , function ( ) { with ( this ) return _h ( "span" , [ "Abbey Christansen" ] ) } , function ( ) { with ( this ) return _h ( "img" , { attrs : { src : "https://placeimg.com/40/40/people/1" , alt : "People" } } ) } , function ( ) { with ( this ) return _h ( "span" , [ "Alex Nelson" ] ) } , function ( ) { with ( this ) return _h ( "img" , { attrs : { src : "https://placeimg.com/40/40/people/6" , alt : "People" } } ) } , function ( ) { with ( this ) return _h ( "span" , [ "Mary Johnson" ] ) } , function ( ) { with ( this ) return _h ( "img" , { attrs : { src : "https://placeimg.com/40/40/people/1" , alt : "People" } } ) } , function ( ) { with ( this ) return _h ( "div" , { staticClass : "md-list-text-container" } , [ _h ( "span" , [ "Ali Connors" ] ) , " " , _h ( "span" , [ "Brunch this weekend?" ] ) , " " , _h ( "p" , [ "I'll be in your neighborhood doing errands..." ] ) ] ) } , function ( ) { with ( this ) return _h ( "img" , { attrs : { src : "https://placeimg.com/40/40/people/6" , alt : "People" } } ) } , function ( ) { with ( this ) return _h ( "div" , { staticClass : "md-list-text-container" } , [ _h ( "span" , [ "me, Scott, Jennifer" ] ) , " " , _h ( "span" , [ "Summer BBQ" ] ) , " " , _h ( "p" , [ "Wish I could come, but I'm out of town ..." ] ) ] ) } , function ( ) { with ( this ) return _h ( "img" , { attrs : { src : "https://placeimg.com/40/40/people/5" , alt : "People" } } ) } , function ( ) { with ( this ) return _h ( "div" , { staticClass : "md-list-text-container" } , [ _h ( "span" , [ "Sandra Adams" ] ) , " " , _h ( "span" , [ "Oui oui" ] ) , " " , _h ( "p" , [ "Do you have Paris recommendations ..." ] ) ] ) } , function ( ) { with ( this ) return _h ( "img" , { attrs : { src : "https://placeimg.com/40/40/people/8" , alt : "People" } } ) } , function ( ) { with ( this ) return _h ( "div" , { staticClass : "md-list-text-container" } , [ _h ( "span" , [ "Trevor Hansen" ] ) , " " , _h ( "span" , [ "Order confirmation" ] ) , " " , _h ( "p" , [ "Thank you for your recent order from ..." ] ) ] ) } ] } } , function ( module , exports ) { module . exports =
} , [ "home" ] ) ] ) ] ) , " " , _h ( "div" , { slot : "code" } , [ _h ( "demo-example" , { attrs : { label : "Default" } } , [ _h ( "code-block" , { attrs : { lang : "xml" } } , [ '\n<md-icon>home</md-icon>\n<md-icon class="md-primary">home</md-icon>\n<md-icon class="md-accent">home</md-icon>\n<md-icon class="md-warn">home</md-icon>\n ' ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Themed" } } , [ _h ( "code-block" , { attrs : { lang : "xml" } } , [ '\n<md-icon v-md-theme="\'light-blue\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'green\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'brown\'" class="md-primary">home</md-icon>\n<md-icon v-md-theme="\'orange\'" class="md-primary">home</md-icon>\n ' ] ) ] ) ] ) , " " , _h ( "div" , { slot : "api" } ) ] ) } , staticRenderFns : [ ] } } , function ( module , exports ) { module . exports = { render : function ( ) { with ( this ) return _h ( "demo-page" , { attrs : { label : "Components - Toolbar" } } , [ _h ( "div" , { slot : "examples" } , [ _h ( "demo-example" , { attrs : { label : "Default" } } , [ _h ( "md-toolbar" , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 0 ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "favorite" ] ) ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Dense" } } , [ _h ( "md-toolbar" , { staticClass : "md-dense" } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 1 ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "favorite" ] ) ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Medium" } } , [ _h ( "md-toolbar" , { staticClass : "md-medium" } , [ _h ( "div" , { staticClass : "md-toolbar-container" } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 2 ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "search" ] ) ] ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "filter_list" ] ) ] ) ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Large" } } , [ _h ( "md-toolbar" , { staticClass : "md-large" } , [ _h ( "div" , { staticClass : "md-toolbar-container" } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 3 ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "search" ] ) ] ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "filter_list" ] ) ] ) ] ) , " " , _m ( 4 ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Accent, Warn and Transparent Colors" } } , [ _h ( "md-toolbar" , { staticClass : "md-accent" } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 5 ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "favorite" ] ) ] ) ] ) , " " , _h ( "md-toolbar" , { staticClass : "md-warn" } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 6 ) , " " , _h ( "md-button" , [ "Add" ] ) , " " , _h ( "md-button" , [ "Remove" ] ) ] ) , " " , _h ( "md-toolbar" , { staticClass : "md-transparent" } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 7 ) , " " , _h ( "md-button" , { staticClass : "md-raised" } , [ "Add" ] ) , " " , _h ( "md-button" , { staticClass : "md-raised md-warn" } , [ "Remove" ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Themed" } } , [ _h ( "md-toolbar" , { directives : [ { name : "md-theme" , rawName : "v-md-theme" , value : "green" , expression : "'green'" } ] } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 8 ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "favorite" ] ) ] ) ] ) , " " , _h ( "md-toolbar" , { directives : [ { name : "md-theme" , rawName : "v-md-theme" , value : "brown" , expression : "'brown'" } ] , staticClass : "md-large" } , [ _h ( "div" , { staticClass : "md-toolbar-container" } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 9 ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "search" ] ) ] ) , " " , _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "filter_list" ] ) ] ) ] ) , " " , _m ( 10 ) ] ) , " " , _h ( "md-toolbar" , { directives : [ { name : "md-theme" , rawName : "v-md-theme" , value : "orange" , expression : "'orange'" } ] } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 11 ) , " " , _h ( "md-button" , [ "Add" ] ) , " " , _h ( "md-button" , [ "Remove" ] ) ] ) , " " , _h ( "md-toolbar" , { directives : [ { name : "md-theme" , rawName : "v-md-theme" , value : "blue" , expression : "'blue'" } ] } , [ _h ( "md-button" , { staticClass : "md-icon-button" } , [ _h ( "md-icon" , [ "menu" ] ) ] ) , " " , _m ( 12 ) , " " , _h ( " md - b
name : "md-theme" , rawName : "v-md-theme" , value : "blue" , expression : "'blue'" } ] , staticClass : "md-account-header" } , [ _h ( "md-list" , { staticClass : "md-transparent" } , [ _h ( "md-list-item" , { staticClass : "md-avatar-list" } , [ _h ( "md-avatar" , { staticClass : "md-large" } , [ _m ( 57 ) ] ) , " " , _m ( 58 ) , " " , _h ( "md-avatar" , [ _m ( 59 ) ] ) , " " , _h ( "md-avatar" , [ _m ( 60 ) ] ) ] ) , " " , _h ( "md-list-item" , [ _m ( 61 ) , " " , _h ( "md-button" , { staticClass : "md-icon-button md-list-action" } , [ _h ( "md-icon" , [ "arrow_drop_down" ] ) ] ) ] ) ] ) ] ) , " " , _h ( "md-list" , { directives : [ { name : "md-theme" , rawName : "v-md-theme" , value : "blue" , expression : "'blue'" } ] } , [ _h ( "md-list-item" , { staticClass : "md-primary" , on : { click : toggleSidenav } } , [ _h ( "md-icon" , [ "insert_drive_file" ] ) , " " , _m ( 62 ) ] ) , " " , _h ( "md-list-item" , { on : { click : toggleSidenav } } , [ _h ( "md-icon" , [ "people" ] ) , " " , _m ( 63 ) ] ) , " " , _h ( "md-list-item" , { on : { click : toggleSidenav } } , [ _h ( "md-icon" , [ "access_time" ] ) , " " , _m ( 64 ) ] ) , " " , _h ( "md-list-item" , { on : { click : toggleSidenav } } , [ _h ( "md-icon" , [ "start" ] ) , " " , _m ( 65 ) ] ) , " " , _h ( "md-list-item" , { on : { click : toggleSidenav } } , [ _h ( "md-icon" , [ "delete" ] ) , " " , _m ( 66 ) ] ) ] ) ] ) ] ) ] ) ] ) , " " , _h ( "div" , { slot : "code" } , [ _h ( "demo-example" , { attrs : { label : "Single Line" } } , [ _h ( "code-block" , { attrs : { lang : "xml" } } , [ '\n<md-list>\n <md-list-item>\n <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n </md-list-item>\n\n <md-list-item>\n <md-icon>send</md-icon> <span>Sent Mail</span>\n </md-list-item>\n\n <md-list-item>\n <md-icon>delete</md-icon> <span>Trash</span>\n </md-list-item>\n\n <md-list-item>\n <md-icon>error</md-icon> <span>Spam</span>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/5" alt="People">\n </md-avatar>\n\n <span>Abbey Christansen</span>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon class="md-primary">chat_bubble</md-icon>\n </md-button>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/1" alt="People">\n </md-avatar>\n\n <span>Alex Nelson</span>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon class="md-primary">chat_bubble</md-icon>\n </md-button>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/6" alt="People">\n </md-avatar>\n\n <span>Mary Johnson</span>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>chat_bubble</md-icon>\n </md-button>\n </md-list-item>\n</md-list>\n ' ] ) , " " , _h ( "code-block" , { attrs : { lang : "xml" } } , [ '\n<md-list class="md-dense">\n <md-list-item>\n <md-icon>move_to_inbox</md-icon> <span>Inbox</span>\n </md-list-item>\n\n <md-list-item>\n <md-icon>send</md-icon> <span>Sent Mail</span>\n </md-list-item>\n\n <md-list-item>\n <md-icon>delete</md-icon> <span>Trash</span>\n </md-list-item>\n\n <md-list-item>\n <md-icon>error</md-icon> <span>Spam</span>\n\n <md-divider class="md-inset"></md-divider>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/5" alt="People">\n </md-avatar>\n\n <span>Abbey Christansen</span>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon class="md-primary">chat_bubble</md-icon>\n </md-button>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/1" alt="People">\n </md-avatar>\n\n <span>Alex Nelson</span>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon class="md-primary">chat_bubble</md-icon>\n </md-button>\n </md-list-item>\n\n <md-list-item>\n <md-avatar>\n <img src="https://placeimg.com/40/40/people/6" alt="People">\n </md-avatar>\n\n <span>Mary Johnson</span>\n\n <md-button class="md-icon-button md-list-action">\n <md-icon>chat_bubble</md-icon>\n </md-button>\n </md-list-item>\n</md-list>\n ' ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Double Line" } } , [ _h ( "code-block" , { attrs : { lang : "xml" } } , [ ' \ n < md - list class = "md-double-line" > \ n < md - list - item > \ n < md - icon
render : function ( ) { with ( this ) return _h ( "div" , { staticClass : "md-whiteframe" , "class" : classes } , [ _t ( "default" ) ] ) } , staticRenderFns : [ ] } } , function ( module , exports ) { module . exports = { render : function ( ) { with ( this ) return _h ( "demo-page" , { attrs : { label : "Components - Tabs" } } , [ _h ( "div" , { slot : "examples" , staticClass : "examples" } , [ _h ( "demo-example" , { attrs : { label : "Default - Grey Theme" , size : "3" , "body-theme" : "grey" } } , [ _h ( "md-tabs" , [ _h ( "md-tab" , { attrs : { id : "movies" , "md-label" : "Movies" } } , [ _m ( 0 ) ] ) , " " , _h ( "md-tab" , { attrs : { id : "music" , "md-label" : "Music" } } , [ _m ( 1 ) , " " , _m ( 2 ) ] ) , " " , _h ( "md-tab" , { attrs : { id : "books" , "md-label" : "Books" } } , [ _m ( 3 ) ] ) , " " , _h ( "md-tab" , { attrs : { id : "pictures" , "md-label" : "Pictures" } } , [ _m ( 4 ) ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Fixed - Accent Color" , size : "3" } } , [ _h ( "md-tabs" , { staticClass : "md-accent" , attrs : { "md-fixed" : "" } } , [ _h ( "md-tab" , { attrs : { "md-label" : "Movies" } } , [ _m ( 5 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-label" : "Music" } } , [ _m ( 6 ) , " " , _m ( 7 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-label" : "Books" } } , [ _m ( 8 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-label" : "Pictures" } } , [ _m ( 9 ) ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "With icons and text - Teal Theme" , size : "3" , "body-theme" : "teal" } } , [ _h ( "md-tabs" , { attrs : { "md-fixed" : "" } } , [ _h ( "md-tab" , { attrs : { "md-label" : "Movies" , "md-icon" : "ondemand_video" } } , [ _m ( 10 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-label" : "Music" , "md-icon" : "music_note" } } , [ _m ( 11 ) , " " , _m ( 12 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-label" : "Books" , "md-icon" : "books" } } , [ _m ( 13 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-label" : "Pictures" , "md-icon" : "photo" } } , [ _m ( 14 ) ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Centered with only icon - Transparent Color" , size : "3" } } , [ _h ( "md-tabs" , { staticClass : "md-transparent" , attrs : { "md-centered" : "" } } , [ _h ( "md-tab" , { attrs : { "md-icon" : "phone" } } , [ _m ( 15 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-icon" : "favorite" } } , [ _m ( 16 ) , " " , _m ( 17 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-icon" : "near_me" } } , [ _m ( 18 ) ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Fixed with only icon - Default Theme" , size : "3" } } , [ _h ( "md-tabs" , { attrs : { "md-fixed" : "" } } , [ _h ( "md-tab" , { attrs : { "md-icon" : "phone" } } , [ _m ( 19 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-icon" : "favorite" } } , [ _m ( 20 ) , " " , _m ( 21 ) ] ) , " " , _h ( "md-tab" , { attrs : { "md-icon" : "near_me" } } , [ _m ( 22 ) ] ) ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Playground" , size : "3" } } , [ _h ( "div" , { staticClass : "playground" } , [ _h ( "md-subheader" , [ "Tabs Attributes" ] ) , " " , _h ( "md-checkbox" , { directives : [ { name : "model" , rawName : "v-model" , value : playground . fixed , expression : "playground.fixed" } ] , attrs : { id : "fixed" } , domProps : { value : playground . fixed } , on : { input : function ( t ) { playground . fixed = t } } } , [ "Fixed" ] ) , " " , _h ( "md-checkbox" , { directives : [ { name : "model" , rawName : "v-model" , value : playground . centered , expression : "playground.centered" } ] , attrs : { id : "centered" } , domProps : { value : playground . centered } , on : { input : function ( t ) { playground . centered = t } } } , [ "Centered" ] ) , " " , _h ( "md-input-container" , [ _m ( 23 ) , " " , _h ( "md-input" , { directives : [ { name : "model" , rawName : "v-model" , value : playground . shadow , expression : "playground.shadow" } ] , attrs : { type : "number" , id : "shadow" , min : "0" , max : "24" } , domProps : { value : playground . shadow } , on : { input : function ( t ) { playground . shadow = _n ( t ) } } } ) ] ) , " " , _h ( "md-subheader" , [ "Theme" ] ) , " " , _h ( "md-radio" , { directives : [ { name : "model" , rawName : "v-model" , value : playground . theme , expression : "playground.theme" } ] , attrs : { id : "theme1" , name : "theme" , "md-value" : "default" } , domProps : { value : playground . theme } , on : { input : function ( t ) { playground . theme = t } } } , [ "Default" ] ) , " " , _h ( "md-radio" , { directives : [ { name : "model" , rawName : "v-model" , value : playground . theme , expression : "playground.theme" } ] , attrs : { id : "theme2" , name : "theme" , "md-value" : "green" } , domProps : { value : playground . theme } , on : { input : function ( t ) { playground . theme = t } } } , [ "Green" ] ) , " " , _h ( "md-radio" , { directives : [ { name : "model" , rawName : "v-model" , value : playground . theme , expression : "playground.theme" } ] , attrs : { id : "theme3" , name : "theme" , "md-value" : "cyan" } , domProps : { value : playground . theme } , on : { input : function ( t ) { playground . theme = t } } } , [ "Cyan" ] ) , " " , _h ( "md-radio" , { directives : [ { name : "model" , rawName : "v-model" , value : playground . theme , expression : "playground.theme" } ] , attrs : { id : "theme4" , name : "theme" , "md-value" : "brown" } , domProps : { value : playground . theme } , on : { input : funct
2016-10-17 23:19:00 +00:00
render : function ( ) { with ( this ) return _h ( "div" , { staticClass : "single-page-banner" } , [ _h ( "md-toolbar" , { staticClass : "single-page-banner" } , [ _h ( "h1" , { staticClass : "md-display-2" } , [ _s ( label ) ] ) ] ) , " " , _h ( "md-button" , { staticClass : "md-icon-button github-button" , attrs : { href : "https://github.com/marcosmoura/vue-material" , target : "_blank" , rel : "noopener" } } , [ _h ( "svg" , { attrs : { xmlns : "http://www.w3.org/2000/svg" , viewBox : "0 0 1024 1024" } } , [ _h ( "path" , { attrs : { fill : "#ffffff" , d : "M512 0C229.25 0 0 229.25 0 512c0 226.25 146.69 418.13 350.16 485.81 25.59 4.69 34.94-11.12 34.94-24.62 0-12.19-0.47-52.56-0.72-95.31C242 908.81 211.91 817.5 211.91 817.5c-23.31-59.12-56.84-74.87-56.84-74.87-46.53-31.75 3.53-31.12 3.53-31.12 51.41 3.56 78.47 52.75 78.47 52.75 45.69 78.25 119.88 55.63 149 42.5 4.65-33 17.9-55.62 32.5-68.37C304.91 725.44 185.34 681.5 185.34 485.31c0-55.94 19.97-101.56 52.66-137.41-5.22-13-22.84-65.09 5.06-135.56 0 0 42.94-13.75 140.81 52.5 40.81-11.41 84.59-17.03 128.13-17.22 43.5 0.19 87.31 5.88 128.19 17.28 97.69-66.31 140.69-52.5 140.69-52.5 28 70.53 10.38 122.56 5.13 135.5 32.81 35.84 52.63 81.47 52.63 137.41 0 196.69-119.75 240-233.81 252.69 18.44 15.88 34.75 47 34.75 94.75 0 68.44-0.69 123.63-0.69 140.5 0 13.63 9.31 29.56 35.25 24.56C877.44 930 1024 738.13 1024 512 1024 229.25 794.75 0 512 0z" } } ) ] ) ] ) , " " , _h ( "md-button" , { staticClass : "md-icon-button single-page-menu-trigger" , on : { click : toggleSidenav } } , [ _h ( "md-icon" , [ "menu" ] ) ] ) ] ) } , staticRenderFns : [ ] } } , function ( module , exports ) { module . exports = { render : function ( ) { with ( this ) return _h ( "div" , { staticClass : "md-bottom-bar" , "class" : classes } , [ _t ( "default" ) ] ) } , staticRenderFns : [ ] } } , function ( module , exports ) { module . exports = { render : function ( ) { with ( this ) return _h ( "single-page" , { staticClass : "single-page-home" , attrs : { label : "UI Elements - Grid System" } } ) } , staticRenderFns : [ ] } } , function ( module , exports ) { module . exports = { render : function ( ) { with ( this ) return _h ( "demo-page" , { attrs : { label : "Components - Ripple" } } , [ _h ( "div" , { slot : "examples" } , [ _h ( "demo-example" , { attrs : { label : "Default" } } , [ _h ( "span" , { directives : [ { name : "md-ink-ripple" , rawName : "v-md-ink-ripple" } ] , staticClass : "has-ripple" } , [ "This span has ripple effect" ] ) , " " , _h ( "span" , { directives : [ { name : "md-ink-ripple" , rawName : "v-md-ink-ripple" } ] , staticClass : "has-ripple green" } , [ "This span has ripple effect" ] ) , " " , _h ( "span" , { directives : [ { name : "md-ink-ripple" , rawName : "v-md-ink-ripple" } ] , staticClass : "has-ripple blue" } , [ "This span has ripple effect" ] ) , " " , _h ( "div" , [ _h ( "md-avatar" , { directives : [ { name : "md-ink-ripple" , rawName : "v-md-ink-ripple" } ] } , [ _m ( 0 ) ] ) , " " , _h ( "md-avatar" , { directives : [ { name : "md-ink-ripple" , rawName : "v-md-ink-ripple" } ] , staticClass : "md-avatar-icon" } , [ _h ( "md-icon" , [ "home" ] ) ] ) ] ) ] ) ] ) , " " , _h ( "div" , { slot : "code" } , [ _h ( "demo-example" , { attrs : { label : "Default" } } , [ _h ( "code-block" , { attrs : { lang : "xml" } } , [ '\n<span class="has-ripple" v-md-ink-ripple>This span has ripple effect</span>\n<span class="has-ripple green" v-md-ink-ripple>This span has ripple effect</span>\n<span class="has-ripple blue" v-md-ink-ripple>This span has ripple effect</span>\n\n<div>\n <md-avatar v-md-ink-ripple>\n <img src="//placeimg.com/40/40/people/1" alt="People">\n </md-avatar>\n\n <md-avatar v-md-ink-ripple class="md-avatar-icon">\n <md-icon>home</md-icon>\n </md-avatar>\n</div>\n ' ] ) ] ) ] ) , " " , _h ( "div" , { slot : "api" } ) ] ) } , staticRenderFns : [ function ( ) { with ( this ) return _h ( "img" , { attrs : { src : "//placeimg.com/40/40/people/1" , alt : "People" } } ) } ] } } , function ( module , exports ) { module . exports = { render : function ( ) { with ( this ) return _h ( "demo-page" , { attrs : { label : "Components - Switch" } } , [ _h ( "div" , { slot : "examples" } , [ _h ( "demo-example" , { attrs : { label : "Default" } } , [ _h ( "div" , [ _h ( "md-switch" , { directives : [ { name : "model" , rawName : "v-model" , value : checked0 , expression : "checked0" } ] , attrs : { id : "my-test0" , name : "my-test0" } , domProps : { value : checked0 } , on : { input : function ( t ) { checked0 = t } } } ) ] ) , " " , _h ( "div" , [ _h ( "md-switch" , { directives : [ { name : "model" , rawName : "v-model" , value : checked1 , expression : "checked1" } ] , staticClass : "md-primary" , attrs : { id : "my-test1" , name : "my-test1" } , domProps : { value : checked1 } , on : { input : function ( t ) { checked1 = t } } } , [ "Primary Color" ] ) ]
} , [ _h ( "demo-example" , { attrs : { label : "Default" } } , [ _h ( "code-block" , { attrs : { lang : "xml" } } , [ '\n<md-checkbox id="my-test1" name="my-test1" v-model="checkbox">Regular Checkbox</md-checkbox>\n<md-checkbox id="my-test2" name="my-test2" v-model="checkbox" class="md-primary">Primary Color</md-checkbox>\n<md-checkbox id="my-test3" name="my-test3" v-model="checkbox" class="md-warn">Warn Color</md-checkbox>\n<md-checkbox id="my-test4" name="my-test4" v-model="checkbox" disabled>Disabled</md-checkbox>\n ' ] ) ] ) , " " , _h ( "demo-example" , { attrs : { label : "Themed" } } , [ _h ( "code-block" , { attrs : { lang : "xml" } } , [ '\n<div class="themed" v-md-theme="\'orange\'">\n <md-checkbox id="my-test5" name="my-test5" v-model="checkbox2" class="md-primary">Primary Orange</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'green\'">\n <md-checkbox id="my-test6" name="my-test6" v-model="checkbox2" class="md-primary">Primary Green</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'light-blue\'">\n <md-checkbox id="my-test7" name="my-test7" v-model="checkbox2" class="md-primary">Primary Light Blue</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'indigo\'">\n <md-checkbox id="my-test8" name="my-test8" v-model="checkbox2" class="md-primary">Primary Indigo</md-checkbox>\n</div>\n\n<div class="themed" v-md-theme="\'brown\'">\n <md-checkbox id="my-test9" name="my-test9" v-model="checkbox2" class="md-primary" disabled>Primary Brown Disabled</md-checkbox>\n</div>\n ' ] ) ] ) ] ) , " " , _h ( "div" , { slot : "api" } ) ] ) } , staticRenderFns : [ ] } } , function ( module , exports ) { module . exports = { render : function ( ) { with ( this ) return _h ( "demo-page" , { attrs : { label : "Components - Whiteframe" } } , [ _h ( "div" , { slot : "examples" , staticClass : "whiteframe-list" } , [ _h ( "demo-example" , { attrs : { label : "Default" } } , [ _h ( "md-whiteframe" , { attrs : { "md-elevation" : "1" } } , [ "1dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "2" } } , [ "2dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "3" } } , [ "3dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "4" } } , [ "4dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "5" } } , [ "5dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "6" } } , [ "6dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "7" } } , [ "7dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "8" } } , [ "8dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "9" } } , [ "9dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "10" } } , [ "10dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "11" } } , [ "11dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "12" } } , [ "12dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "13" } } , [ "13dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "14" } } , [ "14dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "15" } } , [ "15dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "16" } } , [ "16dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "17" } } , [ "17dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "18" } } , [ "18dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "19" } } , [ "19dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "20" } } , [ "20dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "21" } } , [ "21dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "22" } } , [ "22dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "23" } } , [ "23dp" ] ) , " " , _h ( "md-whiteframe" , { attrs : { "md-elevation" : "24" } } , [ "24dp" ] ) ] ) ] ) , " " , _h ( "div" , { slot : "code" } , [ _h ( "demo-example" , { attrs : { label : "Default" } } , [ _h ( "code-block" , { attrs : { lang : "xml" } } , [ ' \ n < md - whiteframe md - elevation = "1" > 1 dp < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 2 " > 2 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 3 " > 3 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 4 " > 4 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 5 " > 5 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 6 " > 6 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 7 " > 7 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 8 " > 8 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 9 " > 9 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 1 0 " > 1 0 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 1 1 " > 1 1 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 1 2 " > 1 2 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e l e v a t i o n = " 1 3 " > 1 3 d p < / m d - w h i t e f r a m e > \ n < m d - w h i t e f r a m e m d - e
