Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-05 22:14:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
vue-material/dist/components/mdOnboarding/index.debug.js

1598 lines
43 KiB
JavaScript
Raw Permalink Normal View History

[build] 0.7.2
2017-06-19 16:27:45 +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] = {
/******/ 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 `<md-theme>` 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', {
[build] 0.7.2.1
2017-06-22 10:58:45 +00:00
on: {
[build] 0.7.2
2017-06-19 16:27:45 +00:00
"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', {
[build] 0.7.2.1
2017-06-22 10:58:45 +00:00
on: {
[build] 0.7.2
2017-06-19 16:27:45 +00:00
"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'];
/***/ })
/******/ });
}));
Reference in a new issue Copy permalink