2016-11-21 03:39:30 +00:00
( function webpackUniversalModuleDefinition ( root , factory ) {
if ( typeof exports === 'object' && typeof module === 'object' )
module . exports = factory ( ) ;
else if ( typeof define === 'function' && define . amd )
define ( [ ] , factory ) ;
else if ( typeof exports === 'object' )
exports [ "VueMaterial" ] = factory ( ) ;
else
root [ "VueMaterial" ] = factory ( ) ;
} ) ( this , function ( ) {
return /******/ ( function ( modules ) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = { } ;
/******/
/******/ // The require function
/******/ function _ _webpack _require _ _ ( moduleId ) {
/******/
/******/ // Check if module is in cache
/******/ if ( installedModules [ moduleId ] )
/******/ return installedModules [ moduleId ] . exports ;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules [ moduleId ] = {
/******/ exports : { } ,
/******/ id : moduleId ,
/******/ loaded : false
/******/ } ;
/******/
/******/ // Execute the module function
/******/ modules [ moduleId ] . call ( module . exports , module , module . exports , _ _webpack _require _ _ ) ;
/******/
/******/ // Flag the module as loaded
/******/ module . loaded = true ;
/******/
/******/ // Return the exports of the module
/******/ return module . exports ;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ _ _webpack _require _ _ . m = modules ;
/******/
/******/ // expose the module cache
/******/ _ _webpack _require _ _ . c = installedModules ;
/******/
/******/ // __webpack_public_path__
/******/ _ _webpack _require _ _ . p = "/" ;
/******/
/******/ // Load entry module and return exports
/******/ return _ _webpack _require _ _ ( 0 ) ;
/******/ } )
/************************************************************************/
/******/ ( {
/***/ 0 :
/***/ function ( module , exports , _ _webpack _require _ _ ) {
2016-12-05 03:53:41 +00:00
module . exports = _ _webpack _require _ _ ( 126 ) ;
2016-11-21 03:39:30 +00:00
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 126 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports , _ _webpack _require _ _ ) {
'use strict' ;
Object . defineProperty ( exports , "__esModule" , {
value : true
} ) ;
exports . default = install ;
2016-12-05 03:53:41 +00:00
var _mdList = _ _webpack _require _ _ ( 127 ) ;
2016-11-21 03:39:30 +00:00
var _mdList2 = _interopRequireDefault ( _mdList ) ;
2016-12-05 03:53:41 +00:00
var _mdListItem = _ _webpack _require _ _ ( 130 ) ;
2016-11-21 03:39:30 +00:00
var _mdListItem2 = _interopRequireDefault ( _mdListItem ) ;
2016-12-05 03:53:41 +00:00
var _mdListExpand = _ _webpack _require _ _ ( 132 ) ;
2016-11-21 03:39:30 +00:00
var _mdListExpand2 = _interopRequireDefault ( _mdListExpand ) ;
2016-12-05 03:53:41 +00:00
var _mdList3 = _ _webpack _require _ _ ( 135 ) ;
2016-11-21 03:39:30 +00:00
var _mdList4 = _interopRequireDefault ( _mdList3 ) ;
function _interopRequireDefault ( obj ) { return obj && obj . _ _esModule ? obj : { default : obj } ; }
function install ( Vue ) {
Vue . component ( 'md-list' , Vue . extend ( _mdList2 . default ) ) ;
Vue . component ( 'md-list-item' , Vue . extend ( _mdListItem2 . default ) ) ;
Vue . component ( 'md-list-expand' , Vue . extend ( _mdListExpand2 . default ) ) ;
Vue . material . styles . push ( _mdList4 . default ) ;
}
module . exports = exports [ 'default' ] ;
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 127 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports , _ _webpack _require _ _ ) {
var _ _vue _exports _ _ , _ _vue _options _ _
var _ _vue _styles _ _ = { }
/* styles */
2016-12-05 03:53:41 +00:00
_ _webpack _require _ _ ( 128 )
2016-11-21 03:39:30 +00:00
/* template */
2016-12-05 03:53:41 +00:00
var _ _vue _template _ _ = _ _webpack _require _ _ ( 129 )
2016-11-21 03:39:30 +00:00
_ _vue _options _ _ = _ _vue _exports _ _ = _ _vue _exports _ _ || { }
if (
typeof _ _vue _exports _ _ . default === "object" ||
typeof _ _vue _exports _ _ . default === "function"
) {
if ( Object . keys ( _ _vue _exports _ _ ) . some ( function ( key ) { return key !== "default" && key !== "__esModule" } ) ) { console . error ( "named exports are not supported in *.vue files." ) }
_ _vue _options _ _ = _ _vue _exports _ _ = _ _vue _exports _ _ . default
}
if ( typeof _ _vue _options _ _ === "function" ) {
_ _vue _options _ _ = _ _vue _options _ _ . options
}
2016-12-09 15:59:35 +00:00
_ _vue _options _ _ . _ _file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdList/mdList.vue"
2016-11-21 03:39:30 +00:00
_ _vue _options _ _ . render = _ _vue _template _ _ . render
_ _vue _options _ _ . staticRenderFns = _ _vue _template _ _ . staticRenderFns
/* hot reload */
if ( false ) { ( function ( ) {
var hotAPI = require ( "vue-hot-reload-api" )
hotAPI . install ( require ( "vue" ) , false )
if ( ! hotAPI . compatible ) return
module . hot . accept ( )
if ( ! module . hot . data ) {
2016-12-09 15:59:35 +00:00
hotAPI . createRecord ( "data-v-31411da3" , _ _vue _options _ _ )
2016-11-21 03:39:30 +00:00
} else {
2016-12-09 15:59:35 +00:00
hotAPI . reload ( "data-v-31411da3" , _ _vue _options _ _ )
2016-11-21 03:39:30 +00:00
}
} ) ( ) }
if ( _ _vue _options _ _ . functional ) { console . error ( "[vue-loader] mdList.vue: functional components are not supported and should be defined in plain js files using render functions." ) }
module . exports = _ _vue _exports _ _
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 128 :
/***/ function ( module , exports ) {
// removed by extract-text-webpack-plugin
/***/ } ,
/***/ 129 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports , _ _webpack _require _ _ ) {
2016-12-05 03:53:41 +00:00
module . exports = { render : function ( ) { var _vm = this ; var _h = _vm . $createElement ;
return _h ( 'ul' , {
2016-11-21 03:39:30 +00:00
staticClass : "md-list"
} , [ _vm . _t ( "default" ) ] )
} , staticRenderFns : [ ] }
2016-12-05 03:53:41 +00:00
module . exports . render . _withStripped = true
2016-11-21 03:39:30 +00:00
if ( false ) {
module . hot . accept ( )
if ( module . hot . data ) {
2016-12-09 15:59:35 +00:00
require ( "vue-hot-reload-api" ) . rerender ( "data-v-31411da3" , module . exports )
2016-11-21 03:39:30 +00:00
}
}
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 130 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports , _ _webpack _require _ _ ) {
var _ _vue _exports _ _ , _ _vue _options _ _
var _ _vue _styles _ _ = { }
/* script */
2016-12-05 03:53:41 +00:00
_ _vue _exports _ _ = _ _webpack _require _ _ ( 131 )
2016-11-21 03:39:30 +00:00
_ _vue _options _ _ = _ _vue _exports _ _ = _ _vue _exports _ _ || { }
if (
typeof _ _vue _exports _ _ . default === "object" ||
typeof _ _vue _exports _ _ . default === "function"
) {
if ( Object . keys ( _ _vue _exports _ _ ) . some ( function ( key ) { return key !== "default" && key !== "__esModule" } ) ) { console . error ( "named exports are not supported in *.vue files." ) }
_ _vue _options _ _ = _ _vue _exports _ _ = _ _vue _exports _ _ . default
}
if ( typeof _ _vue _options _ _ === "function" ) {
_ _vue _options _ _ = _ _vue _options _ _ . options
}
2016-12-09 15:59:35 +00:00
_ _vue _options _ _ . _ _file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdList/mdListItem.vue"
2016-11-21 03:39:30 +00:00
/* hot reload */
if ( false ) { ( function ( ) {
var hotAPI = require ( "vue-hot-reload-api" )
hotAPI . install ( require ( "vue" ) , false )
if ( ! hotAPI . compatible ) return
module . hot . accept ( )
if ( ! module . hot . data ) {
2016-12-09 15:59:35 +00:00
hotAPI . createRecord ( "data-v-8ade8454" , _ _vue _options _ _ )
2016-11-21 03:39:30 +00:00
} else {
2016-12-09 15:59:35 +00:00
hotAPI . reload ( "data-v-8ade8454" , _ _vue _options _ _ )
2016-11-21 03:39:30 +00:00
}
} ) ( ) }
if ( _ _vue _options _ _ . functional ) { console . error ( "[vue-loader] mdListItem.vue: functional components are not supported and should be defined in plain js files using render functions." ) }
module . exports = _ _vue _exports _ _
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 131 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports ) {
'use strict' ;
Object . defineProperty ( exports , "__esModule" , {
value : true
} ) ;
exports . default = {
props : {
href : String ,
target : String ,
disabled : Boolean
} ,
render : function render ( createElement ) {
var _this = this ;
var containerClass = 'md-button md-list-item-container' ;
var holderClass = 'md-list-item-holder' ;
var slot = this . $slots . default ;
var componentOptions = slot [ 0 ] . componentOptions ;
var expandSlot = void 0 ;
var expandSlotIndex = void 0 ;
var listItemSpec = {
staticClass : 'md-list-item' ,
on : {
click : function click ( ) {
_this . $emit ( 'click' ) ;
}
}
} ;
var createItemHolder = function createItemHolder ( content ) {
return createElement ( 'div' , { staticClass : holderClass } , content ) ;
} ;
var createCompatibleRouterLink = function createCompatibleRouterLink ( ) {
slot [ 0 ] . data . staticClass = containerClass + ' ' + holderClass ;
slot [ 0 ] . data . directives = [ {
name : 'md-ink-ripple'
} ] ;
return createElement ( 'li' , listItemSpec , slot ) ;
} ;
var prepareExpandList = function prepareExpandList ( ) {
slot . some ( function ( slot , index ) {
if ( slot . componentOptions && slot . componentOptions . tag === 'md-list-expand' ) {
expandSlot = slot ;
expandSlotIndex = index ;
return true ;
}
} ) ;
} ;
var createExpandIndicator = function createExpandIndicator ( ) {
return createElement ( 'md-icon' , {
staticClass : 'md-list-expand-indicator'
} , 'keyboard_arrow_down' ) ;
} ;
var recalculateExpand = function recalculateExpand ( element ) {
element . $children . some ( function ( expand ) {
if ( expand . $el . classList . contains ( 'md-list-expand' ) ) {
expand . calculatePadding ( ) ;
}
} ) ;
} ;
var handleExpandClick = function handleExpandClick ( scope ) {
var target = void 0 ;
scope . $parent . $children . some ( function ( child ) {
var classList = child . $el . classList ;
if ( classList . contains ( 'md-list-item-expand' ) && classList . contains ( 'md-active' ) ) {
target = child ;
classList . remove ( 'md-active' ) ;
recalculateExpand ( child ) ;
return true ;
}
} ) ;
if ( ! target || scope . $el !== target . $el ) {
scope . $el . classList . add ( 'md-active' ) ;
}
} ;
var createExpandElement = function createExpandElement ( ) {
slot . splice ( expandSlotIndex , 1 ) ;
slot . push ( createExpandIndicator ( ) ) ;
return createElement ( 'button' , {
staticClass : containerClass ,
on : {
click : function click ( ) {
handleExpandClick ( _this ) ;
_this . $emit ( 'click' ) ;
}
} ,
directives : [ {
name : 'md-ink-ripple'
} ]
} , [ createItemHolder ( slot ) ] ) ;
} ;
var createExpandList = function createExpandList ( ) {
listItemSpec . staticClass += ' md-list-item-expand' ;
return createElement ( 'li' , listItemSpec , [ createExpandElement ( ) , expandSlot ] ) ;
} ;
if ( componentOptions && componentOptions . tag === 'router-link' ) {
return createCompatibleRouterLink ( ) ;
}
prepareExpandList ( ) ;
if ( expandSlot ) {
return createExpandList ( ) ;
}
var buttonSpec = createElement ( 'md-button' , {
staticClass : containerClass ,
attrs : {
target : this . target ,
href : this . href ,
disabled : this . disabled
}
} , [ createItemHolder ( slot ) ] ) ;
if ( this . target ) {
buttonSpec . data . attrs . rel = 'noopener' ;
}
return createElement ( 'li' , listItemSpec , [ buttonSpec ] ) ;
}
} ;
module . exports = exports [ 'default' ] ;
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 132 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports , _ _webpack _require _ _ ) {
var _ _vue _exports _ _ , _ _vue _options _ _
var _ _vue _styles _ _ = { }
/* script */
2016-12-05 03:53:41 +00:00
_ _vue _exports _ _ = _ _webpack _require _ _ ( 133 )
2016-11-21 03:39:30 +00:00
/* template */
2016-12-05 03:53:41 +00:00
var _ _vue _template _ _ = _ _webpack _require _ _ ( 134 )
2016-11-21 03:39:30 +00:00
_ _vue _options _ _ = _ _vue _exports _ _ = _ _vue _exports _ _ || { }
if (
typeof _ _vue _exports _ _ . default === "object" ||
typeof _ _vue _exports _ _ . default === "function"
) {
if ( Object . keys ( _ _vue _exports _ _ ) . some ( function ( key ) { return key !== "default" && key !== "__esModule" } ) ) { console . error ( "named exports are not supported in *.vue files." ) }
_ _vue _options _ _ = _ _vue _exports _ _ = _ _vue _exports _ _ . default
}
if ( typeof _ _vue _options _ _ === "function" ) {
_ _vue _options _ _ = _ _vue _options _ _ . options
}
2016-12-09 15:59:35 +00:00
_ _vue _options _ _ . _ _file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdList/mdListExpand.vue"
2016-11-21 03:39:30 +00:00
_ _vue _options _ _ . render = _ _vue _template _ _ . render
_ _vue _options _ _ . staticRenderFns = _ _vue _template _ _ . staticRenderFns
/* hot reload */
if ( false ) { ( function ( ) {
var hotAPI = require ( "vue-hot-reload-api" )
hotAPI . install ( require ( "vue" ) , false )
if ( ! hotAPI . compatible ) return
module . hot . accept ( )
if ( ! module . hot . data ) {
2016-12-09 15:59:35 +00:00
hotAPI . createRecord ( "data-v-413f471d" , _ _vue _options _ _ )
2016-11-21 03:39:30 +00:00
} else {
2016-12-09 15:59:35 +00:00
hotAPI . reload ( "data-v-413f471d" , _ _vue _options _ _ )
2016-11-21 03:39:30 +00:00
}
} ) ( ) }
if ( _ _vue _options _ _ . functional ) { console . error ( "[vue-loader] mdListExpand.vue: functional components are not supported and should be defined in plain js files using render functions." ) }
module . exports = _ _vue _exports _ _
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 133 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports ) {
'use strict' ;
Object . defineProperty ( exports , "__esModule" , {
value : true
} ) ;
//
//
//
//
//
//
exports . default = {
data : function data ( ) {
return {
height : 0
} ;
} ,
methods : {
calculatePadding : function calculatePadding ( ) {
this . height = - this . $el . offsetHeight + 'px' ;
}
} ,
mounted : function mounted ( ) {
this . calculatePadding ( ) ;
}
} ;
module . exports = exports [ 'default' ] ;
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 134 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports , _ _webpack _require _ _ ) {
2016-12-05 03:53:41 +00:00
module . exports = { render : function ( ) { var _vm = this ; var _h = _vm . $createElement ;
return _h ( 'div' , {
2016-11-21 03:39:30 +00:00
staticClass : "md-list-expand" ,
style : ( {
'margin-bottom' : _vm . height
} )
} , [ _vm . _t ( "default" ) ] )
} , staticRenderFns : [ ] }
2016-12-05 03:53:41 +00:00
module . exports . render . _withStripped = true
2016-11-21 03:39:30 +00:00
if ( false ) {
module . hot . accept ( )
if ( module . hot . data ) {
2016-12-09 15:59:35 +00:00
require ( "vue-hot-reload-api" ) . rerender ( "data-v-413f471d" , module . exports )
2016-11-21 03:39:30 +00:00
}
}
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 135 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports ) {
module . exports = ".THEME_NAME .md-list, .THEME_NAME.md-list {\n background-color: BACKGROUND-COLOR-A100;\n color: BACKGROUND-CONTRAST; }\n .THEME_NAME .md-list.md-transparent, .THEME_NAME.md-list.md-transparent {\n background-color: transparent;\n color: inherit; }\n .THEME_NAME .md-list .md-list-item .router-link-active.md-list-item-container, .THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item .router-link-active.md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container > .md-icon {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-primary .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-primary .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container > .md-icon {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-accent .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container {\n color: ACCENT-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-accent .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container > .md-icon {\n color: ACCENT-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-warn .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container {\n color: WARN-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-warn .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container > .md-icon {\n color: WARN-COLOR; }\n .THEME_NAME .md-list .md-list-item-expand .md-list-item-container, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container {\n background-color: BACKGROUND-COLOR-A100; }\n .THEME_NAME .md-list .md-list-item-expand .md-list-item-container:hover, .THEME_NAME .md-list .md-list-item-expand .md-list-item-container:focus, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container:hover, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container:focus {\n background-color: rgba(153, 153, 153, 0.2); }\n"
/***/ }
/******/ } )
} ) ;
;
//# sourceMappingURL=index.debug.js.map