(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] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ // Flag the module as loaded /******/ module.l = 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; /******/ // identity function for calling harmony imports with the correct context /******/ __webpack_require__.i = function(value) { return value; }; /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { /******/ configurable: false, /******/ enumerable: true, /******/ get: getter /******/ }); /******/ } /******/ }; /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ // __webpack_public_path__ /******/ __webpack_require__.p = "/"; /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = 464); /******/ }) /************************************************************************/ /******/ ({ /***/ 0: /***/ (function(module, exports) { /* globals __VUE_SSR_CONTEXT__ */ // this module is a runtime utility for cleaner component module output and will // be included in the final webpack user bundle module.exports = function normalizeComponent ( rawScriptExports, compiledTemplate, injectStyles, scopeId, moduleIdentifier /* server only */ ) { var esModule var scriptExports = rawScriptExports = rawScriptExports || {} // ES6 modules interop var type = typeof rawScriptExports.default if (type === 'object' || type === 'function') { esModule = rawScriptExports scriptExports = rawScriptExports.default } // Vue.extend constructor export interop var options = typeof scriptExports === 'function' ? scriptExports.options : scriptExports // render functions if (compiledTemplate) { options.render = compiledTemplate.render options.staticRenderFns = compiledTemplate.staticRenderFns } // scopedId if (scopeId) { options._scopeId = scopeId } var hook if (moduleIdentifier) { // server build hook = function (context) { // 2.3 injection context = context || // cached call (this.$vnode && this.$vnode.ssrContext) || // stateful (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional // 2.2 with runInNewContext: true if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { context = __VUE_SSR_CONTEXT__ } // inject component styles if (injectStyles) { injectStyles.call(this, context) } // register component module identifier for async chunk inferrence if (context && context._registeredComponents) { context._registeredComponents.add(moduleIdentifier) } } // used by ssr in case component is cached and beforeCreate // never gets called options._ssrRegister = hook } else if (injectStyles) { hook = injectStyles } if (hook) { var functional = options.functional var existing = functional ? options.render : options.beforeCreate if (!functional) { // inject component registration as beforeCreate hook options.beforeCreate = existing ? [].concat(existing, hook) : [hook] } else { // register for functioal component in vue file options.render = function renderWithStyleInjection (h, context) { hook.call(context) return existing(h, context) } } } return { esModule: esModule, exports: scriptExports, options: options } } /***/ }), /***/ 1: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); // Theme mixin // Grab the closest ancestor component's `md-theme` attribute OR grab the // `md-name` attribute from an `` component. function getAncestorThemeName(component) { if (!component) { return null; } var name = component.mdTheme; if (!name && component.$options._componentTag === 'md-theme') { name = component.mdName; } return name || getAncestorThemeName(component.$parent); } exports.default = { props: { mdTheme: String }, computed: { mdEffectiveTheme: function mdEffectiveTheme() { return getAncestorThemeName(this) || this.$material.currentTheme; }, themeClass: function themeClass() { return this.$material.prefix + this.mdEffectiveTheme; } }, watch: { mdTheme: function mdTheme(value) { this.$material.useTheme(value); } }, beforeMount: function beforeMount() { var localTheme = this.mdTheme; this.$material.useTheme(localTheme ? localTheme : 'default'); } }; module.exports = exports['default']; /***/ }), /***/ 10: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var getClosestVueParent = function getClosestVueParent($parent, cssClass) { if (!$parent || !$parent.$el) { return false; } if ($parent._uid === 0) { return false; } if ($parent.$el.classList.contains(cssClass)) { return $parent; } return getClosestVueParent($parent.$parent, cssClass); }; exports.default = getClosestVueParent; module.exports = exports["default"]; /***/ }), /***/ 11: /***/ (function(module, exports, __webpack_require__) { var dP = __webpack_require__(9) , createDesc = __webpack_require__(17); module.exports = __webpack_require__(3) ? function(object, key, value){ return dP.f(object, key, createDesc(1, value)); } : function(object, key, value){ object[key] = value; return object; }; /***/ }), /***/ 13: /***/ (function(module, exports, __webpack_require__) { var isObject = __webpack_require__(6); module.exports = function(it){ if(!isObject(it))throw TypeError(it + ' is not an object!'); return it; }; /***/ }), /***/ 14: /***/ (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; }; /***/ }), /***/ 15: /***/ (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); }; /***/ }), /***/ 16: /***/ (function(module, exports, __webpack_require__) { var global = __webpack_require__(2) , core = __webpack_require__(4) , ctx = __webpack_require__(28) , hide = __webpack_require__(11) , 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; /***/ }), /***/ 17: /***/ (function(module, exports) { module.exports = function(bitmap, value){ return { enumerable : !(bitmap & 1), configurable: !(bitmap & 2), writable : !(bitmap & 4), value : value }; }; /***/ }), /***/ 171: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _uniqueId = __webpack_require__(36); var _uniqueId2 = _interopRequireDefault(_uniqueId); var _getClosestVueParent = __webpack_require__(10); var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } // // // // // // exports.default = { props: { id: [String, Number], mdLabel: [String, Number], mdIcon: String, mdActive: Boolean, mdDisabled: Boolean, mdTooltip: String, mdTooltipDelay: { type: String, default: '0' }, mdTooltipDirection: { type: String, default: 'bottom' } }, data: function data() { return { mounted: false, boardId: this.id || 'board-' + (0, _uniqueId2.default)(), width: '0px', left: '0px' }; }, watch: { mdActive: function mdActive() { this.updateBoardData(); }, mdDisabled: function mdDisabled() { this.updateBoardData(); }, mdIcon: function mdIcon() { this.updateBoardData(); }, mdLabel: function mdLabel() { this.updateBoardData(); }, mdTooltip: function mdTooltip() { this.updateBoardData(); }, mdTooltipDelay: function mdTooltipDelay() { this.updateBoardData(); }, mdTooltipDirection: function mdTooltipDirection() { this.updateBoardData(); } }, computed: { styles: function styles() { return { width: this.width, left: this.left }; } }, methods: { getBoardData: function getBoardData() { return { id: this.boardId, label: this.mdLabel, icon: this.mdIcon, active: this.mdActive, disabled: this.mdDisabled, tooltip: this.mdTooltip, tooltipDelay: this.mdTooltipDelay, tooltipDirection: this.mdTooltipDirection, ref: this }; }, updateBoardData: function updateBoardData() { this.parentBoards.updateBoard(this.getBoardData()); } }, mounted: function mounted() { var boardData = this.getBoardData(); this.parentBoards = (0, _getClosestVueParent2.default)(this.$parent, 'md-boards'); if (!this.parentBoards) { throw new Error('You must wrap the md-board in a md-boards'); } this.mounted = true; this.parentBoards.updateBoard(boardData); if (this.mdActive) { this.parentBoards.setActiveBoard(boardData); } }, beforeDestroy: function beforeDestroy() { this.parentBoards.unregisterBoard(this.getBoardData()); } }; module.exports = exports['default']; /***/ }), /***/ 172: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _keys = __webpack_require__(38); var _keys2 = _interopRequireDefault(_keys); var _mixin = __webpack_require__(1); var _mixin2 = _interopRequireDefault(_mixin); var _throttle = __webpack_require__(50); var _throttle2 = _interopRequireDefault(_throttle); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // exports.default = { props: { mdFixed: Boolean, mdCentered: Boolean, mdRight: Boolean, mdDynamicHeight: { type: Boolean, default: true }, mdElevation: { type: [String, Number], default: 0 }, mdAuto: { type: Boolean, default: false }, mdDuration: { type: Number, default: 5000 }, mdControls: { type: Boolean, default: false }, mdInfinite: { type: Boolean, default: false }, mdSwipeable: Boolean, mdSwipeDistance: { type: Number, default: 100 } }, mixins: [_mixin2.default], data: function data() { return { boardList: {}, activeBoard: null, activeBoardNumber: 0, hasIcons: false, hasLabel: false, transitionControl: null, transitionOff: false, contentHeight: '0px', contentWidth: '0px', autoTransition: null }; }, computed: { boardClasses: function boardClasses() { return { 'md-dynamic-height': this.mdDynamicHeight, 'md-transition-off': this.transitionOff }; }, navigationClasses: function navigationClasses() { return { 'md-has-icon': this.hasIcons, 'md-has-label': this.hasLabel, 'md-fixed': this.mdFixed, 'md-right': !this.mdCentered && this.mdRight, 'md-centered': this.mdCentered || this.mdFixed }; }, indicatorClasses: function indicatorClasses() { var toLeft = this.lastIndicatorNumber > this.activeBoardNumber; this.lastIndicatorNumber = this.activeBoardNumber; return { 'md-transition-off': this.transitionOff, 'md-to-right': !toLeft, 'md-to-left': toLeft }; } }, methods: { getHeaderClass: function getHeaderClass(header) { return { 'md-active': this.activeBoard === header.id, 'md-disabled': header.disabled }; }, registerBoard: function registerBoard(boardData) { this.boardList[boardData.id] = boardData; }, unregisterBoard: function unregisterBoard(boardData) { delete this.boardList[boardData.id]; }, updateBoard: function updateBoard(boardData) { this.registerBoard(boardData); if (boardData.active) { if (!boardData.disabled) { this.setActiveBoard(boardData); } else if ((0, _keys2.default)(this.boardList).length) { var boardsIds = (0, _keys2.default)(this.boardList); var targetIndex = boardsIds.indexOf(boardData.id) + 1; var target = boardsIds[targetIndex]; if (target) { this.setActiveBoard(this.boardList[target]); } else { this.setActiveBoard(this.boardList[0]); } } } }, observeElementChanges: function observeElementChanges() { this.parentObserver = new MutationObserver((0, _throttle2.default)(this.calculateOnWatch, 50)); this.parentObserver.observe(this.$refs.boardsContent, { childList: true, attributes: true, subtree: true }); }, getBoardIndex: function getBoardIndex(id) { var idList = (0, _keys2.default)(this.boardList); return idList.indexOf(id); }, calculateIndicatorPos: function calculateIndicatorPos() { if (this.$refs.boardHeader && this.$refs.boardHeader[this.activeBoardNumber]) { var boardsWidth = this.$el.offsetWidth; var activeBoard = this.$refs.boardHeader[this.activeBoardNumber]; var left = activeBoard.offsetLeft; var right = boardsWidth - left - activeBoard.offsetWidth; this.$refs.indicator.style.left = left + 'px'; this.$refs.indicator.style.right = right + 'px'; } }, calculateBoardsWidthAndPosition: function calculateBoardsWidthAndPosition() { var width = this.$el.offsetWidth; var index = 0; this.contentWidth = width * this.activeBoardNumber + 'px'; for (var boardId in this.boardList) { var board = this.boardList[boardId]; board.ref.width = width + 'px'; board.ref.left = width * index + 'px'; index++; } }, calculateContentHeight: function calculateContentHeight() { var _this = this; this.$nextTick((function () { if ((0, _keys2.default)(_this.boardList).length) { var height = _this.boardList[_this.activeBoard].ref.$el.offsetHeight; _this.contentHeight = height + 'px'; } })); }, calculatePosition: function calculatePosition() { var _this2 = this; window.requestAnimationFrame((function () { _this2.calculateIndicatorPos(); _this2.calculateBoardsWidthAndPosition(); _this2.calculateContentHeight(); })); }, debounceTransition: function debounceTransition() { var _this3 = this; window.clearTimeout(this.transitionControl); this.transitionControl = window.setTimeout((function () { _this3.calculatePosition(); _this3.transitionOff = false; }), 200); }, calculateOnWatch: function calculateOnWatch() { this.calculatePosition(); this.debounceTransition(); }, calculateOnResize: function calculateOnResize() { this.transitionOff = true; this.calculateOnWatch(); }, start: function start() { var _this4 = this; if (this.autoTransition) { window.clearInterval(this.autoTransition); } this.autoTransition = window.setInterval((function () { _this4.moveNextBoard(); }), this.mdDuration); }, setActiveBoard: function setActiveBoard(boardData, reset) { if (this.mdAuto && reset) { this.start(); } this.hasIcons = !!boardData.icon; this.hasLabel = !!boardData.label; this.activeBoard = boardData.id; this.activeBoardNumber = this.getBoardIndex(this.activeBoard); this.calculatePosition(); this.$emit('change', this.activeBoardNumber); }, movePrevBoard: function movePrevBoard() { var boardsIds = (0, _keys2.default)(this.boardList); var targetIndex = boardsIds.indexOf(this.activeBoard) - 1; var target = boardsIds[targetIndex]; if (target) { this.setActiveBoard(this.boardList[target], true); } else if (this.mdInfinite) { var lastBoard = (0, _keys2.default)(this.boardList)[(0, _keys2.default)(this.boardList).length - 1]; this.setActiveBoard(this.boardList[lastBoard], true); } }, moveNextBoard: function moveNextBoard() { var boardsIds = (0, _keys2.default)(this.boardList); var targetIndex = boardsIds.indexOf(this.activeBoard) + 1; var target = boardsIds[targetIndex]; if (target) { this.setActiveBoard(this.boardList[target], true); } else if (this.mdInfinite) { var firstBoard = (0, _keys2.default)(this.boardList)[0]; this.setActiveBoard(this.boardList[firstBoard], true); } }, isHorizontallyInside: function isHorizontallyInside(positionX) { return positionX > this.mountedRect.left && positionX < this.mountedRect.left + this.mountedRect.width; }, isVerticallyInside: function isVerticallyInside(positionY) { return positionY > this.mountedRect.top && positionY < this.mountedRect.top + this.mountedRect.height; }, handleTouchStart: function handleTouchStart(event) { this.mountedRect = this.$refs.boardsContent.getBoundingClientRect(); var positionX = event.changedTouches[0].clientX; var positionY = event.changedTouches[0].clientY; if (this.isHorizontallyInside(positionX) && this.isVerticallyInside(positionY)) { this.initialTouchPosition = positionX; this.canMove = true; } }, handleTouchEnd: function handleTouchEnd(event) { if (this.canMove) { var positionX = event.changedTouches[0].clientX; var difference = this.initialTouchPosition - positionX; var action = difference > 0 ? 'moveNextBoard' : 'movePrevBoard'; if (Math.abs(difference) > this.mdSwipeDistance) { this[action](); } this.canMove = false; this.initialTouchPosition = null; } } }, mounted: function mounted() { var _this5 = this; this.$nextTick((function () { _this5.observeElementChanges(); window.addEventListener('resize', _this5.calculateOnResize); if ((0, _keys2.default)(_this5.boardList).length && !_this5.activeBoard) { var firstBoard = (0, _keys2.default)(_this5.boardList)[0]; _this5.setActiveBoard(_this5.boardList[firstBoard]); } if (_this5.mdSwipeable) { _this5.mountedRect = _this5.$refs.boardsContent.getBoundingClientRect(); _this5.initialTouchPosition = null; _this5.canMove = false; document.addEventListener('touchstart', _this5.handleTouchStart); document.addEventListener('touchend', _this5.handleTouchEnd); } if (_this5.mdAuto) { _this5.start(); } })); }, beforeDestroy: function beforeDestroy() { if (this.parentObserver) { this.parentObserver.disconnect(); } if (this.autoTransition) { window.clearTimeout(this.autoTransition); } window.removeEventListener('resize', this.calculateOnResize); if (this.mdSwipeable) { document.removeEventListener('touchstart', this.handleTouchStart); document.removeEventListener('touchend', this.handleTouchEnd); } } }; module.exports = exports['default']; /***/ }), /***/ 18: /***/ (function(module, exports, __webpack_require__) { // 19.1.2.14 / 15.2.3.14 Object.keys(O) var $keys = __webpack_require__(31) , enumBugKeys = __webpack_require__(21); module.exports = Object.keys || function keys(O){ return $keys(O, enumBugKeys); }; /***/ }), /***/ 19: /***/ (function(module, exports, __webpack_require__) { var shared = __webpack_require__(22)('keys') , uid = __webpack_require__(20); module.exports = function(key){ return shared[key] || (shared[key] = uid(key)); }; /***/ }), /***/ 2: /***/ (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 /***/ }), /***/ 20: /***/ (function(module, exports) { var id = 0 , px = Math.random(); module.exports = function(key){ return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); }; /***/ }), /***/ 21: /***/ (function(module, exports) { // IE 8- don't enum bug keys module.exports = ( 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' ).split(','); /***/ }), /***/ 22: /***/ (function(module, exports, __webpack_require__) { var global = __webpack_require__(2) , SHARED = '__core-js_shared__' , store = global[SHARED] || (global[SHARED] = {}); module.exports = function(key){ return store[key] || (store[key] = {}); }; /***/ }), /***/ 23: /***/ (function(module, exports, __webpack_require__) { // 7.1.13 ToObject(argument) var defined = __webpack_require__(14); module.exports = function(it){ return Object(defined(it)); }; /***/ }), /***/ 24: /***/ (function(module, exports) { var toString = {}.toString; module.exports = function(it){ return toString.call(it).slice(8, -1); }; /***/ }), /***/ 25: /***/ (function(module, exports, __webpack_require__) { var isObject = __webpack_require__(6) , document = __webpack_require__(2).document // in old IE typeof document.createElement is 'object' , is = isObject(document) && isObject(document.createElement); module.exports = function(it){ return is ? document.createElement(it) : {}; }; /***/ }), /***/ 256: /***/ (function(module, exports) { // removed by extract-text-webpack-plugin /***/ }), /***/ 26: /***/ (function(module, exports, __webpack_require__) { // fallback for non-array-like ES3 and non-enumerable old V8 strings var cof = __webpack_require__(24); module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){ return cof(it) == 'String' ? it.split('') : Object(it); }; /***/ }), /***/ 27: /***/ (function(module, exports, __webpack_require__) { // 7.1.1 ToPrimitive(input [, PreferredType]) var isObject = __webpack_require__(6); // 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"); }; /***/ }), /***/ 28: /***/ (function(module, exports, __webpack_require__) { // optional / simple context binding var aFunction = __webpack_require__(33); 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); }; }; /***/ }), /***/ 280: /***/ (function(module, exports) { module.exports = ".THEME_NAME.md-boards > .md-boards-navigation {\n background-color: transparent; }\n .THEME_NAME.md-boards > .md-boards-navigation .md-board-header {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME.md-boards > .md-boards-navigation .md-board-header.md-active, .THEME_NAME.md-boards > .md-boards-navigation .md-board-header:focus {\n color: PRIMARY-COLOR; }\n .THEME_NAME.md-boards > .md-boards-navigation .md-board-header.md-disabled {\n color: BACKGROUND-CONTRAST-0.26; }\n .THEME_NAME.md-boards > .md-boards-navigation .md-button {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-boards.md-transparent > .md-boards-navigation {\n background-color: transparent; }\n .THEME_NAME.md-boards.md-transparent > .md-boards-navigation .md-board-header {\n color: PRIMARY-CONTRAST-0.54; }\n .THEME_NAME.md-boards.md-transparent > .md-boards-navigation .md-board-header.md-active, .THEME_NAME.md-boards.md-transparent > .md-boards-navigation .md-board-header:focus {\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-boards.md-transparent > .md-boards-navigation .md-board-header.md-disabled {\n color: PRIMARY-CONTRAST-0.26; }\n .THEME_NAME.md-boards.md-transparent > .md-boards-navigation .md-button {\n color: PRIMARY-CONTRAST-0.54; }\n\n.THEME_NAME.md-boards.md-primary > .md-boards-navigation {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-boards.md-primary > .md-boards-navigation .md-board-header {\n color: PRIMARY-CONTRAST-0.54; }\n .THEME_NAME.md-boards.md-primary > .md-boards-navigation .md-board-header.md-active, .THEME_NAME.md-boards.md-primary > .md-boards-navigation .md-board-header:focus {\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-boards.md-primary > .md-boards-navigation .md-board-header.md-disabled {\n color: PRIMARY-CONTRAST-0.26; }\n .THEME_NAME.md-boards.md-primary > .md-boards-navigation .md-button {\n color: PRIMARY-CONTRAST-0.54; }\n\n.THEME_NAME.md-boards.md-accent > .md-boards-navigation {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-boards.md-accent > .md-boards-navigation .md-board-header {\n color: ACCENT-CONTRAST-0.54; }\n .THEME_NAME.md-boards.md-accent > .md-boards-navigation .md-board-header.md-active, .THEME_NAME.md-boards.md-accent > .md-boards-navigation .md-board-header:focus {\n color: ACCENT-CONTRAST; }\n .THEME_NAME.md-boards.md-accent > .md-boards-navigation .md-board-header.md-disabled {\n color: ACCENT-CONTRAST-0.26; }\n .THEME_NAME.md-boards.md-accent > .md-boards-navigation .md-button {\n color: ACCENT-CONTRAST-0.54; }\n\n.THEME_NAME.md-boards.md-warn > .md-boards-navigation {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-boards.md-warn > .md-boards-navigation .md-board-header {\n color: WARN-CONTRAST-0.54; }\n .THEME_NAME.md-boards.md-warn > .md-boards-navigation .md-board-header.md-active, .THEME_NAME.md-boards.md-warn > .md-boards-navigation .md-board-header:focus {\n color: WARN-CONTRAST; }\n .THEME_NAME.md-boards.md-warn > .md-boards-navigation .md-board-header.md-disabled {\n color: WARN-CONTRAST-0.26; }\n .THEME_NAME.md-boards.md-warn > .md-boards-navigation .md-button {\n color: WARN-CONTRAST-0.54; }\n" /***/ }), /***/ 29: /***/ (function(module, exports, __webpack_require__) { // 7.1.15 ToLength var toInteger = __webpack_require__(15) , min = Math.min; module.exports = function(it){ return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 }; /***/ }), /***/ 3: /***/ (function(module, exports, __webpack_require__) { // Thank's IE8 for his funny defineProperty module.exports = !__webpack_require__(5)((function(){ return Object.defineProperty({}, 'a', {get: function(){ return 7; }}).a != 7; })); /***/ }), /***/ 30: /***/ (function(module, exports, __webpack_require__) { module.exports = !__webpack_require__(3) && !__webpack_require__(5)((function(){ return Object.defineProperty(__webpack_require__(25)('div'), 'a', {get: function(){ return 7; }}).a != 7; })); /***/ }), /***/ 31: /***/ (function(module, exports, __webpack_require__) { var has = __webpack_require__(8) , toIObject = __webpack_require__(7) , arrayIndexOf = __webpack_require__(34)(false) , IE_PROTO = __webpack_require__(19)('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; }; /***/ }), /***/ 33: /***/ (function(module, exports) { module.exports = function(it){ if(typeof it != 'function')throw TypeError(it + ' is not a function!'); return it; }; /***/ }), /***/ 34: /***/ (function(module, exports, __webpack_require__) { // false -> Array#indexOf // true -> Array#includes var toIObject = __webpack_require__(7) , toLength = __webpack_require__(29) , toIndex = __webpack_require__(35); 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; }; }; /***/ }), /***/ 341: /***/ (function(module, exports, __webpack_require__) { var disposed = false var Component = __webpack_require__(0)( /* script */ __webpack_require__(171), /* template */ __webpack_require__(408), /* styles */ null, /* scopeId */ null, /* moduleIdentifier (server only) */ null ) Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdOnboarding/mdBoard.vue" if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")} if (Component.options.functional) {console.error("[vue-loader] mdBoard.vue: functional components are not supported with templates, they should use render functions.")} /* 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-47ba0acd", Component.options) } else { hotAPI.reload("data-v-47ba0acd", Component.options) } module.hot.dispose((function (data) { disposed = true })) })()} module.exports = Component.exports /***/ }), /***/ 342: /***/ (function(module, exports, __webpack_require__) { var disposed = false function injectStyle (ssrContext) { if (disposed) return __webpack_require__(256) } var Component = __webpack_require__(0)( /* script */ __webpack_require__(172), /* template */ __webpack_require__(435), /* styles */ injectStyle, /* scopeId */ null, /* moduleIdentifier (server only) */ null ) Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdOnboarding/mdBoards.vue" if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")} if (Component.options.functional) {console.error("[vue-loader] mdBoards.vue: functional components are not supported with templates, they should use render functions.")} /* 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-999a2014", Component.options) } else { hotAPI.reload("data-v-999a2014", Component.options) } module.hot.dispose((function (data) { disposed = true })) })()} module.exports = Component.exports /***/ }), /***/ 35: /***/ (function(module, exports, __webpack_require__) { var toInteger = __webpack_require__(15) , max = Math.max , min = Math.min; module.exports = function(index, length){ index = toInteger(index); return index < 0 ? max(index + length, 0) : min(index, length); }; /***/ }), /***/ 36: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var uniqueId = function uniqueId() { return Math.random().toString(36).slice(4); }; exports.default = uniqueId; module.exports = exports["default"]; /***/ }), /***/ 38: /***/ (function(module, exports, __webpack_require__) { module.exports = { "default": __webpack_require__(43), __esModule: true }; /***/ }), /***/ 4: /***/ (function(module, exports) { var core = module.exports = {version: '2.4.0'}; if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef /***/ }), /***/ 408: /***/ (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: "md-board", style: (_vm.styles), attrs: { "id": _vm.boardId } }, [_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-47ba0acd", module.exports) } } /***/ }), /***/ 43: /***/ (function(module, exports, __webpack_require__) { __webpack_require__(48); module.exports = __webpack_require__(4).Object.keys; /***/ }), /***/ 435: /***/ (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: "md-boards", class: [_vm.themeClass, _vm.boardClasses] }, [_c('div', { ref: "boardsContent", staticClass: "md-boards-content", style: ({ height: _vm.contentHeight }) }, [_c('div', { staticClass: "md-boards-wrapper", style: ({ transform: ("translate3D(-" + _vm.contentWidth + ", 0, 0)") }) }, [_vm._t("default")], 2)]), _vm._v(" "), _c('nav', { ref: "boardNavigation", staticClass: "md-boards-navigation", class: _vm.navigationClasses }, [(!_vm.mdControls) ? _c('span', { staticStyle: { "flex": "1" } }) : _vm._e(), _vm._v(" "), (_vm.mdControls) ? _c('md-button', { on: { "click": function($event) { _vm.movePrevBoard() } } }, [_c('div', { staticClass: "md-board-header-container" }, [_c('md-icon', { staticClass: "md-control" }, [_vm._v("chevron_left")])], 1)]) : _vm._e(), _vm._v(" "), _c('span', { staticStyle: { "flex": "1" } }), _vm._v(" "), _vm._l((_vm.boardList), (function(header) { return _c('button', { key: header.id, ref: "boardHeader", refInFor: true, staticClass: "md-board-header", class: _vm.getHeaderClass(header), attrs: { "type": "button", "disabled": header.disabled }, on: { "click": function($event) { _vm.setActiveBoard(header, true) } } }, [_c('div', { staticClass: "md-board-header-container" }, [_c('md-icon', [_vm._v("fiber_manual_record")])], 1)]) })), _vm._v(" "), _c('span', { staticStyle: { "flex": "1" } }), _vm._v(" "), (_vm.mdControls) ? _c('md-button', { on: { "click": function($event) { _vm.moveNextBoard() } } }, [_c('div', { staticClass: "md-board-header-container" }, [_c('md-icon', { staticClass: "md-control" }, [_vm._v("chevron_right")])], 1)]) : _vm._e(), _vm._v(" "), (!_vm.mdControls) ? _c('span', { staticStyle: { "flex": "1" } }) : _vm._e(), _vm._v(" "), _c('span', { ref: "indicator" })], 2)]) },staticRenderFns: []} module.exports.render._withStripped = true if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-999a2014", module.exports) } } /***/ }), /***/ 46: /***/ (function(module, exports, __webpack_require__) { // most Object methods by ES6 should accept primitives var $export = __webpack_require__(16) , core = __webpack_require__(4) , fails = __webpack_require__(5); 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); }; /***/ }), /***/ 464: /***/ (function(module, exports, __webpack_require__) { module.exports = __webpack_require__(97); /***/ }), /***/ 48: /***/ (function(module, exports, __webpack_require__) { // 19.1.2.14 Object.keys(O) var toObject = __webpack_require__(23) , $keys = __webpack_require__(18); __webpack_require__(46)('keys', (function(){ return function keys(it){ return $keys(toObject(it)); }; })); /***/ }), /***/ 5: /***/ (function(module, exports) { module.exports = function(exec){ try { return !!exec(); } catch(e){ return true; } }; /***/ }), /***/ 50: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var debounce = function debounce(callback, limit) { var wait = false; return function () { if (!wait) { callback.call(); wait = true; window.setTimeout((function () { wait = false; }), limit); } }; }; exports.default = debounce; module.exports = exports["default"]; /***/ }), /***/ 6: /***/ (function(module, exports) { module.exports = function(it){ return typeof it === 'object' ? it !== null : typeof it === 'function'; }; /***/ }), /***/ 7: /***/ (function(module, exports, __webpack_require__) { // to indexed object, toObject with fallback for non-array-like ES3 strings var IObject = __webpack_require__(26) , defined = __webpack_require__(14); module.exports = function(it){ return IObject(defined(it)); }; /***/ }), /***/ 8: /***/ (function(module, exports) { var hasOwnProperty = {}.hasOwnProperty; module.exports = function(it, key){ return hasOwnProperty.call(it, key); }; /***/ }), /***/ 9: /***/ (function(module, exports, __webpack_require__) { var anObject = __webpack_require__(13) , IE8_DOM_DEFINE = __webpack_require__(30) , toPrimitive = __webpack_require__(27) , dP = Object.defineProperty; exports.f = __webpack_require__(3) ? 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; }; /***/ }), /***/ 97: /***/ (function(module, exports, __webpack_require__) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = install; var _mdBoards = __webpack_require__(342); var _mdBoards2 = _interopRequireDefault(_mdBoards); var _mdBoard = __webpack_require__(341); var _mdBoard2 = _interopRequireDefault(_mdBoard); var _mdBoards3 = __webpack_require__(280); var _mdBoards4 = _interopRequireDefault(_mdBoards3); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function install(Vue) { Vue.component('md-boards', _mdBoards2.default); Vue.component('md-board', _mdBoard2.default); Vue.material.styles.push(_mdBoards4.default); } module.exports = exports['default']; /***/ }) /******/ }); }));