UNPKG

vue-mdl

Version:

Reusable Vue components using Material Design Lite

1,766 lines (1,488 loc) 134 kB
(function webpackUniversalModuleDefinition(root, factory) { if(typeof exports === 'object' && typeof module === 'object') module.exports = factory(); else if(typeof define === 'function' && define.amd) define("VueMdl", [], factory); else if(typeof exports === 'object') exports["VueMdl"] = factory(); else root["VueMdl"] = 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__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.MdlNavLink = exports.MdlNav = exports.MdlLayoutSpacer = exports.MdlLayoutContent = exports.MdlLayoutDrawer = exports.MdlLayoutHeaderRow = exports.MdlLayout = exports.MdlChip = exports.MdlTab = exports.MdlTabs = exports.MdlDialog = exports.MdlSelect = exports.MdlSnackbar = exports.MdlCard = exports.MdlMenuItem = exports.MdlMenu = exports.MdlTooltip = exports.MdlTextfield = exports.MdlSlider = exports.MdlSpinner = exports.MdlProgress = exports.MdlAnchorButton = exports.MdlButton = exports.MdlIconToggle = exports.MdlRadio = exports.MdlSwitch = exports.MdlBadge = exports.MdlCheckbox = exports.Mdl = exports.directives = exports.components = undefined; var _keys = __webpack_require__(1); var _keys2 = _interopRequireDefault(_keys); var _mdl = __webpack_require__(36); var _mdl2 = _interopRequireDefault(_mdl); var _checkbox = __webpack_require__(37); var _checkbox2 = _interopRequireDefault(_checkbox); var _radio = __webpack_require__(41); var _radio2 = _interopRequireDefault(_radio); var _badge = __webpack_require__(44); var _badge2 = _interopRequireDefault(_badge); var _button = __webpack_require__(45); var _button2 = _interopRequireDefault(_button); var _anchorButton = __webpack_require__(49); var _anchorButton2 = _interopRequireDefault(_anchorButton); var _progress = __webpack_require__(52); var _progress2 = _interopRequireDefault(_progress); var _spinner = __webpack_require__(55); var _spinner2 = _interopRequireDefault(_spinner); var _iconToggle = __webpack_require__(58); var _iconToggle2 = _interopRequireDefault(_iconToggle); var _slider = __webpack_require__(61); var _slider2 = _interopRequireDefault(_slider); var _switch = __webpack_require__(64); var _switch2 = _interopRequireDefault(_switch); var _textfield = __webpack_require__(67); var _textfield2 = _interopRequireDefault(_textfield); var _tooltip = __webpack_require__(70); var _tooltip2 = _interopRequireDefault(_tooltip); var _menu = __webpack_require__(73); var _menu2 = _interopRequireDefault(_menu); var _menuItem = __webpack_require__(76); var _menuItem2 = _interopRequireDefault(_menuItem); var _card = __webpack_require__(79); var _card2 = _interopRequireDefault(_card); var _snackbar = __webpack_require__(82); var _snackbar2 = _interopRequireDefault(_snackbar); var _select = __webpack_require__(85); var _select2 = _interopRequireDefault(_select); var _dialog = __webpack_require__(92); var _dialog2 = _interopRequireDefault(_dialog); var _tabs = __webpack_require__(99); var _tabs2 = _interopRequireDefault(_tabs); var _tab = __webpack_require__(105); var _tab2 = _interopRequireDefault(_tab); var _chip = __webpack_require__(115); var _chip2 = _interopRequireDefault(_chip); var _layout = __webpack_require__(118); var _layout2 = _interopRequireDefault(_layout); var _headerRow = __webpack_require__(121); var _headerRow2 = _interopRequireDefault(_headerRow); var _drawer = __webpack_require__(124); var _drawer2 = _interopRequireDefault(_drawer); var _content = __webpack_require__(127); var _content2 = _interopRequireDefault(_content); var _spacer = __webpack_require__(128); var _spacer2 = _interopRequireDefault(_spacer); var _nav = __webpack_require__(129); var _nav2 = _interopRequireDefault(_nav); var _link = __webpack_require__(130); var _link2 = _interopRequireDefault(_link); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var components = exports.components = { MdlCheckbox: _checkbox2.default, MdlSwitch: _switch2.default, MdlIconToggle: _iconToggle2.default, MdlRadio: _radio2.default, MdlProgress: _progress2.default, MdlButton: _button2.default, MdlAnchorButton: _anchorButton2.default, MdlSpinner: _spinner2.default, MdlSlider: _slider2.default, MdlTextfield: _textfield2.default, MdlTooltip: _tooltip2.default, MdlMenu: _menu2.default, MdlMenuItem: _menuItem2.default, MdlCard: _card2.default, MdlSnackbar: _snackbar2.default, MdlSelect: _select2.default, MdlDialog: _dialog2.default, MdlTabs: _tabs2.default, MdlTab: _tab2.default, MdlBadge: _badge2.default, MdlChip: _chip2.default, MdlLayout: _layout2.default, MdlLayoutHeaderRow: _headerRow2.default, MdlLayoutDrawer: _drawer2.default, MdlLayoutContent: _content2.default, MdlLayoutSpacer: _spacer2.default, MdlNav: _nav2.default, MdlNavLink: _link2.default }; var directives = exports.directives = { Mdl: _mdl2.default }; exports.default = { install: function install(Vue) { (0, _keys2.default)(components).forEach(function (name) { Vue.component(name, components[name]); }); (0, _keys2.default)(directives).forEach(function (name) { Vue.directive(name, directives[name]); }); } }; exports.Mdl = _mdl2.default; exports.MdlCheckbox = _checkbox2.default; exports.MdlBadge = _badge2.default; exports.MdlSwitch = _switch2.default; exports.MdlRadio = _radio2.default; exports.MdlIconToggle = _iconToggle2.default; exports.MdlButton = _button2.default; exports.MdlAnchorButton = _anchorButton2.default; exports.MdlProgress = _progress2.default; exports.MdlSpinner = _spinner2.default; exports.MdlSlider = _slider2.default; exports.MdlTextfield = _textfield2.default; exports.MdlTooltip = _tooltip2.default; exports.MdlMenu = _menu2.default; exports.MdlMenuItem = _menuItem2.default; exports.MdlCard = _card2.default; exports.MdlSnackbar = _snackbar2.default; exports.MdlSelect = _select2.default; exports.MdlDialog = _dialog2.default; exports.MdlTabs = _tabs2.default; exports.MdlTab = _tab2.default; exports.MdlChip = _chip2.default; exports.MdlLayout = _layout2.default; exports.MdlLayoutHeaderRow = _headerRow2.default; exports.MdlLayoutDrawer = _drawer2.default; exports.MdlLayoutContent = _content2.default; exports.MdlLayoutSpacer = _spacer2.default; exports.MdlNav = _nav2.default; exports.MdlNavLink = _link2.default; /***/ }, /* 1 */ /***/ function(module, exports, __webpack_require__) { module.exports = { "default": __webpack_require__(2), __esModule: true }; /***/ }, /* 2 */ /***/ function(module, exports, __webpack_require__) { __webpack_require__(3); module.exports = __webpack_require__(23).Object.keys; /***/ }, /* 3 */ /***/ function(module, exports, __webpack_require__) { // 19.1.2.14 Object.keys(O) var toObject = __webpack_require__(4) , $keys = __webpack_require__(6); __webpack_require__(21)('keys', function(){ return function keys(it){ return $keys(toObject(it)); }; }); /***/ }, /* 4 */ /***/ function(module, exports, __webpack_require__) { // 7.1.13 ToObject(argument) var defined = __webpack_require__(5); module.exports = function(it){ return Object(defined(it)); }; /***/ }, /* 5 */ /***/ function(module, exports) { // 7.2.1 RequireObjectCoercible(argument) module.exports = function(it){ if(it == undefined)throw TypeError("Can't call method on " + it); return it; }; /***/ }, /* 6 */ /***/ function(module, exports, __webpack_require__) { // 19.1.2.14 / 15.2.3.14 Object.keys(O) var $keys = __webpack_require__(7) , enumBugKeys = __webpack_require__(20); module.exports = Object.keys || function keys(O){ return $keys(O, enumBugKeys); }; /***/ }, /* 7 */ /***/ function(module, exports, __webpack_require__) { var has = __webpack_require__(8) , toIObject = __webpack_require__(9) , arrayIndexOf = __webpack_require__(12)(false) , IE_PROTO = __webpack_require__(16)('IE_PROTO'); module.exports = function(object, names){ var O = toIObject(object) , i = 0 , result = [] , key; for(key in O)if(key != IE_PROTO)has(O, key) && result.push(key); // Don't enum bug & hidden keys while(names.length > i)if(has(O, key = names[i++])){ ~arrayIndexOf(result, key) || result.push(key); } return result; }; /***/ }, /* 8 */ /***/ function(module, exports) { var hasOwnProperty = {}.hasOwnProperty; module.exports = function(it, key){ return hasOwnProperty.call(it, key); }; /***/ }, /* 9 */ /***/ function(module, exports, __webpack_require__) { // to indexed object, toObject with fallback for non-array-like ES3 strings var IObject = __webpack_require__(10) , defined = __webpack_require__(5); module.exports = function(it){ return IObject(defined(it)); }; /***/ }, /* 10 */ /***/ function(module, exports, __webpack_require__) { // fallback for non-array-like ES3 and non-enumerable old V8 strings var cof = __webpack_require__(11); module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){ return cof(it) == 'String' ? it.split('') : Object(it); }; /***/ }, /* 11 */ /***/ function(module, exports) { var toString = {}.toString; module.exports = function(it){ return toString.call(it).slice(8, -1); }; /***/ }, /* 12 */ /***/ function(module, exports, __webpack_require__) { // false -> Array#indexOf // true -> Array#includes var toIObject = __webpack_require__(9) , toLength = __webpack_require__(13) , toIndex = __webpack_require__(15); module.exports = function(IS_INCLUDES){ return function($this, el, fromIndex){ var O = toIObject($this) , length = toLength(O.length) , index = toIndex(fromIndex, length) , value; // Array#includes uses SameValueZero equality algorithm if(IS_INCLUDES && el != el)while(length > index){ value = O[index++]; if(value != value)return true; // Array#toIndex ignores holes, Array#includes - not } else for(;length > index; index++)if(IS_INCLUDES || index in O){ if(O[index] === el)return IS_INCLUDES || index || 0; } return !IS_INCLUDES && -1; }; }; /***/ }, /* 13 */ /***/ function(module, exports, __webpack_require__) { // 7.1.15 ToLength var toInteger = __webpack_require__(14) , min = Math.min; module.exports = function(it){ return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 }; /***/ }, /* 14 */ /***/ function(module, exports) { // 7.1.4 ToInteger var ceil = Math.ceil , floor = Math.floor; module.exports = function(it){ return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); }; /***/ }, /* 15 */ /***/ function(module, exports, __webpack_require__) { var toInteger = __webpack_require__(14) , max = Math.max , min = Math.min; module.exports = function(index, length){ index = toInteger(index); return index < 0 ? max(index + length, 0) : min(index, length); }; /***/ }, /* 16 */ /***/ function(module, exports, __webpack_require__) { var shared = __webpack_require__(17)('keys') , uid = __webpack_require__(19); module.exports = function(key){ return shared[key] || (shared[key] = uid(key)); }; /***/ }, /* 17 */ /***/ function(module, exports, __webpack_require__) { var global = __webpack_require__(18) , SHARED = '__core-js_shared__' , store = global[SHARED] || (global[SHARED] = {}); module.exports = function(key){ return store[key] || (store[key] = {}); }; /***/ }, /* 18 */ /***/ function(module, exports) { // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 var global = module.exports = typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')(); if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef /***/ }, /* 19 */ /***/ function(module, exports) { var id = 0 , px = Math.random(); module.exports = function(key){ return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); }; /***/ }, /* 20 */ /***/ function(module, exports) { // IE 8- don't enum bug keys module.exports = ( 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' ).split(','); /***/ }, /* 21 */ /***/ function(module, exports, __webpack_require__) { // most Object methods by ES6 should accept primitives var $export = __webpack_require__(22) , core = __webpack_require__(23) , fails = __webpack_require__(32); module.exports = function(KEY, exec){ var fn = (core.Object || {})[KEY] || Object[KEY] , exp = {}; exp[KEY] = exec(fn); $export($export.S + $export.F * fails(function(){ fn(1); }), 'Object', exp); }; /***/ }, /* 22 */ /***/ function(module, exports, __webpack_require__) { var global = __webpack_require__(18) , core = __webpack_require__(23) , ctx = __webpack_require__(24) , hide = __webpack_require__(26) , PROTOTYPE = 'prototype'; var $export = function(type, name, source){ var IS_FORCED = type & $export.F , IS_GLOBAL = type & $export.G , IS_STATIC = type & $export.S , IS_PROTO = type & $export.P , IS_BIND = type & $export.B , IS_WRAP = type & $export.W , exports = IS_GLOBAL ? core : core[name] || (core[name] = {}) , expProto = exports[PROTOTYPE] , target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE] , key, own, out; if(IS_GLOBAL)source = name; for(key in source){ // contains in native own = !IS_FORCED && target && target[key] !== undefined; if(own && key in exports)continue; // export native or passed out = own ? target[key] : source[key]; // prevent global pollution for namespaces exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key] // bind timers to global for call from export context : IS_BIND && own ? ctx(out, global) // wrap global constructors for prevent change them in library : IS_WRAP && target[key] == out ? (function(C){ var F = function(a, b, c){ if(this instanceof C){ switch(arguments.length){ case 0: return new C; case 1: return new C(a); case 2: return new C(a, b); } return new C(a, b, c); } return C.apply(this, arguments); }; F[PROTOTYPE] = C[PROTOTYPE]; return F; // make static versions for prototype methods })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out; // export proto methods to core.%CONSTRUCTOR%.methods.%NAME% if(IS_PROTO){ (exports.virtual || (exports.virtual = {}))[key] = out; // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME% if(type & $export.R && expProto && !expProto[key])hide(expProto, key, out); } } }; // type bitmap $export.F = 1; // forced $export.G = 2; // global $export.S = 4; // static $export.P = 8; // proto $export.B = 16; // bind $export.W = 32; // wrap $export.U = 64; // safe $export.R = 128; // real proto method for `library` module.exports = $export; /***/ }, /* 23 */ /***/ function(module, exports) { var core = module.exports = {version: '2.4.0'}; if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef /***/ }, /* 24 */ /***/ function(module, exports, __webpack_require__) { // optional / simple context binding var aFunction = __webpack_require__(25); module.exports = function(fn, that, length){ aFunction(fn); if(that === undefined)return fn; switch(length){ case 1: return function(a){ return fn.call(that, a); }; case 2: return function(a, b){ return fn.call(that, a, b); }; case 3: return function(a, b, c){ return fn.call(that, a, b, c); }; } return function(/* ...args */){ return fn.apply(that, arguments); }; }; /***/ }, /* 25 */ /***/ function(module, exports) { module.exports = function(it){ if(typeof it != 'function')throw TypeError(it + ' is not a function!'); return it; }; /***/ }, /* 26 */ /***/ function(module, exports, __webpack_require__) { var dP = __webpack_require__(27) , createDesc = __webpack_require__(35); module.exports = __webpack_require__(31) ? function(object, key, value){ return dP.f(object, key, createDesc(1, value)); } : function(object, key, value){ object[key] = value; return object; }; /***/ }, /* 27 */ /***/ function(module, exports, __webpack_require__) { var anObject = __webpack_require__(28) , IE8_DOM_DEFINE = __webpack_require__(30) , toPrimitive = __webpack_require__(34) , dP = Object.defineProperty; exports.f = __webpack_require__(31) ? Object.defineProperty : function defineProperty(O, P, Attributes){ anObject(O); P = toPrimitive(P, true); anObject(Attributes); if(IE8_DOM_DEFINE)try { return dP(O, P, Attributes); } catch(e){ /* empty */ } if('get' in Attributes || 'set' in Attributes)throw TypeError('Accessors not supported!'); if('value' in Attributes)O[P] = Attributes.value; return O; }; /***/ }, /* 28 */ /***/ function(module, exports, __webpack_require__) { var isObject = __webpack_require__(29); module.exports = function(it){ if(!isObject(it))throw TypeError(it + ' is not an object!'); return it; }; /***/ }, /* 29 */ /***/ function(module, exports) { module.exports = function(it){ return typeof it === 'object' ? it !== null : typeof it === 'function'; }; /***/ }, /* 30 */ /***/ function(module, exports, __webpack_require__) { module.exports = !__webpack_require__(31) && !__webpack_require__(32)(function(){ return Object.defineProperty(__webpack_require__(33)('div'), 'a', {get: function(){ return 7; }}).a != 7; }); /***/ }, /* 31 */ /***/ function(module, exports, __webpack_require__) { // Thank's IE8 for his funny defineProperty module.exports = !__webpack_require__(32)(function(){ return Object.defineProperty({}, 'a', {get: function(){ return 7; }}).a != 7; }); /***/ }, /* 32 */ /***/ function(module, exports) { module.exports = function(exec){ try { return !!exec(); } catch(e){ return true; } }; /***/ }, /* 33 */ /***/ function(module, exports, __webpack_require__) { var isObject = __webpack_require__(29) , document = __webpack_require__(18).document // in old IE typeof document.createElement is 'object' , is = isObject(document) && isObject(document.createElement); module.exports = function(it){ return is ? document.createElement(it) : {}; }; /***/ }, /* 34 */ /***/ function(module, exports, __webpack_require__) { // 7.1.1 ToPrimitive(input [, PreferredType]) var isObject = __webpack_require__(29); // instead of the ES6 spec version, we didn't implement @@toPrimitive case // and the second argument - flag - preferred type is a string module.exports = function(it, S){ if(!isObject(it))return it; var fn, val; if(S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val; if(typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it)))return val; if(!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val; throw TypeError("Can't convert object to primitive value"); }; /***/ }, /* 35 */ /***/ function(module, exports) { module.exports = function(bitmap, value){ return { enumerable : !(bitmap & 1), configurable: !(bitmap & 2), writable : !(bitmap & 4), value : value }; }; /***/ }, /* 36 */ /***/ function(module, exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { bind: function bind(el) { componentHandler.upgradeElements(el); } }; /***/ }, /* 37 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(38) /* template */ var __vue_template__ = __webpack_require__(40) __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 } __vue_options__.__file = "/Users/posva/vue-mdl/src/toggles/checkbox.vue" __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) { hotAPI.createRecord("data-v-59130e27", __vue_options__) } else { hotAPI.reload("data-v-59130e27", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] checkbox.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 38 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _toggle = __webpack_require__(39); var _toggle2 = _interopRequireDefault(_toggle); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { mixins: [_toggle2.default] }; /***/ }, /* 39 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { props: { disabled: { required: false }, id: String, value: { type: [Array, Boolean, Number], required: true }, val: { required: false } }, data: function data() { return { checkedProxy: false }; }, computed: { checked: { get: function get() { return this.value; }, set: function set(val) { this.checkedProxy = val; } }, isChecked: function isChecked() { return this.value instanceof Array ? this.value.indexOf(this.val) >= 0 : this.value; }, cssClasses: function cssClasses() { return { 'is-disabled': this.disabled, 'is-checked': this.isChecked }; } }, methods: { fireChange: function fireChange(event) { this.$emit('input', this.checkedProxy); } }, mounted: function mounted() { componentHandler.upgradeElements(this.$el); } }; /***/ }, /* 40 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('label', { staticClass: "mdl-checkbox mdl-js-checkbox is-upgraded", class: _vm.cssClasses, attrs: { "for": _vm.id } }, [_c('input', { directives: [{ name: "model", rawName: "v-model", value: (_vm.checked), expression: "checked" }], staticClass: "mdl-checkbox__input", attrs: { "type": "checkbox", "id": _vm.id, "disabled": _vm.disabled }, domProps: { "value": _vm.val, "checked": Array.isArray(_vm.checked) ? _vm._i(_vm.checked, _vm.val) > -1 : (_vm.checked) }, on: { "change": _vm.fireChange, "click": function($event) { var $$a = _vm.checked, $$el = $event.target, $$c = $$el.checked ? (true) : (false); if (Array.isArray($$a)) { var $$v = _vm.val, $$i = _vm._i($$a, $$v); if ($$c) { $$i < 0 && (_vm.checked = $$a.concat($$v)) } else { $$i > -1 && (_vm.checked = $$a.slice(0, $$i).concat($$a.slice($$i + 1))) } } else { _vm.checked = $$c } } } }), _vm._v(" "), _c('span', { staticClass: "mdl-checkbox__label" }, [_vm._t("default")], 2)]) },staticRenderFns: []} module.exports.render._withStripped = true if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-59130e27", module.exports) } } /***/ }, /* 41 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(42) /* template */ var __vue_template__ = __webpack_require__(43) __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 } __vue_options__.__file = "/Users/posva/vue-mdl/src/toggles/radio.vue" __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) { hotAPI.createRecord("data-v-3842db47", __vue_options__) } else { hotAPI.reload("data-v-3842db47", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] radio.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 42 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { props: { name: String, disabled: { required: false }, id: String, value: { type: [String, Number], required: true }, val: { required: true } }, computed: { checked: { get: function get() { return this.value; }, set: function set(val) { this.checkedProxy = val; } }, isChecked: function isChecked() { return this.value === this.val; }, cssClasses: function cssClasses() { return { 'is-disabled': this.disabled, 'is-checked': this.isChecked }; } }, mounted: function mounted() { componentHandler.upgradeElements(this.$el); }, methods: { fireChange: function fireChange(event) { this.$emit('input', this.checkedProxy); } } }; /***/ }, /* 43 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('label', { staticClass: "mdl-radio mdl-js-radio is-upgraded", class: _vm.cssClasses, attrs: { "for": _vm.id } }, [_c('input', { directives: [{ name: "model", rawName: "v-model", value: (_vm.checked), expression: "checked" }], staticClass: "mdl-radio__button", attrs: { "type": "radio", "id": _vm.id, "name": _vm.name, "disabled": _vm.disabled }, domProps: { "value": _vm.val, "checked": _vm._q(_vm.checked, _vm.val) }, on: { "change": _vm.fireChange, "click": function($event) { _vm.checked = _vm.val } } }), _vm._v(" "), _c('span', { staticClass: "mdl-radio__label" }, [_vm._t("default")], 2)]) },staticRenderFns: []} module.exports.render._withStripped = true if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-3842db47", module.exports) } } /***/ }, /* 44 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); function shouldAddProp(_ref) { var hide = _ref.hide, badge = _ref.badge; return !hide && badge; } exports.default = { functional: true, props: { badge: [String, Number], overlap: [Boolean, String], noBackground: [Boolean, String], hide: Boolean }, render: function render(h, context) { if (context.children.length !== 1) { console.error('MdlBadge must have exactly one child'); } var child = context.children[0]; if (!child.elm) { child.data = child.data || {}; child.data.staticClass = child.data.staticClass || ''; child.data.staticClass += ' mdl-badge'; if (context.props.overlap) child.data.staticClass += ' mdl-badge--overlap'; if (context.props.noBackground) child.data.staticClass += ' mdl-badge--no-background'; child.data.attrs = child.data.attrs || {}; if (shouldAddProp(context.props)) { child.data.attrs['data-badge'] = context.props.badge; } } else { child.elm.removeAttribute('data-badge'); if (shouldAddProp(context.props)) { child.elm.dataset.badge = context.props.badge; } child.elm.classList.remove('mdl-badge--no-background'); if (context.props.noBackground) { child.elm.classList.add('mdl-badge--no-background'); } child.elm.classList.remove('mdl-badge--overlap'); if (context.props.overlap) { child.elm.classList.add('mdl-badge--overlap'); } } return child; } }; /***/ }, /* 45 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(46) /* template */ var __vue_template__ = __webpack_require__(48) __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 } __vue_options__.__file = "/Users/posva/vue-mdl/src/button.vue" __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) { hotAPI.createRecord("data-v-22205eb4", __vue_options__) } else { hotAPI.reload("data-v-22205eb4", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] button.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 46 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _button = __webpack_require__(47); var _button2 = _interopRequireDefault(_button); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { mixins: [_button2.default] }; /***/ }, /* 47 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { computed: { cssClasses: function cssClasses() { return { 'mdl-button--icon': this.icon, 'mdl-button--accent': this.accent, 'mdl-button--primary': this.primary, 'mdl-button--mini-fab': this.miniFab, 'mdl-button--fab': this.fab || this.miniFab, 'mdl-button--raised': this.raised, 'mdl-button--colored': this.colored }; }, isIconSpecified: function isIconSpecified() { return this.icon && typeof this.icon === 'string'; } }, props: { disabled: Boolean, icon: [String, Boolean], accent: Boolean, primary: Boolean, miniFab: Boolean, fab: Boolean, raised: Boolean, colored: Boolean }, mounted: function mounted() { componentHandler.upgradeElement(this.$el); } }; /***/ }, /* 48 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('button', { staticClass: "mdl-button mdl-js-button", class: _vm.cssClasses, attrs: { "disabled": _vm.disabled } }, [_vm._t("default", [(_vm.isIconSpecified) ? _c('i', { staticClass: "material-icons" }, [_vm._v(_vm._s(_vm.icon))]) : _vm._e()])], 2) },staticRenderFns: []} module.exports.render._withStripped = true if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-22205eb4", module.exports) } } /***/ }, /* 49 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(50) /* template */ var __vue_template__ = __webpack_require__(51) __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 } __vue_options__.__file = "/Users/posva/vue-mdl/src/anchor-button.vue" __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) { hotAPI.createRecord("data-v-7979d0f4", __vue_options__) } else { hotAPI.reload("data-v-7979d0f4", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] anchor-button.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 50 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _button = __webpack_require__(47); var _button2 = _interopRequireDefault(_button); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { mixins: [_button2.default] }; /***/ }, /* 51 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('a', { staticClass: "mdl-button mdl-js-button", class: _vm.cssClasses, attrs: { "disabled": _vm.disabled } }, [_vm._t("default", [(_vm.isIconSpecified) ? _c('i', { staticClass: "material-icons" }, [_vm._v(_vm._s(_vm.icon))]) : _vm._e()])], 2) },staticRenderFns: []} module.exports.render._withStripped = true if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-7979d0f4", module.exports) } } /***/ }, /* 52 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(53) /* template */ var __vue_template__ = __webpack_require__(54) __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 } __vue_options__.__file = "/Users/posva/vue-mdl/src/progress.vue" __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) { hotAPI.createRecord("data-v-235def21", __vue_options__) } else { hotAPI.reload("data-v-235def21", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] progress.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 53 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { props: { progress: { required: false }, buffer: { required: false }, indeterminate: Boolean }, mounted: function mounted() { var _this = this; componentHandler.upgradeElement(this.$el, 'MaterialProgress'); if (this.progress != null) { this.$el.MaterialProgress.setProgress(this.progress); this.$watch('progress', function (val) { return _this.$el.MaterialProgress.setProgress(val); }); } if (this.buffer != null) { this.$el.MaterialProgress.setBuffer(this.buffer); this.$watch('buffer', function (val) { return _this.$el.MaterialProgress.setBuffer(val); }); } } }; /***/ }, /* 54 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('div', { staticClass: "mdl-progress mdl-js-progress", class: { 'mdl-progress__indeterminate': _vm.indeterminate } }) },staticRenderFns: []} module.exports.render._withStripped = true if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-235def21", module.exports) } } /***/ }, /* 55 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(56) /* template */ var __vue_template__ = __webpack_require__(57) __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 } __vue_options__.__file = "/Users/posva/vue-mdl/src/spinner.vue" __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) { hotAPI.createRecord("data-v-04226856", __vue_options__) } else { hotAPI.reload("data-v-04226856", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] spinner.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 56 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { props: { active: { default: true, type: Boolean }, singleColor: Boolean }, mounted: function mounted() { componentHandler.upgradeElement(this.$el, 'MaterialSpinner'); } }; /***/ }, /* 57 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('div', { staticClass: "mdl-spinner mdl-js-spinner", class: { 'mdl-spinner--single-color': _vm.singleColor, 'is-active': _vm.active } }) },staticRenderFns: []} module.exports.render._withStripped = true if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-04226856", module.exports) } } /***/ }, /* 58 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(59) /* template */ var __vue_template__ = __webpack_require__(60) __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 } __vue_options__.__file = "/Users/posva/vue-mdl/src/toggles/icon-toggle.vue" __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) { hotAPI.createRecord("data-v-15cede18", __vue_options__) } else { hotAPI.reload("data-v-15cede18", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] icon-toggle.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 59 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _toggle = __webpack_require__(39); var _toggle2 = _interopRequireDefault(_toggle); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.default = { props: { icon: { required: true, type: String } }, mixins: [_toggle2.default] }; /***/ }, /* 60 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; return _c('label', { staticClass: "mdl-icon-toggle mdl-js-icon-toggle is-upgraded", class: _vm.cssClasses, attrs: { "for": _vm.id } }, [_c('input', { directives: [{ name: "model", rawName: "v-model", value: (_vm.checked), expression: "checked" }], staticClass: "mdl-icon-toggle__input", attrs: { "type": "checkbox", "id": _vm.id, "disabled": _vm.disabled }, domProps: { "value": _vm.val, "checked": Array.isArray(_vm.checked) ? _vm._i(_vm.checked, _vm.val) > -1 : (_vm.checked) }, on: { "change": _vm.fireChange, "click": function($event) { var $$a = _vm.checked, $$el = $event.target, $$c = $$el.checked ? (true) : (false); if (Array.isArray($$a)) { var $$v = _vm.val, $$i = _vm._i($$a, $$v); if ($$c) { $$i < 0 && (_vm.checked = $$a.concat($$v)) } else { $$i > -1 && (_vm.checked = $$a.slice(0, $$i).concat($$a.slice($$i + 1))) } } else { _vm.checked = $$c } } } }), _vm._v(" "), _c('i', { staticClass: "mdl-icon-toggle__label material-icons" }, [_vm._v(_vm._s(_vm.icon))])]) },staticRenderFns: []} module.exports.render._withStripped = true if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-15cede18", module.exports) } } /***/ }, /* 61 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(62) /* template */ var __vue_template__ = __webpack_require__(63) __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 } __vue_options__.__file = "/Users/posva/vue-mdl/src/slider.vue" __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) { hotAPI.createRecord("data-v-1b7fb2d5", __vue_options__) } else { hotAPI.reload("data-v-1b7fb2d5", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] slider.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 62 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { computed: { lowerBackgroundStyle: function lowerBackgroundStyle() { return { flex: this.relativeValue + ' 1 0%' }; }, upperBackgroundStyle: function upperBackgroundStyle() { return { flex: 1 - this.relativeValue + ' 1 0%' }; }, valueNumber: function valueNumber() { return Number(this.value); }, stepNumber: function stepNumber() { return Number(this.step); }, minNumber: function minNumber() { return Number(this.min); }, maxNumber: function maxNumber() { return Number(this.max); }, relativeValue: function relativeValue() { var val = Math.round((this.valueNumber - this.minNumber) / this.stepNumber) * this.stepNumber; return val / (this.maxNumber - this.minNumber); } }, props: { value: { type: [String, Number], required: true }, step: { type: [String, Number], default: 1 }, min: { type: [String, Number], default: 0 }, max: { type: [String, Number], required: true }, dis