vue-material/dist/components/mdInputContainer/index.debug.js
Pablo Henrique Penha Silva c288ce96d0 [build] 0.7.4
2017-06-23 09:35:14 -03:00

2310 lines
No EOL
59 KiB
JavaScript

(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 = 460);
/******/ })
/************************************************************************/
/******/ ({
/***/ 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;
};
/***/ }),
/***/ 115:
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Autosize 3.0.20
license: MIT
http://www.jacklmoore.com/autosize
*/
(function (global, factory) {
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, module], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof exports !== 'undefined' && typeof module !== 'undefined') {
factory(exports, module);
} else {
var mod = {
exports: {}
};
factory(mod.exports, mod);
global.autosize = mod.exports;
}
})(this, (function (exports, module) {
'use strict';
var map = typeof Map === "function" ? new Map() : (function () {
var keys = [];
var values = [];
return {
has: function has(key) {
return keys.indexOf(key) > -1;
},
get: function get(key) {
return values[keys.indexOf(key)];
},
set: function set(key, value) {
if (keys.indexOf(key) === -1) {
keys.push(key);
values.push(value);
}
},
'delete': function _delete(key) {
var index = keys.indexOf(key);
if (index > -1) {
keys.splice(index, 1);
values.splice(index, 1);
}
}
};
})();
var createEvent = function createEvent(name) {
return new Event(name, { bubbles: true });
};
try {
new Event('test');
} catch (e) {
// IE does not support `new Event()`
createEvent = function (name) {
var evt = document.createEvent('Event');
evt.initEvent(name, true, false);
return evt;
};
}
function assign(ta) {
if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || map.has(ta)) return;
var heightOffset = null;
var clientWidth = ta.clientWidth;
var cachedHeight = null;
function init() {
var style = window.getComputedStyle(ta, null);
if (style.resize === 'vertical') {
ta.style.resize = 'none';
} else if (style.resize === 'both') {
ta.style.resize = 'horizontal';
}
if (style.boxSizing === 'content-box') {
heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
} else {
heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
}
// Fix when a textarea is not on document body and heightOffset is Not a Number
if (isNaN(heightOffset)) {
heightOffset = 0;
}
update();
}
function changeOverflow(value) {
{
// Chrome/Safari-specific fix:
// When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space
// made available by removing the scrollbar. The following forces the necessary text reflow.
var width = ta.style.width;
ta.style.width = '0px';
// Force reflow:
/* jshint ignore:start */
ta.offsetWidth;
/* jshint ignore:end */
ta.style.width = width;
}
ta.style.overflowY = value;
}
function getParentOverflows(el) {
var arr = [];
while (el && el.parentNode && el.parentNode instanceof Element) {
if (el.parentNode.scrollTop) {
arr.push({
node: el.parentNode,
scrollTop: el.parentNode.scrollTop
});
}
el = el.parentNode;
}
return arr;
}
function resize() {
var originalHeight = ta.style.height;
var overflows = getParentOverflows(ta);
var docTop = document.documentElement && document.documentElement.scrollTop; // Needed for Mobile IE (ticket #240)
ta.style.height = 'auto';
var endHeight = ta.scrollHeight + heightOffset;
if (ta.scrollHeight === 0) {
// If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM.
ta.style.height = originalHeight;
return;
}
ta.style.height = endHeight + 'px';
// used to check if an update is actually necessary on window.resize
clientWidth = ta.clientWidth;
// prevents scroll-position jumping
overflows.forEach((function (el) {
el.node.scrollTop = el.scrollTop;
}));
if (docTop) {
document.documentElement.scrollTop = docTop;
}
}
function update() {
resize();
var styleHeight = Math.round(parseFloat(ta.style.height));
var computed = window.getComputedStyle(ta, null);
var actualHeight = Math.round(parseFloat(computed.height));
// The actual height not matching the style height (set via the resize method) indicates that
// the max-height has been exceeded, in which case the overflow should be set to visible.
if (actualHeight !== styleHeight) {
if (computed.overflowY !== 'visible') {
changeOverflow('visible');
resize();
actualHeight = Math.round(parseFloat(window.getComputedStyle(ta, null).height));
}
} else {
// Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
if (computed.overflowY !== 'hidden') {
changeOverflow('hidden');
resize();
actualHeight = Math.round(parseFloat(window.getComputedStyle(ta, null).height));
}
}
if (cachedHeight !== actualHeight) {
cachedHeight = actualHeight;
var evt = createEvent('autosize:resized');
try {
ta.dispatchEvent(evt);
} catch (err) {
// Firefox will throw an error on dispatchEvent for a detached element
// https://bugzilla.mozilla.org/show_bug.cgi?id=889376
}
}
}
var pageResize = function pageResize() {
if (ta.clientWidth !== clientWidth) {
update();
}
};
var destroy = (function (style) {
window.removeEventListener('resize', pageResize, false);
ta.removeEventListener('input', update, false);
ta.removeEventListener('keyup', update, false);
ta.removeEventListener('autosize:destroy', destroy, false);
ta.removeEventListener('autosize:update', update, false);
Object.keys(style).forEach((function (key) {
ta.style[key] = style[key];
}));
map['delete'](ta);
}).bind(ta, {
height: ta.style.height,
resize: ta.style.resize,
overflowY: ta.style.overflowY,
overflowX: ta.style.overflowX,
wordWrap: ta.style.wordWrap
});
ta.addEventListener('autosize:destroy', destroy, false);
// IE9 does not fire onpropertychange or oninput for deletions,
// so binding to onkeyup to catch most of those events.
// There is no way that I know of to detect something like 'cut' in IE9.
if ('onpropertychange' in ta && 'oninput' in ta) {
ta.addEventListener('keyup', update, false);
}
window.addEventListener('resize', pageResize, false);
ta.addEventListener('input', update, false);
ta.addEventListener('autosize:update', update, false);
ta.style.overflowX = 'hidden';
ta.style.wordWrap = 'break-word';
map.set(ta, {
destroy: destroy,
update: update
});
init();
}
function destroy(ta) {
var methods = map.get(ta);
if (methods) {
methods.destroy();
}
}
function update(ta) {
var methods = map.get(ta);
if (methods) {
methods.update();
}
}
var autosize = null;
// Do nothing in Node.js environment and IE8 (or lower)
if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
autosize = function (el) {
return el;
};
autosize.destroy = function (el) {
return el;
};
autosize.update = function (el) {
return el;
};
} else {
autosize = function (el, options) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], (function (x) {
return assign(x, options);
}));
}
return el;
};
autosize.destroy = function (el) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], destroy);
}
return el;
};
autosize.update = function (el) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], update);
}
return el;
};
}
module.exports = autosize;
}));
/***/ }),
/***/ 124:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
debounce: {
type: Number,
default: 1E3
},
disabled: Boolean,
fetch: {
type: Function
},
filterList: Function,
list: {
type: Array,
default: function _default() {
return [];
}
},
minChars: {
type: Number,
default: 1
},
name: String,
prepareResponseData: Function,
printAttribute: {
type: String,
default: 'name'
},
queryParam: {
type: String,
default: 'q'
},
required: Boolean
},
methods: {
onFocus: function onFocus() {
if (this.parentContainer) {
this.parentContainer.isFocused = true;
}
},
onBlur: function onBlur() {
this.parentContainer.isFocused = false;
this.setParentValue();
},
verifyProps: function verifyProps() {
if (!this.parentContainer) {
return this.throwErrorDestroy('You should wrap the md-input in a md-input-container');
} else if (this.listIsEmpty && this.filterList) {
return this.throwErrorDestroy('You should use a `filterList` function prop with the `list` prop');
} else if (!this.fetch && this.listIsEmpty) {
return this.throwErrorDestroy('You should use a `fetch` function prop');
}
},
throwErrorDestroy: function throwErrorDestroy(errorMessage) {
this.$destroy();
throw new Error(errorMessage);
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 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);
};
/***/ }),
/***/ 156:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _defineProperty2 = __webpack_require__(207);
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _assign = __webpack_require__(51);
var _assign2 = _interopRequireDefault(_assign);
var _autocompleteCommon = __webpack_require__(124);
var _autocompleteCommon2 = _interopRequireDefault(_autocompleteCommon);
var _common = __webpack_require__(58);
var _common2 = _interopRequireDefault(_common);
var _getClosestVueParent = __webpack_require__(10);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
mixins: [_common2.default, _autocompleteCommon2.default],
data: function data() {
return {
items: [],
loading: false,
query: '',
selected: null,
timeout: 0,
parentContainer: null,
searchButton: null
};
},
computed: {
listIsEmpty: function listIsEmpty() {
return this.list.length === 0;
}
},
watch: {
list: function list(value) {
this.items = (0, _assign2.default)([], value);
},
query: function query(value) {
this.$refs.input.value = value;
this.setParentUpdateValue(value);
},
value: function value(_value) {
this.query = _value;
this.setParentUpdateValue(_value);
}
},
methods: {
debounceUpdate: function debounceUpdate() {
var _this = this;
this.onInput();
if (this.timeout) {
window.clearTimeout(this.timeout);
}
this.timeout = window.setTimeout((function () {
if (!_this.listIsEmpty) {
_this.renderFilteredList();
return;
}
_this.update();
}), this.debounce);
},
hit: function hit(item) {
this.query = item[this.printAttribute];
this.$refs.input.value = item[this.printAttribute];
this.selected = item;
this.onInput();
this.$emit('selected', this.selected, this.$refs.input.value);
},
makeFetchRequest: function makeFetchRequest(queryObject) {
var _this2 = this;
return this.fetch(queryObject).then((function (response) {
var data = response || response.data || response.body;
data = _this2.prepareResponseData ? _this2.prepareResponseData(data) : data;
_this2.items = _this2.limit ? data.slice(0, _this2.limit) : data;
_this2.loading = false;
_this2.toggleMenu();
}));
},
onFocus: function onFocus() {
if (this.parentContainer) {
this.parentContainer.isFocused = true;
}
this.$refs.input.focus();
},
onInput: function onInput() {
this.updateValues();
this.$emit('change', this.$refs.input.value);
this.$emit('input', this.$refs.input.value);
},
renderFilteredList: function renderFilteredList() {
if (this.filterList) {
this.items = this.filterList((0, _assign2.default)([], this.list), this.query);
}
this.toggleMenu();
},
reset: function reset() {
this.items = [];
this.query = '';
this.loading = false;
},
setParentValue: function setParentValue(value) {
this.parentContainer.setValue(value || this.$refs.input.value);
},
setParentDisabled: function setParentDisabled() {
this.parentContainer.isDisabled = this.disabled;
},
setParentRequired: function setParentRequired() {
this.parentContainer.isRequired = this.required;
},
setParentPlaceholder: function setParentPlaceholder() {
this.parentContainer.hasPlaceholder = !!this.placeholder;
},
setParentUpdateValue: function setParentUpdateValue(value) {
this.setParentValue(value);
this.updateValues(value);
},
setSearchButton: function setSearchButton() {
this.searchButton = this.parentContainer.$el.querySelector('[md-autocomplete-search]');
if (this.searchButton) {
this.searchButton.addEventListener('click', this.makeFetchRequest);
}
},
update: function update() {
if (!this.query && !this.list.length) {
return this.reset();
}
if (this.minChars && this.query.length < this.minChars) {
return;
}
this.loading = true;
var queryObject = (0, _defineProperty3.default)({}, this.queryParam, this.query);
return this.makeFetchRequest(queryObject);
},
toggleMenu: function toggleMenu() {
if (this.items.length) {
this.$refs.menu.toggle();
}
},
updateValues: function updateValues(value) {
var newValue = value || this.$refs.input.value || this.value;
this.setParentValue(newValue);
this.parentContainer.inputLength = newValue ? newValue.length : 0;
}
},
beforeDestroy: function beforeDestroy() {
if (this.searchButton) {
this.searchButton.removeEventListener('click', this.makeFetchRequest);
}
},
mounted: function mounted() {
var _this3 = this;
this.$nextTick((function () {
_this3.parentContainer = (0, _getClosestVueParent2.default)(_this3.$parent, 'md-input-container');
if (!_this3.listIsEmpty) {
_this3.items = (0, _assign2.default)([], _this3.list);
}
_this3.query = _this3.value;
_this3.verifyProps();
_this3.setSearchButton();
_this3.setParentDisabled();
_this3.setParentRequired();
_this3.setParentPlaceholder();
_this3.handleMaxLength();
_this3.updateValues();
}));
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 157:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _common = __webpack_require__(58);
var _common2 = _interopRequireDefault(_common);
var _getClosestVueParent = __webpack_require__(10);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
name: 'md-input',
props: {
type: {
type: String,
default: 'text'
}
},
mixins: [_common2.default],
mounted: function mounted() {
var _this = this;
this.$nextTick((function () {
_this.parentContainer = (0, _getClosestVueParent2.default)(_this.$parent, 'md-input-container');
if (!_this.parentContainer) {
_this.$destroy();
throw new Error('You should wrap the md-input in a md-input-container');
}
_this.parentContainer.inputInstance = _this;
_this.setParentDisabled();
_this.setParentRequired();
_this.setParentPlaceholder();
_this.handleMaxLength();
_this.updateValues();
}));
}
};
module.exports = exports['default'];
/***/ }),
/***/ 158:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
var _isArray = __webpack_require__(66);
var _isArray2 = _interopRequireDefault(_isArray);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
name: 'md-input-container',
props: {
mdInline: Boolean,
mdHasPassword: Boolean,
mdClearable: Boolean
},
mixins: [_mixin2.default],
data: function data() {
return {
value: '',
input: false,
inputInstance: null,
showPassword: false,
enableCounter: false,
hasSelect: false,
hasPlaceholder: false,
hasFile: false,
isDisabled: false,
isRequired: false,
isFocused: false,
counterLength: 0,
inputLength: 0
};
},
computed: {
hasValue: function hasValue() {
if ((0, _isArray2.default)(this.value)) {
return this.value.length > 0;
}
return Boolean(this.value);
},
classes: function classes() {
return {
'md-input-inline': this.mdInline,
'md-has-password': this.mdHasPassword,
'md-clearable': this.mdClearable,
'md-has-select': this.hasSelect,
'md-has-file': this.hasFile,
'md-has-value': this.hasValue,
'md-input-placeholder': this.hasPlaceholder,
'md-input-disabled': this.isDisabled,
'md-input-required': this.isRequired,
'md-input-focused': this.isFocused
};
}
},
methods: {
isInput: function isInput() {
return this.input && this.input.tagName.toLowerCase() === 'input';
},
togglePasswordType: function togglePasswordType() {
if (this.isInput()) {
if (this.input.type === 'password') {
this.input.type = 'text';
this.showPassword = true;
} else {
this.input.type = 'password';
this.showPassword = false;
}
this.input.focus();
}
},
clearInput: function clearInput() {
this.inputInstance.$el.value = '';
this.inputInstance.$emit('input', '');
this.setValue('');
},
setValue: function setValue(value) {
this.value = value;
}
},
mounted: function mounted() {
this.input = this.$el.querySelectorAll('input, textarea, select, .md-file')[0];
if (!this.input) {
this.$destroy();
throw new Error('Missing input/select/textarea inside md-input-container');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 159:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _autosize = __webpack_require__(115);
var _autosize2 = _interopRequireDefault(_autosize);
var _common = __webpack_require__(58);
var _common2 = _interopRequireDefault(_common);
var _getClosestVueParent = __webpack_require__(10);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-textarea',
mixins: [_common2.default],
watch: {
value: function value() {
var _this = this;
this.$nextTick((function () {
return _autosize2.default.update(_this.$el);
}));
}
},
mounted: function mounted() {
var _this2 = this;
this.$nextTick((function () {
_this2.parentContainer = (0, _getClosestVueParent2.default)(_this2.$parent, 'md-input-container');
if (!_this2.parentContainer) {
_this2.$destroy();
throw new Error('You should wrap the md-textarea in a md-input-container');
}
_this2.parentContainer.inputInstance = _this2;
_this2.setParentDisabled();
_this2.setParentRequired();
_this2.setParentPlaceholder();
_this2.handleMaxLength();
_this2.updateValues();
if (!_this2.$el.getAttribute('rows')) {
_this2.$el.setAttribute('rows', '1');
}
(0, _autosize2.default)(_this2.$el);
setTimeout((function () {
return _autosize2.default.update(_this2.$el);
}), 200);
}));
},
beforeDestroy: function beforeDestroy() {
_autosize2.default.destroy(this.$el);
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 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
};
};
/***/ }),
/***/ 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));
};
/***/ }),
/***/ 204:
/***/ (function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(212), __esModule: true };
/***/ }),
/***/ 207:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _defineProperty = __webpack_require__(204);
var _defineProperty2 = _interopRequireDefault(_defineProperty);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (obj, key, value) {
if (key in obj) {
(0, _defineProperty2.default)(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
};
/***/ }),
/***/ 21:
/***/ (function(module, exports) {
// IE 8- don't enum bug keys
module.exports = (
'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
).split(',');
/***/ }),
/***/ 212:
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(223);
var $Object = __webpack_require__(4).Object;
module.exports = function defineProperty(it, key, desc){
return $Object.defineProperty(it, key, desc);
};
/***/ }),
/***/ 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] = {});
};
/***/ }),
/***/ 223:
/***/ (function(module, exports, __webpack_require__) {
var $export = __webpack_require__(16);
// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
$export($export.S + $export.F * !__webpack_require__(3), 'Object', {defineProperty: __webpack_require__(9).f});
/***/ }),
/***/ 23:
/***/ (function(module, exports, __webpack_require__) {
// 7.1.13 ToObject(argument)
var defined = __webpack_require__(14);
module.exports = function(it){
return Object(defined(it));
};
/***/ }),
/***/ 237:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 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) : {};
};
/***/ }),
/***/ 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");
};
/***/ }),
/***/ 277:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME.md-input-container.md-input-invalid:after {\n background-color: WARN-COLOR; }\n\n.THEME_NAME.md-input-container.md-input-invalid label,\n.THEME_NAME.md-input-container.md-input-invalid input,\n.THEME_NAME.md-input-container.md-input-invalid textarea,\n.THEME_NAME.md-input-container.md-input-invalid .md-error,\n.THEME_NAME.md-input-container.md-input-invalid .md-count,\n.THEME_NAME.md-input-container.md-input-invalid .md-icon:not(.md-icon-delete) {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-input-container.md-input-focused.md-input-inline label {\n color: rgba(0, 0, 0, 0.54); }\n\n.THEME_NAME.md-input-container.md-input-focused.md-input-required label:after {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-input-container.md-input-focused:after {\n height: 2px;\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-input-container.md-input-focused input,\n.THEME_NAME.md-input-container.md-input-focused textarea {\n color: PRIMARY-COLOR;\n text-shadow: 0 0 0 BACKGROUND-CONTRAST;\n -webkit-text-fill-color: transparent; }\n\n.THEME_NAME.md-input-container.md-input-focused label,\n.THEME_NAME.md-input-container.md-input-focused .md-icon:not(.md-icon-delete) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-input-container.md-input-disabled label,\n.THEME_NAME.md-input-container.md-input-disabled input,\n.THEME_NAME.md-input-container.md-input-disabled textarea,\n.THEME_NAME.md-input-container.md-input-disabled .md-error,\n.THEME_NAME.md-input-container.md-input-disabled .md-count,\n.THEME_NAME.md-input-container.md-input-disabled .md-icon:not(.md-icon-delete),\n.THEME_NAME.md-input-container.md-input-disabled ::-webkit-input-placeholder {\n color: BACKGROUND-CONTRAST-0.38; }\n"
/***/ }),
/***/ 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);
};
};
/***/ }),
/***/ 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;
};
/***/ }),
/***/ 326:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(156),
/* template */
__webpack_require__(392),
/* styles */
null,
/* scopeId */
null,
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdInputContainer/mdAutocomplete.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] mdAutocomplete.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-27018515", Component.options)
} else {
hotAPI.reload("data-v-27018515", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
/***/ }),
/***/ 327:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(157),
/* template */
__webpack_require__(390),
/* styles */
null,
/* scopeId */
null,
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdInputContainer/mdInput.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] mdInput.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-22df0c6d", Component.options)
} else {
hotAPI.reload("data-v-22df0c6d", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
/***/ }),
/***/ 328:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(237)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(158),
/* template */
__webpack_require__(393),
/* styles */
injectStyle,
/* scopeId */
null,
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdInputContainer/mdInputContainer.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] mdInputContainer.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-271c2778", Component.options)
} else {
hotAPI.reload("data-v-271c2778", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
/***/ }),
/***/ 329:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(159),
/* template */
__webpack_require__(425),
/* styles */
null,
/* scopeId */
null,
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdInputContainer/mdTextarea.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] mdTextarea.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-6243e5e7", Component.options)
} else {
hotAPI.reload("data-v-6243e5e7", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
/***/ }),
/***/ 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;
};
};
/***/ }),
/***/ 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);
};
/***/ }),
/***/ 390:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('input', {
staticClass: "md-input",
attrs: {
"type": _vm.type,
"name": _vm.name,
"disabled": _vm.disabled,
"required": _vm.required,
"placeholder": _vm.placeholder,
"maxlength": _vm.maxlength,
"readonly": _vm.readonly
},
domProps: {
"value": _vm.value
},
on: {
"focus": _vm.onFocus,
"blur": _vm.onBlur,
"input": _vm.onInput,
"keydown": [function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "up", 38)) { return null; }
_vm.onInput($event)
}, function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "down", 40)) { return null; }
_vm.onInput($event)
}]
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-22df0c6d", module.exports)
}
}
/***/ }),
/***/ 392:
/***/ (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-autocomplete",
on: {
"focus": _vm.onFocus,
"blur": _vm.onBlur
}
}, [_c('md-menu', {
ref: "menu",
staticClass: "md-autocomplete-menu",
attrs: {
"md-offset-x": 8,
"md-offset-y": "45"
}
}, [_c('span', {
attrs: {
"md-menu-trigger": ""
}
}), _vm._v(" "), _c('input', {
directives: [{
name: "model",
rawName: "v-model",
value: (_vm.query),
expression: "query"
}],
ref: "input",
staticClass: "md-input",
attrs: {
"type": "text",
"disabled": _vm.disabled,
"required": _vm.required,
"placeholder": _vm.placeholder,
"maxlength": _vm.maxlength,
"name": _vm.name
},
domProps: {
"value": (_vm.query)
},
on: {
"focus": _vm.onFocus,
"blur": _vm.onBlur,
"input": [function($event) {
if ($event.target.composing) { return; }
_vm.query = $event.target.value
}, _vm.debounceUpdate]
}
}), _vm._v(" "), _c('md-menu-content', _vm._l((_vm.items), (function(item) {
return (_vm.items.length) ? _c('md-menu-item', {
key: item,
on: {
"keyup": function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
_vm.hit(item)
},
"click": function($event) {
_vm.hit(item)
}
}
}, [_vm._v("\n " + _vm._s(item[_vm.printAttribute]) + "\n ")]) : _vm._e()
})))], 1)], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-27018515", module.exports)
}
}
/***/ }),
/***/ 393:
/***/ (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-input-container",
class: [_vm.themeClass, _vm.classes]
}, [_vm._t("default"), _vm._v(" "), (_vm.enableCounter) ? _c('span', {
staticClass: "md-count"
}, [_vm._v(_vm._s(_vm.inputLength) + " / " + _vm._s(_vm.counterLength))]) : _vm._e(), _vm._v(" "), (_vm.mdHasPassword) ? _c('md-button', {
staticClass: "md-icon-button md-toggle-password",
attrs: {
"tabindex": "-1"
},
on: {
"click": function($event) {
$event.preventDefault();
_vm.togglePasswordType($event)
}
}
}, [_c('md-icon', [_vm._v(_vm._s(_vm.showPassword ? 'visibility_off' : 'visibility'))])], 1) : _vm._e(), _vm._v(" "), (_vm.mdClearable && _vm.hasValue) ? _c('md-button', {
staticClass: "md-icon-button md-clear-input",
attrs: {
"tabindex": "-1"
},
on: {
"click": _vm.clearInput
}
}, [_c('md-icon', [_vm._v("clear")])], 1) : _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-271c2778", module.exports)
}
}
/***/ }),
/***/ 4:
/***/ (function(module, exports) {
var core = module.exports = {version: '2.4.0'};
if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef
/***/ }),
/***/ 40:
/***/ (function(module, exports) {
exports.f = {}.propertyIsEnumerable;
/***/ }),
/***/ 425:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('textarea', {
staticClass: "md-input",
attrs: {
"disabled": _vm.disabled,
"required": _vm.required,
"placeholder": _vm.placeholder,
"maxlength": _vm.maxlength,
"readonly": _vm.readonly
},
domProps: {
"value": _vm.value
},
on: {
"focus": _vm.onFocus,
"blur": _vm.onBlur,
"input": _vm.onInput
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-6243e5e7", module.exports)
}
}
/***/ }),
/***/ 45:
/***/ (function(module, exports) {
exports.f = Object.getOwnPropertySymbols;
/***/ }),
/***/ 460:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(93);
/***/ }),
/***/ 5:
/***/ (function(module, exports) {
module.exports = function(exec){
try {
return !!exec();
} catch(e){
return true;
}
};
/***/ }),
/***/ 51:
/***/ (function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(59), __esModule: true };
/***/ }),
/***/ 58:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
value: [String, Number],
debounce: {
type: Number,
default: 1E2
},
disabled: Boolean,
required: Boolean,
maxlength: [Number, String],
name: String,
placeholder: String,
readonly: Boolean
},
data: function data() {
return {
timeout: 0
};
},
watch: {
value: function value() {
this.updateValues();
},
disabled: function disabled() {
this.setParentDisabled();
},
required: function required() {
this.setParentRequired();
},
placeholder: function placeholder() {
this.setParentPlaceholder();
},
maxlength: function maxlength() {
this.handleMaxLength();
}
},
methods: {
handleMaxLength: function handleMaxLength() {
this.parentContainer.enableCounter = this.maxlength > 0;
this.parentContainer.counterLength = this.maxlength;
},
lazyEventEmitter: function lazyEventEmitter() {
var _this = this;
if (this.timeout) {
window.clearTimeout(this.timeout);
}
this.timeout = window.setTimeout((function () {
_this.$emit('change', _this.$el.value);
_this.$emit('input', _this.$el.value);
}), this.debounce);
},
setParentValue: function setParentValue(value) {
this.parentContainer.setValue(value || this.$el.value);
},
setParentDisabled: function setParentDisabled() {
this.parentContainer.isDisabled = this.disabled;
},
setParentRequired: function setParentRequired() {
this.parentContainer.isRequired = this.required;
},
setParentPlaceholder: function setParentPlaceholder() {
this.parentContainer.hasPlaceholder = !!this.placeholder;
},
updateValues: function updateValues() {
var _this2 = this;
this.$nextTick((function () {
var newValue = _this2.$el.value || _this2.value;
_this2.setParentValue(newValue);
_this2.parentContainer.inputLength = newValue ? newValue.length : 0;
}));
},
onFocus: function onFocus() {
if (this.parentContainer) {
this.parentContainer.isFocused = true;
}
},
onBlur: function onBlur() {
this.parentContainer.isFocused = false;
this.setParentValue();
},
onInput: function onInput() {
this.updateValues();
this.lazyEventEmitter();
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 59:
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(64);
module.exports = __webpack_require__(4).Object.assign;
/***/ }),
/***/ 6:
/***/ (function(module, exports) {
module.exports = function(it){
return typeof it === 'object' ? it !== null : typeof it === 'function';
};
/***/ }),
/***/ 61:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
// 19.1.2.1 Object.assign(target, source, ...)
var getKeys = __webpack_require__(18)
, gOPS = __webpack_require__(45)
, pIE = __webpack_require__(40)
, toObject = __webpack_require__(23)
, IObject = __webpack_require__(26)
, $assign = Object.assign;
// should work with symbols and should have deterministic property order (V8 bug)
module.exports = !$assign || __webpack_require__(5)((function(){
var A = {}
, B = {}
, S = Symbol()
, K = 'abcdefghijklmnopqrst';
A[S] = 7;
K.split('').forEach((function(k){ B[k] = k; }));
return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;
})) ? function assign(target, source){ // eslint-disable-line no-unused-vars
var T = toObject(target)
, aLen = arguments.length
, index = 1
, getSymbols = gOPS.f
, isEnum = pIE.f;
while(aLen > index){
var S = IObject(arguments[index++])
, keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S)
, length = keys.length
, j = 0
, key;
while(length > j)if(isEnum.call(S, key = keys[j++]))T[key] = S[key];
} return T;
} : $assign;
/***/ }),
/***/ 64:
/***/ (function(module, exports, __webpack_require__) {
// 19.1.3.1 Object.assign(target, source)
var $export = __webpack_require__(16);
$export($export.S + $export.F, 'Object', {assign: __webpack_require__(61)});
/***/ }),
/***/ 66:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var isArray = function isArray(value) {
return value && value.constructor === Array;
};
exports.default = isArray;
module.exports = exports["default"];
/***/ }),
/***/ 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;
};
/***/ }),
/***/ 93:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdInputContainer = __webpack_require__(328);
var _mdInputContainer2 = _interopRequireDefault(_mdInputContainer);
var _mdInput = __webpack_require__(327);
var _mdInput2 = _interopRequireDefault(_mdInput);
var _mdAutocomplete = __webpack_require__(326);
var _mdAutocomplete2 = _interopRequireDefault(_mdAutocomplete);
var _mdTextarea = __webpack_require__(329);
var _mdTextarea2 = _interopRequireDefault(_mdTextarea);
var _mdInputContainer3 = __webpack_require__(277);
var _mdInputContainer4 = _interopRequireDefault(_mdInputContainer3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-input-container', _mdInputContainer2.default);
Vue.component('md-input', _mdInput2.default);
Vue.component('md-autocomplete', _mdAutocomplete2.default);
Vue.component('md-textarea', _mdTextarea2.default);
Vue.material.styles.push(_mdInputContainer4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });
}));