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 _ _ ( 26 ) ;
2016-11-21 03:39:30 +00:00
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 26 :
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 _mdButtonToggle = _ _webpack _require _ _ ( 27 ) ;
2016-11-21 03:39:30 +00:00
var _mdButtonToggle2 = _interopRequireDefault ( _mdButtonToggle ) ;
2016-12-05 03:53:41 +00:00
var _mdButtonToggle3 = _ _webpack _require _ _ ( 31 ) ;
2016-11-21 03:39:30 +00:00
var _mdButtonToggle4 = _interopRequireDefault ( _mdButtonToggle3 ) ;
function _interopRequireDefault ( obj ) { return obj && obj . _ _esModule ? obj : { default : obj } ; }
function install ( Vue ) {
Vue . component ( 'md-button-toggle' , Vue . extend ( _mdButtonToggle2 . default ) ) ;
Vue . material . styles . push ( _mdButtonToggle4 . default ) ;
}
module . exports = exports [ 'default' ] ;
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 27 :
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 _ _ ( 28 )
2016-11-21 03:39:30 +00:00
/* script */
2016-12-05 03:53:41 +00:00
_ _vue _exports _ _ = _ _webpack _require _ _ ( 29 )
2016-11-21 03:39:30 +00:00
/* template */
2016-12-05 03:53:41 +00:00
var _ _vue _template _ _ = _ _webpack _require _ _ ( 30 )
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/mdButtonToggle/mdButtonToggle.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-47084aa3" , _ _vue _options _ _ )
2016-11-21 03:39:30 +00:00
} else {
2016-12-09 15:59:35 +00:00
hotAPI . reload ( "data-v-47084aa3" , _ _vue _options _ _ )
2016-11-21 03:39:30 +00:00
}
} ) ( ) }
if ( _ _vue _options _ _ . functional ) { console . error ( "[vue-loader] mdButtonToggle.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
/***/ 28 :
/***/ function ( module , exports ) {
// removed by extract-text-webpack-plugin
/***/ } ,
/***/ 29 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports ) {
'use strict' ;
Object . defineProperty ( exports , "__esModule" , {
value : true
} ) ;
//
//
//
//
//
//
//
//
var onClickButton = void 0 ;
exports . default = {
props : {
2016-12-05 03:53:41 +00:00
mdSingle : Boolean
2016-11-21 03:39:30 +00:00
} ,
mounted : function mounted ( ) {
var _this = this ;
this . $children . forEach ( function ( child ) {
var element = child . $el ;
var toggleClass = 'md-toggle' ;
onClickButton = function onClickButton ( ) {
2016-12-05 03:53:41 +00:00
if ( _this . mdSingle ) {
2016-11-21 03:39:30 +00:00
_this . $children . forEach ( function ( child ) {
child . $el . classList . remove ( toggleClass ) ;
} ) ;
element . classList . add ( toggleClass ) ;
} else {
element . classList . toggle ( toggleClass ) ;
}
} ;
if ( element && element . classList . contains ( 'md-button' ) ) {
element . addEventListener ( 'click' , onClickButton ) ;
}
} ) ;
} ,
beforeDestroy : function beforeDestroy ( ) {
this . $children . forEach ( function ( child ) {
var element = child . $el ;
if ( element && element . classList . contains ( 'md-button' ) ) {
element . removeEventListener ( 'click' , onClickButton ) ;
}
} ) ;
}
} ;
module . exports = exports [ 'default' ] ;
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 30 :
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-button-group md-button-toggle"
} , [ _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-47084aa3" , module . exports )
2016-11-21 03:39:30 +00:00
}
}
/***/ } ,
2016-12-05 03:53:41 +00:00
/***/ 31 :
2016-11-21 03:39:30 +00:00
/***/ function ( module , exports ) {
module . exports = ".THEME_NAME .md-button-toggle .md-button:after, .THEME_NAME.md-button-toggle .md-button:after {\n width: 1px;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n content: \" \"; }\n\n.THEME_NAME .md-button-toggle .md-toggle, .THEME_NAME.md-button-toggle .md-toggle {\n color: BACKGROUND-CONTRAST-600;\n background-color: BACKGROUND-COLOR-500; }\n .THEME_NAME .md-button-toggle .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n background-color: BACKGROUND-COLOR-600; }\n .THEME_NAME .md-button-toggle .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n background-color: BACKGROUND-COLOR-600; }\n\n.THEME_NAME .md-button-toggle.md-primary .md-toggle, .THEME_NAME.md-button-toggle.md-primary .md-toggle {\n color: PRIMARY-CONTRAST;\n background-color: PRIMARY-COLOR; }\n .THEME_NAME .md-button-toggle.md-primary .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n background-color: PRIMARY-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-primary .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n background-color: PRIMARY-COLOR-700; }\n\n.THEME_NAME .md-button-toggle.md-accent .md-toggle, .THEME_NAME.md-button-toggle.md-accent .md-toggle {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME .md-button-toggle.md-accent .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n background-color: ACCENT-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-accent .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n background-color: ACCENT-COLOR-700; }\n\n.THEME_NAME .md-button-toggle.md-warn .md-toggle, .THEME_NAME.md-button-toggle.md-warn .md-toggle {\n color: WARN-CONTRAST;\n background-color: WARN-COLOR; }\n .THEME_NAME .md-button-toggle.md-warn .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n background-color: WARN-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-warn .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n background-color: WARN-COLOR-700; }\n\n.THEME_NAME .md-button-toggle [disabled], .THEME_NAME.md-button-toggle [disabled] {\n color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME .md-button-toggle [disabled].md-toggle, .THEME_NAME.md-button-toggle [disabled].md-toggle {\n color: BACKGROUND-CONTRAST-0.2;\n background-color: rgba(0, 0, 0, 0.26); }\n"
/***/ }
/******/ } )
} ) ;
;
//# sourceMappingURL=index.debug.js.map