41498 lines
1.4 MiB
41498 lines
1.4 MiB
(function webpackUniversalModuleDefinition(root, factory) {
|
||
if(typeof exports === 'object' && typeof module === 'object')
|
||
module.exports = factory(require("vue"));
|
||
else if(typeof define === 'function' && define.amd)
|
||
define(["vue"], factory);
|
||
else if(typeof exports === 'object')
|
||
exports["Vuetify"] = factory(require("vue"));
|
||
else
|
||
root["Vuetify"] = factory(root["Vue"]);
|
||
})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_vue__) {
|
||
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;
|
||
/******/
|
||
/******/ // define getter function for harmony exports
|
||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
||
/******/ }
|
||
/******/ };
|
||
/******/
|
||
/******/ // define __esModule on exports
|
||
/******/ __webpack_require__.r = function(exports) {
|
||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||
/******/ }
|
||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||
/******/ };
|
||
/******/
|
||
/******/ // create a fake namespace object
|
||
/******/ // mode & 1: value is a module id, require it
|
||
/******/ // mode & 2: merge all properties of value into the ns
|
||
/******/ // mode & 4: return value when already ns object
|
||
/******/ // mode & 8|1: behave like require
|
||
/******/ __webpack_require__.t = function(value, mode) {
|
||
/******/ if(mode & 1) value = __webpack_require__(value);
|
||
/******/ if(mode & 8) return value;
|
||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
||
/******/ var ns = Object.create(null);
|
||
/******/ __webpack_require__.r(ns);
|
||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
||
/******/ return ns;
|
||
/******/ };
|
||
/******/
|
||
/******/ // 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 = "/dist/";
|
||
/******/
|
||
/******/
|
||
/******/ // Load entry module and return exports
|
||
/******/ return __webpack_require__(__webpack_require__.s = "./src/index.ts");
|
||
/******/ })
|
||
/************************************************************************/
|
||
/******/ ({
|
||
|
||
/***/ "./src/components/VAlert/VAlert.sass":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VAlert/VAlert.sass ***!
|
||
\*******************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAlert/VAlert.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VAlert/VAlert.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAlert_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAlert.sass */ "./src/components/VAlert/VAlert.sass");
|
||
/* harmony import */ var _VAlert_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VAlert_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSheet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSheet */ "./src/components/VSheet/index.ts");
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/transitionable */ "./src/mixins/transitionable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Components
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_transitionable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
|
||
name: 'v-alert',
|
||
props: {
|
||
border: {
|
||
type: String,
|
||
validator: function validator(val) {
|
||
return ['top', 'right', 'bottom', 'left'].includes(val);
|
||
}
|
||
},
|
||
closeLabel: {
|
||
type: String,
|
||
default: '$vuetify.close'
|
||
},
|
||
coloredBorder: Boolean,
|
||
dense: Boolean,
|
||
dismissible: Boolean,
|
||
icon: {
|
||
default: '',
|
||
type: [Boolean, String],
|
||
validator: function validator(val) {
|
||
return typeof val === 'string' || val === false;
|
||
}
|
||
},
|
||
outlined: Boolean,
|
||
prominent: Boolean,
|
||
text: Boolean,
|
||
type: {
|
||
type: String,
|
||
validator: function validator(val) {
|
||
return ['info', 'error', 'success', 'warning'].includes(val);
|
||
}
|
||
},
|
||
value: {
|
||
type: Boolean,
|
||
default: true
|
||
}
|
||
},
|
||
computed: {
|
||
__cachedBorder: function __cachedBorder() {
|
||
var _a;
|
||
|
||
if (!this.border) return null;
|
||
var data = {
|
||
staticClass: 'v-alert__border',
|
||
class: (_a = {}, _a["v-alert__border--" + this.border] = true, _a)
|
||
};
|
||
|
||
if (this.coloredBorder) {
|
||
data = this.setBackgroundColor(this.computedColor, data);
|
||
data.class['v-alert__border--has-color'] = true;
|
||
}
|
||
|
||
return this.$createElement('div', data);
|
||
},
|
||
__cachedDismissible: function __cachedDismissible() {
|
||
var _this = this;
|
||
|
||
if (!this.dismissible) return null;
|
||
var color = this.iconColor;
|
||
return this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
staticClass: 'v-alert__dismissible',
|
||
props: {
|
||
color: color,
|
||
icon: true,
|
||
small: true
|
||
},
|
||
attrs: {
|
||
'aria-label': this.$vuetify.lang.t(this.closeLabel)
|
||
},
|
||
on: {
|
||
click: function click() {
|
||
return _this.isActive = false;
|
||
}
|
||
}
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
color: color
|
||
}
|
||
}, '$cancel')]);
|
||
},
|
||
__cachedIcon: function __cachedIcon() {
|
||
if (!this.computedIcon) return null;
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
staticClass: 'v-alert__icon',
|
||
props: {
|
||
color: this.iconColor
|
||
}
|
||
}, this.computedIcon);
|
||
},
|
||
classes: function classes() {
|
||
var classes = __assign({}, _VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-alert--border': Boolean(this.border),
|
||
'v-alert--dense': this.dense,
|
||
'v-alert--outlined': this.outlined,
|
||
'v-alert--prominent': this.prominent,
|
||
'v-alert--text': this.text
|
||
});
|
||
|
||
if (this.border) {
|
||
classes["v-alert--border-" + this.border] = true;
|
||
}
|
||
|
||
return classes;
|
||
},
|
||
computedColor: function computedColor() {
|
||
return this.color || this.type;
|
||
},
|
||
computedIcon: function computedIcon() {
|
||
if (this.icon === false) return false;
|
||
if (typeof this.icon === 'string' && this.icon) return this.icon;
|
||
if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false;
|
||
return "$" + this.type;
|
||
},
|
||
hasColoredIcon: function hasColoredIcon() {
|
||
return this.hasText || Boolean(this.border) && this.coloredBorder;
|
||
},
|
||
hasText: function hasText() {
|
||
return this.text || this.outlined;
|
||
},
|
||
iconColor: function iconColor() {
|
||
return this.hasColoredIcon ? this.computedColor : undefined;
|
||
},
|
||
isDark: function isDark() {
|
||
if (this.type && !this.coloredBorder && !this.outlined) return true;
|
||
return _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__["default"].options.computed.isDark.call(this);
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$attrs.hasOwnProperty('outline')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_8__["breaking"])('outline', 'outlined', this);
|
||
}
|
||
},
|
||
methods: {
|
||
genWrapper: function genWrapper() {
|
||
var children = [this.$slots.prepend || this.__cachedIcon, this.genContent(), this.__cachedBorder, this.$slots.append, this.$scopedSlots.close ? this.$scopedSlots.close({
|
||
toggle: this.toggle
|
||
}) : this.__cachedDismissible];
|
||
var data = {
|
||
staticClass: 'v-alert__wrapper'
|
||
};
|
||
return this.$createElement('div', data, children);
|
||
},
|
||
genContent: function genContent() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-alert__content'
|
||
}, this.$slots.default);
|
||
},
|
||
genAlert: function genAlert() {
|
||
var data = {
|
||
staticClass: 'v-alert',
|
||
attrs: {
|
||
role: 'alert'
|
||
},
|
||
class: this.classes,
|
||
style: this.styles,
|
||
directives: [{
|
||
name: 'show',
|
||
value: this.isActive
|
||
}]
|
||
};
|
||
|
||
if (!this.coloredBorder) {
|
||
var setColor = this.hasText ? this.setTextColor : this.setBackgroundColor;
|
||
data = setColor(this.computedColor, data);
|
||
}
|
||
|
||
return this.$createElement('div', data, [this.genWrapper()]);
|
||
},
|
||
|
||
/** @public */
|
||
toggle: function toggle() {
|
||
this.isActive = !this.isActive;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var render = this.genAlert();
|
||
if (!this.transition) return render;
|
||
return h('transition', {
|
||
props: {
|
||
name: this.transition,
|
||
origin: this.origin,
|
||
mode: this.mode
|
||
}
|
||
}, [render]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAlert/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/components/VAlert/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: VAlert, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAlert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAlert */ "./src/components/VAlert/VAlert.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAlert", function() { return _VAlert__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VAlert__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VApp/VApp.sass":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VApp/VApp.sass ***!
|
||
\***************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VApp/VApp.ts":
|
||
/*!*************************************!*\
|
||
!*** ./src/components/VApp/VApp.ts ***!
|
||
\*************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VApp_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VApp.sass */ "./src/components/VApp/VApp.sass");
|
||
/* harmony import */ var _VApp_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VApp_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_1__["default"]).extend({
|
||
name: 'v-app',
|
||
props: {
|
||
dark: {
|
||
type: Boolean,
|
||
default: undefined
|
||
},
|
||
id: {
|
||
type: String,
|
||
default: 'app'
|
||
},
|
||
light: {
|
||
type: Boolean,
|
||
default: undefined
|
||
}
|
||
},
|
||
computed: {
|
||
isDark: function isDark() {
|
||
return this.$vuetify.theme.dark;
|
||
}
|
||
},
|
||
beforeCreate: function beforeCreate() {
|
||
if (!this.$vuetify || this.$vuetify === this.$root) {
|
||
throw new Error('Vuetify is not properly initialized, see https://vuetifyjs.com/getting-started/quick-start#bootstrapping-the-vuetify-object');
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var wrapper = h('div', {
|
||
staticClass: 'v-application--wrap'
|
||
}, this.$slots.default);
|
||
return h('div', {
|
||
staticClass: 'v-application',
|
||
class: __assign({
|
||
'v-application--is-rtl': this.$vuetify.rtl,
|
||
'v-application--is-ltr': !this.$vuetify.rtl
|
||
}, this.themeClasses),
|
||
attrs: {
|
||
'data-app': true
|
||
},
|
||
domProps: {
|
||
id: this.id
|
||
}
|
||
}, [wrapper]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VApp/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/components/VApp/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: VApp, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VApp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VApp */ "./src/components/VApp/VApp.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VApp", function() { return _VApp__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VApp__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAppBar/VAppBar.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VAppBar/VAppBar.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAppBar/VAppBar.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VAppBar/VAppBar.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAppBar_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAppBar.sass */ "./src/components/VAppBar/VAppBar.sass");
|
||
/* harmony import */ var _VAppBar_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VAppBar_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VToolbar/VToolbar */ "./src/components/VToolbar/VToolbar.ts");
|
||
/* harmony import */ var _directives_scroll__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../directives/scroll */ "./src/directives/scroll/index.ts");
|
||
/* harmony import */ var _mixins_applicationable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/applicationable */ "./src/mixins/applicationable/index.ts");
|
||
/* harmony import */ var _mixins_scrollable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/scrollable */ "./src/mixins/scrollable/index.ts");
|
||
/* harmony import */ var _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ssr-bootable */ "./src/mixins/ssr-bootable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Directives
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_scrollable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_mixins_applicationable__WEBPACK_IMPORTED_MODULE_3__["default"])('top', ['clippedLeft', 'clippedRight', 'computedHeight', 'invertedScroll', 'isExtended', 'isProminent', 'value']));
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-app-bar',
|
||
directives: {
|
||
Scroll: _directives_scroll__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
},
|
||
props: {
|
||
clippedLeft: Boolean,
|
||
clippedRight: Boolean,
|
||
collapseOnScroll: Boolean,
|
||
elevateOnScroll: Boolean,
|
||
fadeImgOnScroll: Boolean,
|
||
hideOnScroll: Boolean,
|
||
invertedScroll: Boolean,
|
||
scrollOffScreen: Boolean,
|
||
shrinkOnScroll: Boolean,
|
||
value: {
|
||
type: Boolean,
|
||
default: true
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: this.value
|
||
};
|
||
},
|
||
computed: {
|
||
applicationProperty: function applicationProperty() {
|
||
return !this.bottom ? 'top' : 'bottom';
|
||
},
|
||
canScroll: function canScroll() {
|
||
return _mixins_scrollable__WEBPACK_IMPORTED_MODULE_4__["default"].options.computed.canScroll.call(this) && (this.invertedScroll || this.elevateOnScroll || this.hideOnScroll || this.collapseOnScroll || this.isBooted || // If falsey, user has provided an
|
||
// explicit value which should
|
||
// overwrite anything we do
|
||
!this.value);
|
||
},
|
||
classes: function classes() {
|
||
return __assign({}, _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-toolbar--collapse': this.collapse || this.collapseOnScroll,
|
||
'v-app-bar': true,
|
||
'v-app-bar--clipped': this.clippedLeft || this.clippedRight,
|
||
'v-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,
|
||
'v-app-bar--elevate-on-scroll': this.elevateOnScroll,
|
||
'v-app-bar--fixed': !this.absolute && (this.app || this.fixed),
|
||
'v-app-bar--hide-shadow': this.hideShadow,
|
||
'v-app-bar--is-scrolled': this.currentScroll > 0,
|
||
'v-app-bar--shrink-on-scroll': this.shrinkOnScroll
|
||
});
|
||
},
|
||
computedContentHeight: function computedContentHeight() {
|
||
if (!this.shrinkOnScroll) return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.computedContentHeight.call(this);
|
||
var height = this.computedOriginalHeight;
|
||
var min = this.dense ? 48 : 56;
|
||
var max = height;
|
||
var difference = max - min;
|
||
var iteration = difference / this.computedScrollThreshold;
|
||
var offset = this.currentScroll * iteration;
|
||
return Math.max(min, max - offset);
|
||
},
|
||
computedFontSize: function computedFontSize() {
|
||
if (!this.isProminent) return undefined;
|
||
var max = this.dense ? 96 : 128;
|
||
var difference = max - this.computedContentHeight;
|
||
var increment = 0.00347; // 1.5rem to a minimum of 1.25rem
|
||
|
||
return Number((1.50 - difference * increment).toFixed(2));
|
||
},
|
||
computedLeft: function computedLeft() {
|
||
if (!this.app || this.clippedLeft) return 0;
|
||
return this.$vuetify.application.left;
|
||
},
|
||
computedMarginTop: function computedMarginTop() {
|
||
if (!this.app) return 0;
|
||
return this.$vuetify.application.bar;
|
||
},
|
||
computedOpacity: function computedOpacity() {
|
||
if (!this.fadeImgOnScroll) return undefined;
|
||
var opacity = Math.max((this.computedScrollThreshold - this.currentScroll) / this.computedScrollThreshold, 0);
|
||
return Number(parseFloat(opacity).toFixed(2));
|
||
},
|
||
computedOriginalHeight: function computedOriginalHeight() {
|
||
var height = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.computedContentHeight.call(this);
|
||
if (this.isExtended) height += parseInt(this.extensionHeight);
|
||
return height;
|
||
},
|
||
computedRight: function computedRight() {
|
||
if (!this.app || this.clippedRight) return 0;
|
||
return this.$vuetify.application.right;
|
||
},
|
||
computedScrollThreshold: function computedScrollThreshold() {
|
||
if (this.scrollThreshold) return Number(this.scrollThreshold);
|
||
return this.computedOriginalHeight - (this.dense ? 48 : 56);
|
||
},
|
||
computedTransform: function computedTransform() {
|
||
if (!this.canScroll || this.elevateOnScroll && this.currentScroll === 0 && this.isActive) return 0;
|
||
if (this.isActive) return 0;
|
||
var scrollOffScreen = this.scrollOffScreen ? this.computedHeight : this.computedContentHeight;
|
||
return this.bottom ? scrollOffScreen : -scrollOffScreen;
|
||
},
|
||
hideShadow: function hideShadow() {
|
||
if (this.elevateOnScroll && this.isExtended) {
|
||
return this.currentScroll < this.computedScrollThreshold;
|
||
}
|
||
|
||
if (this.elevateOnScroll) {
|
||
return this.currentScroll === 0 || this.computedTransform < 0;
|
||
}
|
||
|
||
return (!this.isExtended || this.scrollOffScreen) && this.computedTransform !== 0;
|
||
},
|
||
isCollapsed: function isCollapsed() {
|
||
if (!this.collapseOnScroll) {
|
||
return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.isCollapsed.call(this);
|
||
}
|
||
|
||
return this.currentScroll > 0;
|
||
},
|
||
isProminent: function isProminent() {
|
||
return _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.isProminent.call(this) || this.shrinkOnScroll;
|
||
},
|
||
styles: function styles() {
|
||
return __assign({}, _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.styles.call(this), {
|
||
fontSize: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedFontSize, 'rem'),
|
||
marginTop: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedMarginTop),
|
||
transform: "translateY(" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedTransform) + ")",
|
||
left: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedLeft),
|
||
right: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(this.computedRight)
|
||
});
|
||
}
|
||
},
|
||
watch: {
|
||
canScroll: 'onScroll',
|
||
computedTransform: function computedTransform() {
|
||
// Normally we do not want the v-app-bar
|
||
// to update the application top value
|
||
// to avoid screen jump. However, in
|
||
// this situation, we must so that
|
||
// the clipped drawer can update
|
||
// its top value when scrolled
|
||
if (!this.canScroll || !this.clippedLeft && !this.clippedRight) return;
|
||
this.callUpdate();
|
||
},
|
||
invertedScroll: function invertedScroll(val) {
|
||
this.isActive = !val || this.currentScroll !== 0;
|
||
}
|
||
},
|
||
created: function created() {
|
||
if (this.invertedScroll) this.isActive = false;
|
||
},
|
||
methods: {
|
||
genBackground: function genBackground() {
|
||
var render = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genBackground.call(this);
|
||
render.data = this._b(render.data || {}, render.tag, {
|
||
style: {
|
||
opacity: this.computedOpacity
|
||
}
|
||
});
|
||
return render;
|
||
},
|
||
updateApplication: function updateApplication() {
|
||
return this.invertedScroll ? 0 : this.computedHeight + this.computedTransform;
|
||
},
|
||
thresholdMet: function thresholdMet() {
|
||
if (this.invertedScroll) {
|
||
this.isActive = this.currentScroll > this.computedScrollThreshold;
|
||
return;
|
||
}
|
||
|
||
if (this.currentThreshold < this.computedScrollThreshold) return;
|
||
|
||
if (this.hideOnScroll) {
|
||
this.isActive = this.isScrollingUp;
|
||
}
|
||
|
||
this.savedScroll = this.currentScroll;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var render = _VToolbar_VToolbar__WEBPACK_IMPORTED_MODULE_1__["default"].options.render.call(this, h);
|
||
render.data = render.data || {};
|
||
|
||
if (this.canScroll) {
|
||
render.data.directives = render.data.directives || [];
|
||
render.data.directives.push({
|
||
arg: this.scrollTarget,
|
||
name: 'scroll',
|
||
value: this.onScroll
|
||
});
|
||
}
|
||
|
||
return render;
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAppBar/VAppBarNavIcon.ts":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VAppBar/VAppBarNavIcon.ts ***!
|
||
\**************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VBtn_VBtn__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VBtn/VBtn */ "./src/components/VBtn/VBtn.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_2__);
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Components
|
||
|
||
|
||
|
||
// Types
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_2___default.a.extend({
|
||
name: 'v-app-bar-nav-icon',
|
||
functional: true,
|
||
render: function render(h, _a) {
|
||
var slots = _a.slots,
|
||
listeners = _a.listeners,
|
||
props = _a.props,
|
||
data = _a.data;
|
||
var d = Object.assign(data, {
|
||
staticClass: ("v-app-bar__nav-icon " + (data.staticClass || '')).trim(),
|
||
props: __assign({}, props, {
|
||
icon: true
|
||
}),
|
||
on: listeners
|
||
});
|
||
var defaultSlot = slots().default;
|
||
return h(_VBtn_VBtn__WEBPACK_IMPORTED_MODULE_1__["default"], d, defaultSlot || [h(_VIcon__WEBPACK_IMPORTED_MODULE_0__["default"], '$menu')]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAppBar/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VAppBar/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VAppBar, VAppBarNavIcon, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAppBar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAppBar */ "./src/components/VAppBar/VAppBar.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAppBar", function() { return _VAppBar__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VAppBarNavIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VAppBarNavIcon */ "./src/components/VAppBar/VAppBarNavIcon.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAppBarNavIcon", function() { return _VAppBarNavIcon__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VAppBar: _VAppBar__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VAppBarNavIcon: _VAppBarNavIcon__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAutocomplete/VAutocomplete.sass":
|
||
/*!*********************************************************!*\
|
||
!*** ./src/components/VAutocomplete/VAutocomplete.sass ***!
|
||
\*********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAutocomplete/VAutocomplete.ts":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VAutocomplete/VAutocomplete.ts ***!
|
||
\*******************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAutocomplete_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAutocomplete.sass */ "./src/components/VAutocomplete/VAutocomplete.sass");
|
||
/* harmony import */ var _VAutocomplete_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VAutocomplete_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSelect/VSelect */ "./src/components/VSelect/VSelect.ts");
|
||
/* harmony import */ var _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VTextField/VTextField */ "./src/components/VTextField/VTextField.ts");
|
||
/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
|
||
var defaultMenuProps = __assign({}, _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["defaultMenuProps"], {
|
||
offsetY: true,
|
||
offsetOverflow: true,
|
||
transition: false
|
||
});
|
||
/* @vue/component */
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-autocomplete',
|
||
props: {
|
||
allowOverflow: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
autoSelectFirst: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
filter: {
|
||
type: Function,
|
||
default: function _default(item, queryText, itemText) {
|
||
return itemText.toLocaleLowerCase().indexOf(queryText.toLocaleLowerCase()) > -1;
|
||
}
|
||
},
|
||
hideNoData: Boolean,
|
||
menuProps: {
|
||
type: _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.props.menuProps.type,
|
||
default: function _default() {
|
||
return defaultMenuProps;
|
||
}
|
||
},
|
||
noFilter: Boolean,
|
||
searchInput: {
|
||
type: String,
|
||
default: undefined
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
lazySearch: this.searchInput
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-autocomplete': true,
|
||
'v-autocomplete--is-selecting-index': this.selectedIndex > -1
|
||
});
|
||
},
|
||
computedItems: function computedItems() {
|
||
return this.filteredItems;
|
||
},
|
||
selectedValues: function selectedValues() {
|
||
var _this = this;
|
||
|
||
return this.selectedItems.map(function (item) {
|
||
return _this.getValue(item);
|
||
});
|
||
},
|
||
hasDisplayedItems: function hasDisplayedItems() {
|
||
var _this = this;
|
||
|
||
return this.hideSelected ? this.filteredItems.some(function (item) {
|
||
return !_this.hasItem(item);
|
||
}) : this.filteredItems.length > 0;
|
||
},
|
||
currentRange: function currentRange() {
|
||
if (this.selectedItem == null) return 0;
|
||
return String(this.getText(this.selectedItem)).length;
|
||
},
|
||
filteredItems: function filteredItems() {
|
||
var _this = this;
|
||
|
||
if (!this.isSearching || this.noFilter || this.internalSearch == null) return this.allItems;
|
||
return this.allItems.filter(function (item) {
|
||
return _this.filter(item, String(_this.internalSearch), String(_this.getText(item)));
|
||
});
|
||
},
|
||
internalSearch: {
|
||
get: function get() {
|
||
return this.lazySearch;
|
||
},
|
||
set: function set(val) {
|
||
this.lazySearch = val;
|
||
this.$emit('update:search-input', val);
|
||
}
|
||
},
|
||
isAnyValueAllowed: function isAnyValueAllowed() {
|
||
return false;
|
||
},
|
||
isDirty: function isDirty() {
|
||
return this.searchIsDirty || this.selectedItems.length > 0;
|
||
},
|
||
isSearching: function isSearching() {
|
||
return this.multiple && this.searchIsDirty || this.searchIsDirty && this.internalSearch !== this.getText(this.selectedItem);
|
||
},
|
||
menuCanShow: function menuCanShow() {
|
||
if (!this.isFocused) return false;
|
||
return this.hasDisplayedItems || !this.hideNoData;
|
||
},
|
||
$_menuProps: function $_menuProps() {
|
||
var props = _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.$_menuProps.call(this);
|
||
props.contentClass = ("v-autocomplete__content " + (props.contentClass || '')).trim();
|
||
return __assign({}, defaultMenuProps, props);
|
||
},
|
||
searchIsDirty: function searchIsDirty() {
|
||
return this.internalSearch != null && this.internalSearch !== '';
|
||
},
|
||
selectedItem: function selectedItem() {
|
||
var _this = this;
|
||
|
||
if (this.multiple) return null;
|
||
return this.selectedItems.find(function (i) {
|
||
return _this.valueComparator(_this.getValue(i), _this.getValue(_this.internalValue));
|
||
});
|
||
},
|
||
listData: function listData() {
|
||
var data = _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.listData.call(this);
|
||
data.props = __assign({}, data.props, {
|
||
items: this.virtualizedItems,
|
||
noFilter: this.noFilter || !this.isSearching || !this.filteredItems.length,
|
||
searchInput: this.internalSearch
|
||
});
|
||
return data;
|
||
}
|
||
},
|
||
watch: {
|
||
filteredItems: 'onFilteredItemsChanged',
|
||
internalValue: 'setSearch',
|
||
isFocused: function isFocused(val) {
|
||
if (val) {
|
||
document.addEventListener('copy', this.onCopy);
|
||
this.$refs.input && this.$refs.input.select();
|
||
} else {
|
||
document.removeEventListener('copy', this.onCopy);
|
||
this.updateSelf();
|
||
}
|
||
},
|
||
isMenuActive: function isMenuActive(val) {
|
||
if (val || !this.hasSlot) return;
|
||
this.lazySearch = undefined;
|
||
},
|
||
items: function items(val, oldVal) {
|
||
// If we are focused, the menu
|
||
// is not active, hide no data is enabled,
|
||
// and items change
|
||
// User is probably async loading
|
||
// items, try to activate the menu
|
||
if (!(oldVal && oldVal.length) && this.hideNoData && this.isFocused && !this.isMenuActive && val.length) this.activateMenu();
|
||
},
|
||
searchInput: function searchInput(val) {
|
||
this.lazySearch = val;
|
||
},
|
||
internalSearch: 'onInternalSearchChanged',
|
||
itemText: 'updateSelf'
|
||
},
|
||
created: function created() {
|
||
this.setSearch();
|
||
},
|
||
methods: {
|
||
onFilteredItemsChanged: function onFilteredItemsChanged(val, oldVal) {
|
||
var _this = this; // TODO: How is the watcher triggered
|
||
// for duplicate items? no idea
|
||
|
||
|
||
if (val === oldVal) return;
|
||
this.setMenuIndex(-1);
|
||
this.$nextTick(function () {
|
||
if (!_this.internalSearch || val.length !== 1 && !_this.autoSelectFirst) return;
|
||
|
||
_this.$refs.menu.getTiles();
|
||
|
||
_this.setMenuIndex(0);
|
||
});
|
||
},
|
||
onInternalSearchChanged: function onInternalSearchChanged() {
|
||
this.updateMenuDimensions();
|
||
},
|
||
updateMenuDimensions: function updateMenuDimensions() {
|
||
// Type from menuable is not making it through
|
||
this.isMenuActive && this.$refs.menu && this.$refs.menu.updateDimensions();
|
||
},
|
||
changeSelectedIndex: function changeSelectedIndex(keyCode) {
|
||
// Do not allow changing of selectedIndex
|
||
// when search is dirty
|
||
if (this.searchIsDirty) return;
|
||
|
||
if (this.multiple && keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_4__["keyCodes"].left) {
|
||
if (this.selectedIndex === -1) {
|
||
this.selectedIndex = this.selectedItems.length - 1;
|
||
} else {
|
||
this.selectedIndex--;
|
||
}
|
||
} else if (this.multiple && keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_4__["keyCodes"].right) {
|
||
if (this.selectedIndex >= this.selectedItems.length - 1) {
|
||
this.selectedIndex = -1;
|
||
} else {
|
||
this.selectedIndex++;
|
||
}
|
||
} else if (keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_4__["keyCodes"].backspace || keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_4__["keyCodes"].delete) {
|
||
this.deleteCurrentItem();
|
||
}
|
||
},
|
||
deleteCurrentItem: function deleteCurrentItem() {
|
||
if (this.readonly) return;
|
||
var index = this.selectedItems.length - 1;
|
||
|
||
if (this.selectedIndex === -1 && index !== 0) {
|
||
this.selectedIndex = index;
|
||
return;
|
||
}
|
||
|
||
var currentItem = this.selectedItems[this.selectedIndex];
|
||
if (this.getDisabled(currentItem)) return;
|
||
var newIndex = this.selectedIndex === index ? this.selectedIndex - 1 : this.selectedItems[this.selectedIndex + 1] ? this.selectedIndex : -1;
|
||
|
||
if (newIndex === -1) {
|
||
this.setValue(this.multiple ? [] : undefined);
|
||
} else {
|
||
this.selectItem(currentItem);
|
||
}
|
||
|
||
this.selectedIndex = newIndex;
|
||
},
|
||
clearableCallback: function clearableCallback() {
|
||
this.internalSearch = undefined;
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.clearableCallback.call(this);
|
||
},
|
||
genInput: function genInput() {
|
||
var input = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genInput.call(this);
|
||
input.data = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_3__["default"])(input.data, {
|
||
attrs: {
|
||
'aria-activedescendant': Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(this.$refs.menu, 'activeTile.id'),
|
||
autocomplete: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(input.data, 'attrs.autocomplete', 'off')
|
||
},
|
||
domProps: {
|
||
value: this.internalSearch
|
||
}
|
||
});
|
||
return input;
|
||
},
|
||
genInputSlot: function genInputSlot() {
|
||
var slot = _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genInputSlot.call(this);
|
||
slot.data.attrs.role = 'combobox';
|
||
return slot;
|
||
},
|
||
genSelections: function genSelections() {
|
||
return this.hasSlot || this.multiple ? _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genSelections.call(this) : [];
|
||
},
|
||
onClick: function onClick(e) {
|
||
if (this.isDisabled) return;
|
||
this.selectedIndex > -1 ? this.selectedIndex = -1 : this.onFocus();
|
||
if (!this.isAppendInner(e.target)) this.activateMenu();
|
||
},
|
||
onInput: function onInput(e) {
|
||
if (this.selectedIndex > -1 || !e.target) return;
|
||
var target = e.target;
|
||
var value = target.value; // If typing and menu is not currently active
|
||
|
||
if (target.value) this.activateMenu();
|
||
this.internalSearch = value;
|
||
this.badInput = target.validity && target.validity.badInput;
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
var keyCode = e.keyCode;
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.onKeyDown.call(this, e); // The ordering is important here
|
||
// allows new value to be updated
|
||
// and then moves the index to the
|
||
// proper location
|
||
|
||
this.changeSelectedIndex(keyCode);
|
||
},
|
||
onSpaceDown: function onSpaceDown(e) {},
|
||
onTabDown: function onTabDown(e) {
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.onTabDown.call(this, e);
|
||
this.updateSelf();
|
||
},
|
||
onUpDown: function onUpDown(e) {
|
||
// Prevent screen from scrolling
|
||
e.preventDefault(); // For autocomplete / combobox, cycling
|
||
// interfers with native up/down behavior
|
||
// instead activate the menu
|
||
|
||
this.activateMenu();
|
||
},
|
||
selectItem: function selectItem(item) {
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.selectItem.call(this, item);
|
||
this.setSearch();
|
||
},
|
||
setSelectedItems: function setSelectedItems() {
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.setSelectedItems.call(this); // #4273 Don't replace if searching
|
||
// #4403 Don't replace if focused
|
||
|
||
if (!this.isFocused) this.setSearch();
|
||
},
|
||
setSearch: function setSearch() {
|
||
var _this = this; // Wait for nextTick so selectedItem
|
||
// has had time to update
|
||
|
||
|
||
this.$nextTick(function () {
|
||
if (!_this.multiple || !_this.internalSearch || !_this.isMenuActive) {
|
||
_this.internalSearch = !_this.selectedItems.length || _this.multiple || _this.hasSlot ? null : _this.getText(_this.selectedItem);
|
||
}
|
||
});
|
||
},
|
||
updateSelf: function updateSelf() {
|
||
if (!this.searchIsDirty && !this.internalValue) return;
|
||
|
||
if (!this.valueComparator(this.internalSearch, this.getValue(this.internalValue))) {
|
||
this.setSearch();
|
||
}
|
||
},
|
||
hasItem: function hasItem(item) {
|
||
return this.selectedValues.indexOf(this.getValue(item)) > -1;
|
||
},
|
||
onCopy: function onCopy(event) {
|
||
if (this.selectedIndex === -1) return;
|
||
var currentItem = this.selectedItems[this.selectedIndex];
|
||
var currentItemText = this.getText(currentItem);
|
||
event.clipboardData.setData('text/plain', currentItemText);
|
||
event.clipboardData.setData('text/vnd.vuetify.autocomplete.item+plain', currentItemText);
|
||
event.preventDefault();
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAutocomplete/index.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VAutocomplete/index.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: VAutocomplete, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAutocomplete__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAutocomplete */ "./src/components/VAutocomplete/VAutocomplete.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAutocomplete", function() { return _VAutocomplete__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VAutocomplete__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAvatar/VAvatar.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VAvatar/VAvatar.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAvatar/VAvatar.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VAvatar/VAvatar.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAvatar_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAvatar.sass */ "./src/components/VAvatar/VAvatar.sass");
|
||
/* harmony import */ var _VAvatar_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VAvatar_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_measurable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/measurable */ "./src/mixins/measurable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_measurable__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-avatar',
|
||
props: {
|
||
left: Boolean,
|
||
right: Boolean,
|
||
size: {
|
||
type: [Number, String],
|
||
default: 48
|
||
},
|
||
tile: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return {
|
||
'v-avatar--left': this.left,
|
||
'v-avatar--right': this.right,
|
||
'v-avatar--tile': this.tile
|
||
};
|
||
},
|
||
styles: function styles() {
|
||
return __assign({
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.size),
|
||
minWidth: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.size),
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.size)
|
||
}, this.measurableStyles);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var data = {
|
||
staticClass: 'v-avatar',
|
||
class: this.classes,
|
||
style: this.styles,
|
||
on: this.$listeners
|
||
};
|
||
return h('div', this.setBackgroundColor(this.color, data), this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VAvatar/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VAvatar/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VAvatar, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAvatar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VAvatar */ "./src/components/VAvatar/VAvatar.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAvatar", function() { return _VAvatar__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VAvatar__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBadge/VBadge.sass":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VBadge/VBadge.sass ***!
|
||
\*******************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBadge/VBadge.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VBadge/VBadge.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBadge_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBadge.sass */ "./src/components/VBadge/VBadge.sass");
|
||
/* harmony import */ var _VBadge_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VBadge_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VIcon_VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon/VIcon */ "./src/components/VIcon/VIcon.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _mixins_transitionable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/transitionable */ "./src/mixins/transitionable/index.ts");
|
||
/* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __rest = undefined && undefined.__rest || function (s, e) {
|
||
var t = {};
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
}
|
||
|
||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
}
|
||
return t;
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_6__["factory"])(['left', 'bottom']), _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_transitionable__WEBPACK_IMPORTED_MODULE_5__["default"]).extend({
|
||
name: 'v-badge',
|
||
props: {
|
||
avatar: Boolean,
|
||
bordered: Boolean,
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
content: {
|
||
required: false
|
||
},
|
||
dot: Boolean,
|
||
label: {
|
||
type: String,
|
||
default: '$vuetify.badge'
|
||
},
|
||
icon: String,
|
||
inline: Boolean,
|
||
offsetX: [Number, String],
|
||
offsetY: [Number, String],
|
||
overlap: Boolean,
|
||
tile: Boolean,
|
||
transition: {
|
||
type: String,
|
||
default: 'scale-rotate-transition'
|
||
},
|
||
value: {
|
||
default: true
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-badge--avatar': this.avatar,
|
||
'v-badge--bordered': this.bordered,
|
||
'v-badge--bottom': this.bottom,
|
||
'v-badge--dot': this.dot,
|
||
'v-badge--icon': this.icon != null,
|
||
'v-badge--inline': this.inline,
|
||
'v-badge--left': this.left,
|
||
'v-badge--overlap': this.overlap,
|
||
'v-badge--tile': this.tile
|
||
}, this.themeClasses);
|
||
},
|
||
computedBottom: function computedBottom() {
|
||
return this.bottom ? 'auto' : this.computedYOffset;
|
||
},
|
||
computedLeft: function computedLeft() {
|
||
if (this.isRtl) {
|
||
return this.left ? this.computedXOffset : 'auto';
|
||
}
|
||
|
||
return this.left ? 'auto' : this.computedXOffset;
|
||
},
|
||
computedRight: function computedRight() {
|
||
if (this.isRtl) {
|
||
return this.left ? 'auto' : this.computedXOffset;
|
||
}
|
||
|
||
return !this.left ? 'auto' : this.computedXOffset;
|
||
},
|
||
computedTop: function computedTop() {
|
||
return this.bottom ? this.computedYOffset : 'auto';
|
||
},
|
||
computedXOffset: function computedXOffset() {
|
||
return this.calcPosition(this.offsetX);
|
||
},
|
||
computedYOffset: function computedYOffset() {
|
||
return this.calcPosition(this.offsetY);
|
||
},
|
||
isRtl: function isRtl() {
|
||
return this.$vuetify.rtl;
|
||
},
|
||
// Default fallback if offsetX
|
||
// or offsetY are undefined.
|
||
offset: function offset() {
|
||
if (this.overlap) return this.dot ? 8 : 12;
|
||
return this.dot ? 2 : 4;
|
||
},
|
||
styles: function styles() {
|
||
if (this.inline) return {};
|
||
return {
|
||
bottom: this.computedBottom,
|
||
left: this.computedLeft,
|
||
right: this.computedRight,
|
||
top: this.computedTop
|
||
};
|
||
}
|
||
},
|
||
methods: {
|
||
calcPosition: function calcPosition(offset) {
|
||
return "calc(100% - " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(offset || this.offset) + ")";
|
||
},
|
||
genBadge: function genBadge() {
|
||
var lang = this.$vuetify.lang;
|
||
var label = this.$attrs['aria-label'] || lang.t(this.label);
|
||
var data = this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-badge__badge',
|
||
style: this.styles,
|
||
attrs: {
|
||
'aria-atomic': this.$attrs['aria-atomic'] || 'true',
|
||
'aria-label': label,
|
||
'aria-live': this.$attrs['aria-live'] || 'polite',
|
||
title: this.$attrs.title,
|
||
role: this.$attrs.role || 'status'
|
||
},
|
||
directives: [{
|
||
name: 'show',
|
||
value: this.isActive
|
||
}]
|
||
});
|
||
var badge = this.$createElement('span', data, [this.genBadgeContent()]);
|
||
if (!this.transition) return badge;
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
name: this.transition,
|
||
origin: this.origin,
|
||
mode: this.mode
|
||
}
|
||
}, [badge]);
|
||
},
|
||
genBadgeContent: function genBadgeContent() {
|
||
// Dot prop shows no content
|
||
if (this.dot) return undefined;
|
||
var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["getSlot"])(this, 'badge');
|
||
if (slot) return slot;
|
||
if (this.content) return String(this.content);
|
||
if (this.icon) return this.$createElement(_VIcon_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], this.icon);
|
||
return undefined;
|
||
},
|
||
genBadgeWrapper: function genBadgeWrapper() {
|
||
return this.$createElement('span', {
|
||
staticClass: 'v-badge__wrapper'
|
||
}, [this.genBadge()]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var badge = [this.genBadgeWrapper()];
|
||
var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["getSlot"])(this)];
|
||
|
||
var _a = this.$attrs,
|
||
_x = _a["aria-atomic"],
|
||
_y = _a["aria-label"],
|
||
_z = _a["aria-live"],
|
||
role = _a.role,
|
||
title = _a.title,
|
||
attrs = __rest(_a, ['aria-atomic', 'aria-label', 'aria-live', "role", "title"]);
|
||
|
||
if (this.inline && this.left) children.unshift(badge);else children.push(badge);
|
||
return h('span', {
|
||
staticClass: 'v-badge',
|
||
attrs: attrs,
|
||
class: this.classes
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBadge/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/components/VBadge/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: VBadge, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBadge__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBadge */ "./src/components/VBadge/VBadge.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBadge", function() { return _VBadge__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VBadge__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBanner/VBanner.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VBanner/VBanner.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBanner/VBanner.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VBanner/VBanner.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBanner_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBanner.sass */ "./src/components/VBanner/VBanner.sass");
|
||
/* harmony import */ var _VBanner_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VBanner_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSheet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSheet */ "./src/components/VSheet/index.ts");
|
||
/* harmony import */ var _VAvatar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VAvatar */ "./src/components/VAvatar/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Components
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__["default"]).extend({
|
||
name: 'v-banner',
|
||
inheritAttrs: false,
|
||
props: {
|
||
app: Boolean,
|
||
icon: String,
|
||
iconColor: String,
|
||
mobileBreakPoint: {
|
||
type: [Number, String],
|
||
default: 960
|
||
},
|
||
singleLine: Boolean,
|
||
sticky: Boolean,
|
||
tile: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
value: {
|
||
type: Boolean,
|
||
default: true
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-banner--has-icon': this.hasIcon,
|
||
'v-banner--is-mobile': this.isMobile,
|
||
'v-banner--single-line': this.singleLine,
|
||
'v-banner--sticky': this.isSticky
|
||
});
|
||
},
|
||
hasIcon: function hasIcon() {
|
||
return Boolean(this.icon || this.$slots.icon);
|
||
},
|
||
isMobile: function isMobile() {
|
||
return this.$vuetify.breakpoint.width < Number(this.mobileBreakPoint);
|
||
},
|
||
isSticky: function isSticky() {
|
||
return this.sticky || this.app;
|
||
},
|
||
styles: function styles() {
|
||
var styles = __assign({}, _VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.styles.call(this));
|
||
|
||
if (this.isSticky) {
|
||
var top = !this.app ? 0 : this.$vuetify.application.bar + this.$vuetify.application.top;
|
||
styles.top = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["convertToUnit"])(top);
|
||
styles.position = 'sticky';
|
||
styles.zIndex = 1;
|
||
}
|
||
|
||
return styles;
|
||
}
|
||
},
|
||
methods: {
|
||
/** @public */
|
||
toggle: function toggle() {
|
||
this.isActive = !this.isActive;
|
||
},
|
||
iconClick: function iconClick(e) {
|
||
this.$emit('click:icon', e);
|
||
},
|
||
genIcon: function genIcon() {
|
||
if (!this.hasIcon) return undefined;
|
||
var content;
|
||
|
||
if (this.icon) {
|
||
content = this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
color: this.iconColor,
|
||
size: 28
|
||
}
|
||
}, [this.icon]);
|
||
} else {
|
||
content = this.$slots.icon;
|
||
}
|
||
|
||
return this.$createElement(_VAvatar__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
staticClass: 'v-banner__icon',
|
||
props: {
|
||
color: this.color,
|
||
size: 40
|
||
},
|
||
on: {
|
||
click: this.iconClick
|
||
}
|
||
}, [content]);
|
||
},
|
||
genText: function genText() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-banner__text'
|
||
}, this.$slots.default);
|
||
},
|
||
genActions: function genActions() {
|
||
var _this = this;
|
||
|
||
var children = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["getSlot"])(this, 'actions', {
|
||
dismiss: function dismiss() {
|
||
return _this.isActive = false;
|
||
}
|
||
});
|
||
if (!children) return undefined;
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-banner__actions'
|
||
}, children);
|
||
},
|
||
genContent: function genContent() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-banner__content'
|
||
}, [this.genIcon(), this.genText()]);
|
||
},
|
||
genWrapper: function genWrapper() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-banner__wrapper'
|
||
}, [this.genContent(), this.genActions()]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h(_transitions__WEBPACK_IMPORTED_MODULE_4__["VExpandTransition"], [h('div', this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-banner',
|
||
attrs: this.attrs$,
|
||
class: this.classes,
|
||
style: this.styles,
|
||
directives: [{
|
||
name: 'show',
|
||
value: this.isActive
|
||
}]
|
||
}), [this.genWrapper()])]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBanner/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VBanner/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VBanner, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBanner__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBanner */ "./src/components/VBanner/VBanner.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBanner", function() { return _VBanner__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VBanner__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBottomNavigation/VBottomNavigation.sass":
|
||
/*!*****************************************************************!*\
|
||
!*** ./src/components/VBottomNavigation/VBottomNavigation.sass ***!
|
||
\*****************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBottomNavigation/VBottomNavigation.ts":
|
||
/*!***************************************************************!*\
|
||
!*** ./src/components/VBottomNavigation/VBottomNavigation.ts ***!
|
||
\***************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBottomNavigation_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBottomNavigation.sass */ "./src/components/VBottomNavigation/VBottomNavigation.sass");
|
||
/* harmony import */ var _VBottomNavigation_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VBottomNavigation_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_applicationable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/applicationable */ "./src/mixins/applicationable/index.ts");
|
||
/* harmony import */ var _mixins_button_group__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/button-group */ "./src/mixins/button-group/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_measurable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/measurable */ "./src/mixins/measurable/index.ts");
|
||
/* harmony import */ var _mixins_proxyable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/proxyable */ "./src/mixins/proxyable/index.ts");
|
||
/* harmony import */ var _mixins_scrollable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/scrollable */ "./src/mixins/scrollable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(Object(_mixins_applicationable__WEBPACK_IMPORTED_MODULE_1__["default"])('bottom', ['height', 'inputValue']), _mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_measurable__WEBPACK_IMPORTED_MODULE_4__["default"], Object(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_8__["factory"])('inputValue'), _mixins_proxyable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_scrollable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_7__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-bottom-navigation',
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: 'v-btn--active'
|
||
},
|
||
backgroundColor: String,
|
||
grow: Boolean,
|
||
height: {
|
||
type: [Number, String],
|
||
default: 56
|
||
},
|
||
hideOnScroll: Boolean,
|
||
horizontal: Boolean,
|
||
inputValue: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
mandatory: Boolean,
|
||
shift: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: this.inputValue
|
||
};
|
||
},
|
||
computed: {
|
||
canScroll: function canScroll() {
|
||
return _mixins_scrollable__WEBPACK_IMPORTED_MODULE_6__["default"].options.computed.canScroll.call(this) && (this.hideOnScroll || !this.inputValue);
|
||
},
|
||
classes: function classes() {
|
||
return {
|
||
'v-bottom-navigation--absolute': this.absolute,
|
||
'v-bottom-navigation--grow': this.grow,
|
||
'v-bottom-navigation--fixed': !this.absolute && (this.app || this.fixed),
|
||
'v-bottom-navigation--horizontal': this.horizontal,
|
||
'v-bottom-navigation--shift': this.shift
|
||
};
|
||
},
|
||
styles: function styles() {
|
||
return __assign({}, this.measurableStyles, {
|
||
transform: this.isActive ? 'none' : 'translateY(100%)'
|
||
});
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$attrs.hasOwnProperty('active')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_10__["breaking"])('active.sync', 'value or v-model', this);
|
||
}
|
||
},
|
||
methods: {
|
||
thresholdMet: function thresholdMet() {
|
||
this.isActive = !this.isScrollingUp;
|
||
this.$emit('update:input-value', this.isActive);
|
||
},
|
||
updateApplication: function updateApplication() {
|
||
return this.$el ? this.$el.clientHeight : 0;
|
||
},
|
||
updateValue: function updateValue(val) {
|
||
this.$emit('change', val);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var data = this.setBackgroundColor(this.backgroundColor, {
|
||
staticClass: 'v-bottom-navigation',
|
||
class: this.classes,
|
||
style: this.styles,
|
||
props: {
|
||
activeClass: this.activeClass,
|
||
mandatory: Boolean(this.mandatory || this.value !== undefined),
|
||
value: this.internalValue
|
||
},
|
||
on: {
|
||
change: this.updateValue
|
||
}
|
||
});
|
||
|
||
if (this.canScroll) {
|
||
data.directives = data.directives || [];
|
||
data.directives.push({
|
||
arg: this.scrollTarget,
|
||
name: 'scroll',
|
||
value: this.onScroll
|
||
});
|
||
}
|
||
|
||
return h(_mixins_button_group__WEBPACK_IMPORTED_MODULE_2__["default"], this.setTextColor(this.color, data), this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBottomNavigation/index.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VBottomNavigation/index.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: VBottomNavigation, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBottomNavigation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBottomNavigation */ "./src/components/VBottomNavigation/VBottomNavigation.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBottomNavigation", function() { return _VBottomNavigation__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VBottomNavigation__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBottomSheet/VBottomSheet.sass":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VBottomSheet/VBottomSheet.sass ***!
|
||
\*******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBottomSheet/VBottomSheet.ts":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VBottomSheet/VBottomSheet.ts ***!
|
||
\*****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBottomSheet_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBottomSheet.sass */ "./src/components/VBottomSheet/VBottomSheet.sass");
|
||
/* harmony import */ var _VBottomSheet_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VBottomSheet_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VDialog_VDialog__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VDialog/VDialog */ "./src/components/VDialog/VDialog.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
// Extensions
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VDialog_VDialog__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-bottom-sheet',
|
||
props: {
|
||
inset: Boolean,
|
||
maxWidth: {
|
||
type: [String, Number],
|
||
default: 'auto'
|
||
},
|
||
transition: {
|
||
type: String,
|
||
default: 'bottom-sheet-transition'
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VDialog_VDialog__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-bottom-sheet': true,
|
||
'v-bottom-sheet--inset': this.inset
|
||
});
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBottomSheet/index.ts":
|
||
/*!**********************************************!*\
|
||
!*** ./src/components/VBottomSheet/index.ts ***!
|
||
\**********************************************/
|
||
/*! exports provided: VBottomSheet, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBottomSheet__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBottomSheet */ "./src/components/VBottomSheet/VBottomSheet.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBottomSheet", function() { return _VBottomSheet__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VBottomSheet__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBreadcrumbs/VBreadcrumbs.sass":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VBreadcrumbs/VBreadcrumbs.sass ***!
|
||
\*******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBreadcrumbs/VBreadcrumbs.ts":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VBreadcrumbs/VBreadcrumbs.ts ***!
|
||
\*****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBreadcrumbs_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBreadcrumbs.sass */ "./src/components/VBreadcrumbs/VBreadcrumbs.sass");
|
||
/* harmony import */ var _VBreadcrumbs_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VBreadcrumbs_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VBreadcrumbsItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VBreadcrumbsItem */ "./src/components/VBreadcrumbs/VBreadcrumbsItem.ts");
|
||
/* harmony import */ var _VBreadcrumbsDivider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VBreadcrumbsDivider */ "./src/components/VBreadcrumbs/VBreadcrumbsDivider.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
|
||
// Mixins
|
||
|
||
// Utils
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_3__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-breadcrumbs',
|
||
props: {
|
||
divider: {
|
||
type: String,
|
||
default: '/'
|
||
},
|
||
items: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
large: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-breadcrumbs--large': this.large
|
||
}, this.themeClasses);
|
||
}
|
||
},
|
||
methods: {
|
||
genDivider: function genDivider() {
|
||
return this.$createElement(_VBreadcrumbsDivider__WEBPACK_IMPORTED_MODULE_2__["default"], this.$slots.divider ? this.$slots.divider : this.divider);
|
||
},
|
||
genItems: function genItems() {
|
||
var items = [];
|
||
var hasSlot = !!this.$scopedSlots.item;
|
||
var keys = [];
|
||
|
||
for (var i = 0; i < this.items.length; i++) {
|
||
var item = this.items[i];
|
||
keys.push(item.text);
|
||
if (hasSlot) items.push(this.$scopedSlots.item({
|
||
item: item
|
||
}));else items.push(this.$createElement(_VBreadcrumbsItem__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
key: keys.join('.'),
|
||
props: item
|
||
}, [item.text]));
|
||
if (i < this.items.length - 1) items.push(this.genDivider());
|
||
}
|
||
|
||
return items;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = this.$slots.default || this.genItems();
|
||
return h('ul', {
|
||
staticClass: 'v-breadcrumbs',
|
||
class: this.classes
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBreadcrumbs/VBreadcrumbsDivider.ts":
|
||
/*!************************************************************!*\
|
||
!*** ./src/components/VBreadcrumbs/VBreadcrumbsDivider.ts ***!
|
||
\************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["createSimpleFunctional"])('v-breadcrumbs__divider', 'li'));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBreadcrumbs/VBreadcrumbsItem.ts":
|
||
/*!*********************************************************!*\
|
||
!*** ./src/components/VBreadcrumbs/VBreadcrumbsItem.ts ***!
|
||
\*********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_1__["default"])(_mixins_routable__WEBPACK_IMPORTED_MODULE_0__["default"]).extend({
|
||
name: 'v-breadcrumbs-item',
|
||
props: {
|
||
// In a breadcrumb, the currently
|
||
// active item should be dimmed
|
||
activeClass: {
|
||
type: String,
|
||
default: 'v-breadcrumbs__item--disabled'
|
||
},
|
||
ripple: {
|
||
type: [Boolean, Object],
|
||
default: false
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
var _a;
|
||
|
||
return _a = {
|
||
'v-breadcrumbs__item': true
|
||
}, _a[this.activeClass] = this.disabled, _a;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _a = this.generateRouteLink(),
|
||
tag = _a.tag,
|
||
data = _a.data;
|
||
|
||
return h('li', [h(tag, __assign({}, data, {
|
||
attrs: __assign({}, data.attrs, {
|
||
'aria-current': this.isActive && this.isLink ? 'page' : undefined
|
||
})
|
||
}), this.$slots.default)]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBreadcrumbs/index.ts":
|
||
/*!**********************************************!*\
|
||
!*** ./src/components/VBreadcrumbs/index.ts ***!
|
||
\**********************************************/
|
||
/*! exports provided: VBreadcrumbs, VBreadcrumbsItem, VBreadcrumbsDivider, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBreadcrumbs */ "./src/components/VBreadcrumbs/VBreadcrumbs.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBreadcrumbs", function() { return _VBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VBreadcrumbsItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VBreadcrumbsItem */ "./src/components/VBreadcrumbs/VBreadcrumbsItem.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBreadcrumbsItem", function() { return _VBreadcrumbsItem__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VBreadcrumbsDivider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VBreadcrumbsDivider */ "./src/components/VBreadcrumbs/VBreadcrumbsDivider.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBreadcrumbsDivider", function() { return _VBreadcrumbsDivider__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VBreadcrumbs: _VBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VBreadcrumbsItem: _VBreadcrumbsItem__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VBreadcrumbsDivider: _VBreadcrumbsDivider__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBtn/VBtn.sass":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VBtn/VBtn.sass ***!
|
||
\***************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBtn/VBtn.ts":
|
||
/*!*************************************!*\
|
||
!*** ./src/components/VBtn/VBtn.ts ***!
|
||
\*************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBtn_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBtn.sass */ "./src/components/VBtn/VBtn.sass");
|
||
/* harmony import */ var _VBtn_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VBtn_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSheet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSheet */ "./src/components/VSheet/index.ts");
|
||
/* harmony import */ var _VProgressCircular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VProgressCircular */ "./src/components/VProgressCircular/index.ts");
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
|
||
/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
|
||
/* harmony import */ var _mixins_sizeable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/sizeable */ "./src/mixins/sizeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_routable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_positionable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_3__["factory"])('btnToggle'), Object(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_4__["factory"])('inputValue')
|
||
/* @vue/component */
|
||
);
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-btn',
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: function _default() {
|
||
if (!this.btnToggle) return '';
|
||
return this.btnToggle.activeClass;
|
||
}
|
||
},
|
||
block: Boolean,
|
||
depressed: Boolean,
|
||
fab: Boolean,
|
||
icon: Boolean,
|
||
loading: Boolean,
|
||
outlined: Boolean,
|
||
retainFocusOnClick: Boolean,
|
||
rounded: Boolean,
|
||
tag: {
|
||
type: String,
|
||
default: 'button'
|
||
},
|
||
text: Boolean,
|
||
type: {
|
||
type: String,
|
||
default: 'button'
|
||
},
|
||
value: null
|
||
},
|
||
data: function data() {
|
||
return {
|
||
proxyClass: 'v-btn--active'
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-btn': true
|
||
}, _mixins_routable__WEBPACK_IMPORTED_MODULE_6__["default"].options.computed.classes.call(this), {
|
||
'v-btn--absolute': this.absolute,
|
||
'v-btn--block': this.block,
|
||
'v-btn--bottom': this.bottom,
|
||
'v-btn--contained': this.contained,
|
||
'v-btn--depressed': this.depressed || this.outlined,
|
||
'v-btn--disabled': this.disabled,
|
||
'v-btn--fab': this.fab,
|
||
'v-btn--fixed': this.fixed,
|
||
'v-btn--flat': this.isFlat,
|
||
'v-btn--icon': this.icon,
|
||
'v-btn--left': this.left,
|
||
'v-btn--loading': this.loading,
|
||
'v-btn--outlined': this.outlined,
|
||
'v-btn--right': this.right,
|
||
'v-btn--round': this.isRound,
|
||
'v-btn--rounded': this.rounded,
|
||
'v-btn--router': this.to,
|
||
'v-btn--text': this.text,
|
||
'v-btn--tile': this.tile,
|
||
'v-btn--top': this.top
|
||
}, this.themeClasses, this.groupClasses, this.elevationClasses, this.sizeableClasses);
|
||
},
|
||
contained: function contained() {
|
||
return Boolean(!this.isFlat && !this.depressed && // Contained class only adds elevation
|
||
// is not needed if user provides value
|
||
!this.elevation);
|
||
},
|
||
computedRipple: function computedRipple() {
|
||
var defaultRipple = this.icon || this.fab ? {
|
||
circle: true
|
||
} : true;
|
||
if (this.disabled) return false;else return this.ripple != null ? this.ripple : defaultRipple;
|
||
},
|
||
isFlat: function isFlat() {
|
||
return Boolean(this.icon || this.text || this.outlined);
|
||
},
|
||
isRound: function isRound() {
|
||
return Boolean(this.icon || this.fab);
|
||
},
|
||
styles: function styles() {
|
||
return __assign({}, this.measurableStyles);
|
||
}
|
||
},
|
||
created: function created() {
|
||
var _this = this;
|
||
|
||
var breakingProps = [['flat', 'text'], ['outline', 'outlined'], ['round', 'rounded']];
|
||
/* istanbul ignore next */
|
||
|
||
breakingProps.forEach(function (_a) {
|
||
var _b = __read(_a, 2),
|
||
original = _b[0],
|
||
replacement = _b[1];
|
||
|
||
if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_9__["breaking"])(original, replacement, _this);
|
||
});
|
||
},
|
||
methods: {
|
||
click: function click(e) {
|
||
!this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur();
|
||
this.$emit('click', e);
|
||
this.btnToggle && this.toggle();
|
||
},
|
||
genContent: function genContent() {
|
||
return this.$createElement('span', {
|
||
staticClass: 'v-btn__content'
|
||
}, this.$slots.default);
|
||
},
|
||
genLoader: function genLoader() {
|
||
return this.$createElement('span', {
|
||
class: 'v-btn__loader'
|
||
}, this.$slots.loader || [this.$createElement(_VProgressCircular__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: {
|
||
indeterminate: true,
|
||
size: 23,
|
||
width: 2
|
||
}
|
||
})]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [this.genContent(), this.loading && this.genLoader()];
|
||
var setColor = !this.isFlat ? this.setBackgroundColor : this.setTextColor;
|
||
|
||
var _a = this.generateRouteLink(),
|
||
tag = _a.tag,
|
||
data = _a.data;
|
||
|
||
if (tag === 'button') {
|
||
data.attrs.type = this.type;
|
||
data.attrs.disabled = this.disabled;
|
||
}
|
||
|
||
data.attrs.value = ['string', 'number'].includes(_typeof(this.value)) ? this.value : JSON.stringify(this.value);
|
||
return h(tag, this.disabled ? data : setColor(this.color, data), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBtn/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/components/VBtn/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: VBtn, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBtn */ "./src/components/VBtn/VBtn.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBtn", function() { return _VBtn__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VBtn__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBtnToggle/VBtnToggle.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VBtnToggle/VBtnToggle.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBtnToggle/VBtnToggle.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VBtnToggle/VBtnToggle.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBtnToggle_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBtnToggle.sass */ "./src/components/VBtnToggle/VBtnToggle.sass");
|
||
/* harmony import */ var _VBtnToggle_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VBtnToggle_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_button_group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/button-group */ "./src/mixins/button-group/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_button_group__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'v-btn-toggle',
|
||
props: {
|
||
backgroundColor: String,
|
||
borderless: Boolean,
|
||
dense: Boolean,
|
||
group: Boolean,
|
||
rounded: Boolean,
|
||
shaped: Boolean,
|
||
tile: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _mixins_button_group__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-btn-toggle': true,
|
||
'v-btn-toggle--borderless': this.borderless,
|
||
'v-btn-toggle--dense': this.dense,
|
||
'v-btn-toggle--group': this.group,
|
||
'v-btn-toggle--rounded': this.rounded,
|
||
'v-btn-toggle--shaped': this.shaped,
|
||
'v-btn-toggle--tile': this.tile
|
||
}, this.themeClasses);
|
||
}
|
||
},
|
||
methods: {
|
||
genData: function genData() {
|
||
var data = this.setTextColor(this.color, __assign({}, _mixins_button_group__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genData.call(this)));
|
||
if (this.group) return data;
|
||
return this.setBackgroundColor(this.backgroundColor, data);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VBtnToggle/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VBtnToggle/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VBtnToggle, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VBtnToggle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VBtnToggle */ "./src/components/VBtnToggle/VBtnToggle.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBtnToggle", function() { return _VBtnToggle__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VBtnToggle__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/VCalendar.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VCalendar/VCalendar.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_calendar_with_events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mixins/calendar-with-events */ "./src/components/VCalendar/mixins/calendar-with-events.ts");
|
||
/* harmony import */ var _util_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util/props */ "./src/components/VCalendar/util/props.ts");
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
/* harmony import */ var _VCalendarMonthly__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VCalendarMonthly */ "./src/components/VCalendar/VCalendarMonthly.ts");
|
||
/* harmony import */ var _VCalendarDaily__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VCalendarDaily */ "./src/components/VCalendar/VCalendarDaily.ts");
|
||
/* harmony import */ var _VCalendarWeekly__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VCalendarWeekly */ "./src/components/VCalendar/VCalendarWeekly.ts");
|
||
// Styles
|
||
// import '../../stylus/components/_calendar-daily.styl'
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Mixins
|
||
|
||
|
||
// Util
|
||
|
||
|
||
// Calendars
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_calendar_with_events__WEBPACK_IMPORTED_MODULE_0__["default"].extend({
|
||
name: 'v-calendar',
|
||
props: __assign({}, _util_props__WEBPACK_IMPORTED_MODULE_1__["default"].calendar, _util_props__WEBPACK_IMPORTED_MODULE_1__["default"].weeks, _util_props__WEBPACK_IMPORTED_MODULE_1__["default"].intervals),
|
||
data: function data() {
|
||
return {
|
||
lastStart: null,
|
||
lastEnd: null
|
||
};
|
||
},
|
||
computed: {
|
||
parsedValue: function parsedValue() {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["validateTimestamp"])(this.value) ? Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["parseTimestamp"])(this.value, true) : this.parsedStart || this.times.today;
|
||
},
|
||
renderProps: function renderProps() {
|
||
var around = this.parsedValue;
|
||
var component = null;
|
||
var maxDays = this.maxDays;
|
||
var start = around;
|
||
var end = around;
|
||
|
||
switch (this.type) {
|
||
case 'month':
|
||
component = _VCalendarMonthly__WEBPACK_IMPORTED_MODULE_3__["default"];
|
||
start = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["getStartOfMonth"])(around);
|
||
end = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["getEndOfMonth"])(around);
|
||
break;
|
||
|
||
case 'week':
|
||
component = _VCalendarDaily__WEBPACK_IMPORTED_MODULE_4__["default"];
|
||
start = this.getStartOfWeek(around);
|
||
end = this.getEndOfWeek(around);
|
||
maxDays = 7;
|
||
break;
|
||
|
||
case 'day':
|
||
component = _VCalendarDaily__WEBPACK_IMPORTED_MODULE_4__["default"];
|
||
maxDays = 1;
|
||
break;
|
||
|
||
case '4day':
|
||
component = _VCalendarDaily__WEBPACK_IMPORTED_MODULE_4__["default"];
|
||
end = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["relativeDays"])(Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["copyTimestamp"])(end), _util_timestamp__WEBPACK_IMPORTED_MODULE_2__["nextDay"], 4);
|
||
Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["updateFormatted"])(end);
|
||
maxDays = 4;
|
||
break;
|
||
|
||
case 'custom-weekly':
|
||
component = _VCalendarWeekly__WEBPACK_IMPORTED_MODULE_5__["default"];
|
||
start = this.parsedStart || around;
|
||
end = this.parsedEnd;
|
||
break;
|
||
|
||
case 'custom-daily':
|
||
component = _VCalendarDaily__WEBPACK_IMPORTED_MODULE_4__["default"];
|
||
start = this.parsedStart || around;
|
||
end = this.parsedEnd;
|
||
break;
|
||
|
||
default:
|
||
throw new Error(this.type + ' is not a valid Calendar type');
|
||
}
|
||
|
||
return {
|
||
component: component,
|
||
start: start,
|
||
end: end,
|
||
maxDays: maxDays
|
||
};
|
||
}
|
||
},
|
||
watch: {
|
||
renderProps: 'checkChange'
|
||
},
|
||
mounted: function mounted() {
|
||
this.updateEventVisibility();
|
||
this.checkChange();
|
||
},
|
||
updated: function updated() {
|
||
window.requestAnimationFrame(this.updateEventVisibility);
|
||
},
|
||
methods: {
|
||
checkChange: function checkChange() {
|
||
var _a = this,
|
||
lastStart = _a.lastStart,
|
||
lastEnd = _a.lastEnd;
|
||
|
||
var _b = this.renderProps,
|
||
start = _b.start,
|
||
end = _b.end;
|
||
|
||
if (!lastStart || !lastEnd || start.date !== lastStart.date || end.date !== lastEnd.date) {
|
||
this.lastStart = start;
|
||
this.lastEnd = end;
|
||
this.$emit('change', {
|
||
start: start,
|
||
end: end
|
||
});
|
||
}
|
||
},
|
||
move: function move(amount) {
|
||
if (amount === void 0) {
|
||
amount = 1;
|
||
}
|
||
|
||
var moved = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["copyTimestamp"])(this.parsedValue);
|
||
var forward = amount > 0;
|
||
var mover = forward ? _util_timestamp__WEBPACK_IMPORTED_MODULE_2__["nextDay"] : _util_timestamp__WEBPACK_IMPORTED_MODULE_2__["prevDay"];
|
||
var limit = forward ? _util_timestamp__WEBPACK_IMPORTED_MODULE_2__["DAYS_IN_MONTH_MAX"] : _util_timestamp__WEBPACK_IMPORTED_MODULE_2__["DAY_MIN"];
|
||
var times = forward ? amount : -amount;
|
||
|
||
while (--times >= 0) {
|
||
switch (this.type) {
|
||
case 'month':
|
||
moved.day = limit;
|
||
mover(moved);
|
||
break;
|
||
|
||
case 'week':
|
||
Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["relativeDays"])(moved, mover, _util_timestamp__WEBPACK_IMPORTED_MODULE_2__["DAYS_IN_WEEK"]);
|
||
break;
|
||
|
||
case 'day':
|
||
var index = moved.weekday;
|
||
var days = forward ? this.weekdaySkips[index] : this.weekdaySkipsReverse[index];
|
||
Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["relativeDays"])(moved, mover, days);
|
||
break;
|
||
|
||
case '4day':
|
||
Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["relativeDays"])(moved, mover, 4);
|
||
break;
|
||
}
|
||
}
|
||
|
||
Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["updateWeekday"])(moved);
|
||
Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["updateFormatted"])(moved);
|
||
Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["updateRelative"])(moved, this.times.now);
|
||
this.$emit('input', moved.date);
|
||
this.$emit('moved', moved);
|
||
},
|
||
next: function next(amount) {
|
||
if (amount === void 0) {
|
||
amount = 1;
|
||
}
|
||
|
||
this.move(amount);
|
||
},
|
||
prev: function prev(amount) {
|
||
if (amount === void 0) {
|
||
amount = 1;
|
||
}
|
||
|
||
this.move(-amount);
|
||
},
|
||
timeToY: function timeToY(time, clamp) {
|
||
if (clamp === void 0) {
|
||
clamp = true;
|
||
}
|
||
|
||
var c = this.$children[0];
|
||
|
||
if (c && c.timeToY) {
|
||
return c.timeToY(time, clamp);
|
||
} else {
|
||
return false;
|
||
}
|
||
},
|
||
minutesToPixels: function minutesToPixels(minutes) {
|
||
var c = this.$children[0];
|
||
|
||
if (c && c.minutesToPixels) {
|
||
return c.minutesToPixels(minutes);
|
||
} else {
|
||
return -1;
|
||
}
|
||
},
|
||
scrollToTime: function scrollToTime(time) {
|
||
var c = this.$children[0];
|
||
|
||
if (c && c.scrollToTime) {
|
||
return c.scrollToTime(time);
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
var _a = this.renderProps,
|
||
start = _a.start,
|
||
end = _a.end,
|
||
maxDays = _a.maxDays,
|
||
component = _a.component;
|
||
return h(component, {
|
||
staticClass: 'v-calendar',
|
||
class: {
|
||
'v-calendar-events': !this.noEvents
|
||
},
|
||
props: __assign({}, this.$props, {
|
||
start: start.date,
|
||
end: end.date,
|
||
maxDays: maxDays
|
||
}),
|
||
directives: [{
|
||
modifiers: {
|
||
quiet: true
|
||
},
|
||
name: 'resize',
|
||
value: this.updateEventVisibility
|
||
}],
|
||
on: __assign({}, this.$listeners, {
|
||
'click:date': function clickDate(day) {
|
||
if (_this.$listeners['input']) {
|
||
_this.$emit('input', day.date);
|
||
}
|
||
|
||
if (_this.$listeners['click:date']) {
|
||
_this.$emit('click:date', day);
|
||
}
|
||
}
|
||
}),
|
||
scopedSlots: this.getScopedSlots()
|
||
});
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/VCalendarDaily.sass":
|
||
/*!******************************************************!*\
|
||
!*** ./src/components/VCalendar/VCalendarDaily.sass ***!
|
||
\******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/VCalendarDaily.ts":
|
||
/*!****************************************************!*\
|
||
!*** ./src/components/VCalendar/VCalendarDaily.ts ***!
|
||
\****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCalendarDaily_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCalendarDaily.sass */ "./src/components/VCalendar/VCalendarDaily.sass");
|
||
/* harmony import */ var _VCalendarDaily_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VCalendarDaily_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _directives_resize__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../directives/resize */ "./src/directives/resize/index.ts");
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _mixins_calendar_with_intervals__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mixins/calendar-with-intervals */ "./src/components/VCalendar/mixins/calendar-with-intervals.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Directives
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
// Util
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_calendar_with_intervals__WEBPACK_IMPORTED_MODULE_3__["default"].extend({
|
||
name: 'v-calendar-daily',
|
||
directives: {
|
||
Resize: _directives_resize__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
},
|
||
data: function data() {
|
||
return {
|
||
scrollPush: 0
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-calendar-daily': true
|
||
}, this.themeClasses);
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.init();
|
||
},
|
||
methods: {
|
||
init: function init() {
|
||
this.$nextTick(this.onResize);
|
||
},
|
||
onResize: function onResize() {
|
||
this.scrollPush = this.getScrollPush();
|
||
},
|
||
getScrollPush: function getScrollPush() {
|
||
var area = this.$refs.scrollArea;
|
||
var pane = this.$refs.pane;
|
||
return area && pane ? area.offsetWidth - pane.offsetWidth : 0;
|
||
},
|
||
genHead: function genHead() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-calendar-daily__head',
|
||
style: {
|
||
marginRight: this.scrollPush + 'px'
|
||
}
|
||
}, __spread([this.genHeadIntervals()], this.genHeadDays()));
|
||
},
|
||
genHeadIntervals: function genHeadIntervals() {
|
||
var width = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.intervalWidth);
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-calendar-daily__intervals-head',
|
||
style: {
|
||
width: width
|
||
}
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this, 'interval-header'));
|
||
},
|
||
genHeadDays: function genHeadDays() {
|
||
return this.days.map(this.genHeadDay);
|
||
},
|
||
genHeadDay: function genHeadDay(day, index) {
|
||
var _this = this;
|
||
|
||
var header = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this, 'day-header', function () {
|
||
return __assign({
|
||
week: _this.days
|
||
}, day, {
|
||
index: index
|
||
});
|
||
});
|
||
return this.$createElement('div', {
|
||
key: day.date,
|
||
staticClass: 'v-calendar-daily_head-day',
|
||
class: this.getRelativeClasses(day),
|
||
on: this.getDefaultMouseEventHandlers(':day', function (_e) {
|
||
return _this.getSlotScope(day);
|
||
})
|
||
}, __spread([this.genHeadWeekday(day), this.genHeadDayLabel(day)], header || []));
|
||
},
|
||
genHeadWeekday: function genHeadWeekday(day) {
|
||
var color = day.present ? this.color : undefined;
|
||
return this.$createElement('div', this.setTextColor(color, {
|
||
staticClass: 'v-calendar-daily_head-weekday'
|
||
}), this.weekdayFormatter(day, this.shortWeekdays));
|
||
},
|
||
genHeadDayLabel: function genHeadDayLabel(day) {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-calendar-daily_head-day-label'
|
||
}, [this.genHeadDayButton(day)]);
|
||
},
|
||
genHeadDayButton: function genHeadDayButton(day) {
|
||
var color = day.present ? this.color : 'transparent';
|
||
return this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: {
|
||
color: color,
|
||
fab: true,
|
||
depressed: true
|
||
},
|
||
on: this.getMouseEventHandlers({
|
||
'click:date': {
|
||
event: 'click',
|
||
stop: true
|
||
},
|
||
'contextmenu:date': {
|
||
event: 'contextmenu',
|
||
stop: true,
|
||
prevent: true,
|
||
result: false
|
||
}
|
||
}, function (_e) {
|
||
return day;
|
||
})
|
||
}, this.dayFormatter(day, false));
|
||
},
|
||
genBody: function genBody() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-calendar-daily__body'
|
||
}, [this.genScrollArea()]);
|
||
},
|
||
genScrollArea: function genScrollArea() {
|
||
return this.$createElement('div', {
|
||
ref: 'scrollArea',
|
||
staticClass: 'v-calendar-daily__scroll-area'
|
||
}, [this.genPane()]);
|
||
},
|
||
genPane: function genPane() {
|
||
return this.$createElement('div', {
|
||
ref: 'pane',
|
||
staticClass: 'v-calendar-daily__pane',
|
||
style: {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.bodyHeight)
|
||
}
|
||
}, [this.genDayContainer()]);
|
||
},
|
||
genDayContainer: function genDayContainer() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-calendar-daily__day-container'
|
||
}, __spread([this.genBodyIntervals()], this.genDays()));
|
||
},
|
||
genDays: function genDays() {
|
||
return this.days.map(this.genDay);
|
||
},
|
||
genDay: function genDay(day, index) {
|
||
var _this = this;
|
||
|
||
return this.$createElement('div', {
|
||
key: day.date,
|
||
staticClass: 'v-calendar-daily__day',
|
||
class: this.getRelativeClasses(day),
|
||
on: this.getDefaultMouseEventHandlers(':time', function (e) {
|
||
return _this.getSlotScope(_this.getTimestampAtEvent(e, day));
|
||
})
|
||
}, __spread(this.genDayIntervals(index), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this, 'day-body', function () {
|
||
return _this.getSlotScope(day);
|
||
}) || []));
|
||
},
|
||
genDayIntervals: function genDayIntervals(index) {
|
||
return this.intervals[index].map(this.genDayInterval);
|
||
},
|
||
genDayInterval: function genDayInterval(interval) {
|
||
var _this = this;
|
||
|
||
var height = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.intervalHeight);
|
||
var styler = this.intervalStyle || this.intervalStyleDefault;
|
||
var data = {
|
||
key: interval.time,
|
||
staticClass: 'v-calendar-daily__day-interval',
|
||
style: __assign({
|
||
height: height
|
||
}, styler(interval))
|
||
};
|
||
var children = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this, 'interval', function () {
|
||
return _this.getSlotScope(interval);
|
||
});
|
||
return this.$createElement('div', data, children);
|
||
},
|
||
genBodyIntervals: function genBodyIntervals() {
|
||
var _this = this;
|
||
|
||
var width = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.intervalWidth);
|
||
var data = {
|
||
staticClass: 'v-calendar-daily__intervals-body',
|
||
style: {
|
||
width: width
|
||
},
|
||
on: this.getDefaultMouseEventHandlers(':interval', function (e) {
|
||
return _this.getTimestampAtEvent(e, _this.parsedStart);
|
||
})
|
||
};
|
||
return this.$createElement('div', data, this.genIntervalLabels());
|
||
},
|
||
genIntervalLabels: function genIntervalLabels() {
|
||
if (!this.intervals.length) return null;
|
||
return this.intervals[0].map(this.genIntervalLabel);
|
||
},
|
||
genIntervalLabel: function genIntervalLabel(interval) {
|
||
var height = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.intervalHeight);
|
||
var short = this.shortIntervals;
|
||
var shower = this.showIntervalLabel || this.showIntervalLabelDefault;
|
||
var show = shower(interval);
|
||
var label = show ? this.intervalFormatter(interval, short) : undefined;
|
||
return this.$createElement('div', {
|
||
key: interval.time,
|
||
staticClass: 'v-calendar-daily__interval',
|
||
style: {
|
||
height: height
|
||
}
|
||
}, [this.$createElement('div', {
|
||
staticClass: 'v-calendar-daily__interval-text'
|
||
}, label)]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
class: this.classes,
|
||
nativeOn: {
|
||
dragstart: function dragstart(e) {
|
||
e.preventDefault();
|
||
}
|
||
},
|
||
directives: [{
|
||
modifiers: {
|
||
quiet: true
|
||
},
|
||
name: 'resize',
|
||
value: this.onResize
|
||
}]
|
||
}, [!this.hideHeader ? this.genHead() : '', this.genBody()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/VCalendarMonthly.ts":
|
||
/*!******************************************************!*\
|
||
!*** ./src/components/VCalendar/VCalendarMonthly.ts ***!
|
||
\******************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCalendarWeekly_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCalendarWeekly.sass */ "./src/components/VCalendar/VCalendarWeekly.sass");
|
||
/* harmony import */ var _VCalendarWeekly_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VCalendarWeekly_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VCalendarWeekly__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VCalendarWeekly */ "./src/components/VCalendar/VCalendarWeekly.ts");
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
// Styles
|
||
// Mixins
|
||
|
||
// Util
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VCalendarWeekly__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-calendar-monthly',
|
||
computed: {
|
||
staticClass: function staticClass() {
|
||
return 'v-calendar-monthly v-calendar-weekly';
|
||
},
|
||
parsedStart: function parsedStart() {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["getStartOfMonth"])(Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["parseTimestamp"])(this.start, true));
|
||
},
|
||
parsedEnd: function parsedEnd() {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["getEndOfMonth"])(Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["parseTimestamp"])(this.end, true));
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/VCalendarWeekly.sass":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VCalendar/VCalendarWeekly.sass ***!
|
||
\*******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/VCalendarWeekly.ts":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VCalendar/VCalendarWeekly.ts ***!
|
||
\*****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCalendarWeekly_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCalendarWeekly.sass */ "./src/components/VCalendar/VCalendarWeekly.sass");
|
||
/* harmony import */ var _VCalendarWeekly_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VCalendarWeekly_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _mixins_calendar_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mixins/calendar-base */ "./src/components/VCalendar/mixins/calendar-base.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util/props */ "./src/components/VCalendar/util/props.ts");
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
// Util
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_calendar_base__WEBPACK_IMPORTED_MODULE_2__["default"].extend({
|
||
name: 'v-calendar-weekly',
|
||
props: _util_props__WEBPACK_IMPORTED_MODULE_4__["default"].weeks,
|
||
computed: {
|
||
staticClass: function staticClass() {
|
||
return 'v-calendar-weekly';
|
||
},
|
||
classes: function classes() {
|
||
return this.themeClasses;
|
||
},
|
||
parsedMinWeeks: function parsedMinWeeks() {
|
||
return parseInt(this.minWeeks);
|
||
},
|
||
days: function days() {
|
||
var minDays = this.parsedMinWeeks * this.parsedWeekdays.length;
|
||
var start = this.getStartOfWeek(this.parsedStart);
|
||
var end = this.getEndOfWeek(this.parsedEnd);
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_5__["createDayList"])(start, end, this.times.today, this.weekdaySkips, Number.MAX_SAFE_INTEGER, minDays);
|
||
},
|
||
todayWeek: function todayWeek() {
|
||
var today = this.times.today;
|
||
var start = this.getStartOfWeek(today);
|
||
var end = this.getEndOfWeek(today);
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_5__["createDayList"])(start, end, today, this.weekdaySkips, this.parsedWeekdays.length, this.parsedWeekdays.length);
|
||
},
|
||
monthFormatter: function monthFormatter() {
|
||
if (this.monthFormat) {
|
||
return this.monthFormat;
|
||
}
|
||
|
||
var longOptions = {
|
||
timeZone: 'UTC',
|
||
month: 'long'
|
||
};
|
||
var shortOptions = {
|
||
timeZone: 'UTC',
|
||
month: 'short'
|
||
};
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_5__["createNativeLocaleFormatter"])(this.currentLocale, function (_tms, short) {
|
||
return short ? shortOptions : longOptions;
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
isOutside: function isOutside(day) {
|
||
var dayIdentifier = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_5__["getDayIdentifier"])(day);
|
||
return dayIdentifier < Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_5__["getDayIdentifier"])(this.parsedStart) || dayIdentifier > Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_5__["getDayIdentifier"])(this.parsedEnd);
|
||
},
|
||
genHead: function genHead() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-calendar-weekly__head'
|
||
}, this.genHeadDays());
|
||
},
|
||
genHeadDays: function genHeadDays() {
|
||
return this.todayWeek.map(this.genHeadDay);
|
||
},
|
||
genHeadDay: function genHeadDay(day, index) {
|
||
var outside = this.isOutside(this.days[index]);
|
||
var color = day.present ? this.color : undefined;
|
||
return this.$createElement('div', this.setTextColor(color, {
|
||
key: day.date,
|
||
staticClass: 'v-calendar-weekly__head-weekday',
|
||
class: this.getRelativeClasses(day, outside)
|
||
}), this.weekdayFormatter(day, this.shortWeekdays));
|
||
},
|
||
genWeeks: function genWeeks() {
|
||
var days = this.days;
|
||
var weekDays = this.parsedWeekdays.length;
|
||
var weeks = [];
|
||
|
||
for (var i = 0; i < days.length; i += weekDays) {
|
||
weeks.push(this.genWeek(days.slice(i, i + weekDays)));
|
||
}
|
||
|
||
return weeks;
|
||
},
|
||
genWeek: function genWeek(week) {
|
||
var _this = this;
|
||
|
||
return this.$createElement('div', {
|
||
key: week[0].date,
|
||
staticClass: 'v-calendar-weekly__week'
|
||
}, week.map(function (day, index) {
|
||
return _this.genDay(day, index, week);
|
||
}));
|
||
},
|
||
genDay: function genDay(day, index, week) {
|
||
var outside = this.isOutside(day);
|
||
return this.$createElement('div', {
|
||
key: day.date,
|
||
staticClass: 'v-calendar-weekly__day',
|
||
class: this.getRelativeClasses(day, outside),
|
||
on: this.getDefaultMouseEventHandlers(':day', function (_e) {
|
||
return day;
|
||
})
|
||
}, __spread([this.genDayLabel(day)], Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'day', function () {
|
||
return __assign({
|
||
outside: outside,
|
||
index: index,
|
||
week: week
|
||
}, day);
|
||
}) || []));
|
||
},
|
||
genDayLabel: function genDayLabel(day) {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-calendar-weekly__day-label'
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'day-label', day) || [this.genDayLabelButton(day)]);
|
||
},
|
||
genDayLabelButton: function genDayLabelButton(day) {
|
||
var color = day.present ? this.color : 'transparent';
|
||
var hasMonth = day.day === 1 && this.showMonthOnFirst;
|
||
return this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
color: color,
|
||
fab: true,
|
||
depressed: true,
|
||
small: true
|
||
},
|
||
on: this.getMouseEventHandlers({
|
||
'click:date': {
|
||
event: 'click',
|
||
stop: true
|
||
},
|
||
'contextmenu:date': {
|
||
event: 'contextmenu',
|
||
stop: true,
|
||
prevent: true,
|
||
result: false
|
||
}
|
||
}, function (_e) {
|
||
return day;
|
||
})
|
||
}, hasMonth ? this.monthFormatter(day, this.shortMonths) + ' ' + this.dayFormatter(day, false) : this.dayFormatter(day, false));
|
||
},
|
||
genDayMonth: function genDayMonth(day) {
|
||
var color = day.present ? this.color : undefined;
|
||
return this.$createElement('div', this.setTextColor(color, {
|
||
staticClass: 'v-calendar-weekly__day-month'
|
||
}), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'day-month', day) || this.monthFormatter(day, this.shortMonths));
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: this.staticClass,
|
||
class: this.classes,
|
||
nativeOn: {
|
||
dragstart: function dragstart(e) {
|
||
e.preventDefault();
|
||
}
|
||
}
|
||
}, __spread([!this.hideHeader ? this.genHead() : ''], this.genWeeks()));
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VCalendar/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VCalendar, VCalendarDaily, VCalendarWeekly, VCalendarMonthly, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCalendar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCalendar */ "./src/components/VCalendar/VCalendar.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCalendar", function() { return _VCalendar__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VCalendarDaily__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VCalendarDaily */ "./src/components/VCalendar/VCalendarDaily.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCalendarDaily", function() { return _VCalendarDaily__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VCalendarWeekly__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VCalendarWeekly */ "./src/components/VCalendar/VCalendarWeekly.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCalendarWeekly", function() { return _VCalendarWeekly__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _VCalendarMonthly__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VCalendarMonthly */ "./src/components/VCalendar/VCalendarMonthly.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCalendarMonthly", function() { return _VCalendarMonthly__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VCalendar: _VCalendar__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VCalendarDaily: _VCalendarDaily__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VCalendarWeekly: _VCalendarWeekly__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||
VCalendarMonthly: _VCalendarMonthly__WEBPACK_IMPORTED_MODULE_3__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/mixins/calendar-base.ts":
|
||
/*!**********************************************************!*\
|
||
!*** ./src/components/VCalendar/mixins/calendar-base.ts ***!
|
||
\**********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_localable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../mixins/localable */ "./src/mixins/localable/index.ts");
|
||
/* harmony import */ var _mouse__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mouse */ "./src/components/VCalendar/mixins/mouse.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _times__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./times */ "./src/components/VCalendar/mixins/times.ts");
|
||
/* harmony import */ var _directives_resize__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../directives/resize */ "./src/directives/resize/index.ts");
|
||
/* harmony import */ var _util_props__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../util/props */ "./src/components/VCalendar/util/props.ts");
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Util
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_0__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_localable__WEBPACK_IMPORTED_MODULE_2__["default"], _mouse__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"], _times__WEBPACK_IMPORTED_MODULE_5__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'calendar-base',
|
||
directives: {
|
||
Resize: _directives_resize__WEBPACK_IMPORTED_MODULE_6__["default"]
|
||
},
|
||
props: _util_props__WEBPACK_IMPORTED_MODULE_7__["default"].base,
|
||
computed: {
|
||
parsedWeekdays: function parsedWeekdays() {
|
||
return Array.isArray(this.weekdays) ? this.weekdays : (this.weekdays || '').split(',').map(function (x) {
|
||
return parseInt(x, 10);
|
||
});
|
||
},
|
||
weekdaySkips: function weekdaySkips() {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["getWeekdaySkips"])(this.parsedWeekdays);
|
||
},
|
||
weekdaySkipsReverse: function weekdaySkipsReverse() {
|
||
var reversed = this.weekdaySkips.slice();
|
||
reversed.reverse();
|
||
return reversed;
|
||
},
|
||
parsedStart: function parsedStart() {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["parseTimestamp"])(this.start, true);
|
||
},
|
||
parsedEnd: function parsedEnd() {
|
||
var start = this.parsedStart;
|
||
var end = this.end ? Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["parseTimestamp"])(this.end) || start : start;
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["getTimestampIdentifier"])(end) < Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["getTimestampIdentifier"])(start) ? start : end;
|
||
},
|
||
days: function days() {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["createDayList"])(this.parsedStart, this.parsedEnd, this.times.today, this.weekdaySkips);
|
||
},
|
||
dayFormatter: function dayFormatter() {
|
||
if (this.dayFormat) {
|
||
return this.dayFormat;
|
||
}
|
||
|
||
var options = {
|
||
timeZone: 'UTC',
|
||
day: 'numeric'
|
||
};
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["createNativeLocaleFormatter"])(this.currentLocale, function (_tms, _short) {
|
||
return options;
|
||
});
|
||
},
|
||
weekdayFormatter: function weekdayFormatter() {
|
||
if (this.weekdayFormat) {
|
||
return this.weekdayFormat;
|
||
}
|
||
|
||
var longOptions = {
|
||
timeZone: 'UTC',
|
||
weekday: 'long'
|
||
};
|
||
var shortOptions = {
|
||
timeZone: 'UTC',
|
||
weekday: 'short'
|
||
};
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["createNativeLocaleFormatter"])(this.currentLocale, function (_tms, short) {
|
||
return short ? shortOptions : longOptions;
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
getRelativeClasses: function getRelativeClasses(timestamp, outside) {
|
||
if (outside === void 0) {
|
||
outside = false;
|
||
}
|
||
|
||
return {
|
||
'v-present': timestamp.present,
|
||
'v-past': timestamp.past,
|
||
'v-future': timestamp.future,
|
||
'v-outside': outside
|
||
};
|
||
},
|
||
getStartOfWeek: function getStartOfWeek(timestamp) {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["getStartOfWeek"])(timestamp, this.parsedWeekdays, this.times.today);
|
||
},
|
||
getEndOfWeek: function getEndOfWeek(timestamp) {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["getEndOfWeek"])(timestamp, this.parsedWeekdays, this.times.today);
|
||
},
|
||
getFormatter: function getFormatter(options) {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_8__["createNativeLocaleFormatter"])(this.locale, function (_tms, _short) {
|
||
return options;
|
||
});
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/mixins/calendar-with-events.sass":
|
||
/*!*******************************************************************!*\
|
||
!*** ./src/components/VCalendar/mixins/calendar-with-events.sass ***!
|
||
\*******************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/mixins/calendar-with-events.ts":
|
||
/*!*****************************************************************!*\
|
||
!*** ./src/components/VCalendar/mixins/calendar-with-events.ts ***!
|
||
\*****************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _calendar_with_events_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./calendar-with-events.sass */ "./src/components/VCalendar/mixins/calendar-with-events.sass");
|
||
/* harmony import */ var _calendar_with_events_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_calendar_with_events_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _calendar_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./calendar-base */ "./src/components/VCalendar/mixins/calendar-base.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util/props */ "./src/components/VCalendar/util/props.ts");
|
||
/* harmony import */ var _modes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../modes */ "./src/components/VCalendar/modes/index.ts");
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
/* harmony import */ var _util_events__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../util/events */ "./src/components/VCalendar/util/events.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Directives
|
||
|
||
// Mixins
|
||
|
||
// Helpers
|
||
|
||
// Util
|
||
|
||
|
||
|
||
|
||
|
||
var WIDTH_FULL = 100;
|
||
var WIDTH_START = 95;
|
||
var MINUTES_IN_DAY = 1440;
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_calendar_base__WEBPACK_IMPORTED_MODULE_2__["default"].extend({
|
||
name: 'calendar-with-events',
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
},
|
||
props: _util_props__WEBPACK_IMPORTED_MODULE_4__["default"].events,
|
||
computed: {
|
||
noEvents: function noEvents() {
|
||
return this.events.length === 0;
|
||
},
|
||
parsedEvents: function parsedEvents() {
|
||
var _this = this;
|
||
|
||
return this.events.map(function (input, index) {
|
||
return Object(_util_events__WEBPACK_IMPORTED_MODULE_7__["parseEvent"])(input, index, _this.eventStart, _this.eventEnd);
|
||
});
|
||
},
|
||
parsedEventOverlapThreshold: function parsedEventOverlapThreshold() {
|
||
return parseInt(this.eventOverlapThreshold);
|
||
},
|
||
eventColorFunction: function eventColorFunction() {
|
||
var _this = this;
|
||
|
||
return typeof this.eventColor === 'function' ? this.eventColor : function () {
|
||
return _this.eventColor;
|
||
};
|
||
},
|
||
eventTextColorFunction: function eventTextColorFunction() {
|
||
var _this = this;
|
||
|
||
return typeof this.eventTextColor === 'function' ? this.eventTextColor : function () {
|
||
return _this.eventTextColor;
|
||
};
|
||
},
|
||
eventNameFunction: function eventNameFunction() {
|
||
var _this = this;
|
||
|
||
return typeof this.eventName === 'function' ? this.eventName : function (event, timedEvent) {
|
||
var name = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["escapeHTML"])(event.input[_this.eventName]);
|
||
|
||
if (event.start.hasTime) {
|
||
if (timedEvent) {
|
||
var showStart = event.start.hour < 12 && event.end.hour >= 12;
|
||
|
||
var start = _this.formatTime(event.start, showStart);
|
||
|
||
var end = _this.formatTime(event.end, true);
|
||
|
||
var singline = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["diffMinutes"])(event.start, event.end) <= _this.parsedEventOverlapThreshold;
|
||
|
||
var separator = singline ? ', ' : '<br>';
|
||
return "<strong>" + name + "</strong>" + separator + start + " - " + end;
|
||
} else {
|
||
var time = _this.formatTime(event.start, true);
|
||
|
||
return "<strong>" + time + "</strong> " + name;
|
||
}
|
||
}
|
||
|
||
return name;
|
||
};
|
||
},
|
||
eventModeFunction: function eventModeFunction() {
|
||
return typeof this.eventOverlapMode === 'function' ? this.eventOverlapMode : _modes__WEBPACK_IMPORTED_MODULE_5__["CalendarEventOverlapModes"][this.eventOverlapMode];
|
||
}
|
||
},
|
||
methods: {
|
||
formatTime: function formatTime(withTime, ampm) {
|
||
var formatter = this.getFormatter({
|
||
timeZone: 'UTC',
|
||
hour: 'numeric',
|
||
minute: withTime.minute > 0 ? 'numeric' : undefined
|
||
});
|
||
return formatter(withTime, true);
|
||
},
|
||
updateEventVisibility: function updateEventVisibility() {
|
||
if (this.noEvents || !this.eventMore) {
|
||
return;
|
||
}
|
||
|
||
var eventHeight = this.eventHeight;
|
||
var eventsMap = this.getEventsMap();
|
||
|
||
for (var date in eventsMap) {
|
||
var _a = eventsMap[date],
|
||
parent = _a.parent,
|
||
events = _a.events,
|
||
more = _a.more;
|
||
|
||
if (!more) {
|
||
break;
|
||
}
|
||
|
||
var parentBounds = parent.getBoundingClientRect();
|
||
var last = events.length - 1;
|
||
var hide = false;
|
||
var hidden = 0;
|
||
|
||
for (var i = 0; i <= last; i++) {
|
||
if (!hide) {
|
||
var eventBounds = events[i].getBoundingClientRect();
|
||
hide = i === last ? eventBounds.bottom > parentBounds.bottom : eventBounds.bottom + eventHeight > parentBounds.bottom;
|
||
}
|
||
|
||
if (hide) {
|
||
events[i].style.display = 'none';
|
||
hidden++;
|
||
}
|
||
}
|
||
|
||
if (hide) {
|
||
more.style.display = '';
|
||
more.innerHTML = this.$vuetify.lang.t(this.eventMoreText, hidden);
|
||
} else {
|
||
more.style.display = 'none';
|
||
}
|
||
}
|
||
},
|
||
getEventsMap: function getEventsMap() {
|
||
var eventsMap = {};
|
||
var elements = this.$refs.events;
|
||
|
||
if (!elements || !elements.forEach) {
|
||
return eventsMap;
|
||
}
|
||
|
||
elements.forEach(function (el) {
|
||
var date = el.getAttribute('data-date');
|
||
|
||
if (el.parentElement && date) {
|
||
if (!(date in eventsMap)) {
|
||
eventsMap[date] = {
|
||
parent: el.parentElement,
|
||
more: null,
|
||
events: []
|
||
};
|
||
}
|
||
|
||
if (el.getAttribute('data-more')) {
|
||
eventsMap[date].more = el;
|
||
} else {
|
||
eventsMap[date].events.push(el);
|
||
el.style.display = '';
|
||
}
|
||
}
|
||
});
|
||
return eventsMap;
|
||
},
|
||
genDayEvent: function genDayEvent(_a, day) {
|
||
var event = _a.event;
|
||
var eventHeight = this.eventHeight;
|
||
var eventMarginBottom = this.eventMarginBottom;
|
||
var dayIdentifier = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["getDayIdentifier"])(day);
|
||
var week = day.week;
|
||
var start = dayIdentifier === event.startIdentifier;
|
||
var end = dayIdentifier === event.endIdentifier;
|
||
var width = WIDTH_START;
|
||
|
||
for (var i = day.index + 1; i < week.length; i++) {
|
||
var weekdayIdentifier = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["getDayIdentifier"])(week[i]);
|
||
|
||
if (event.endIdentifier >= weekdayIdentifier) {
|
||
width += WIDTH_FULL;
|
||
|
||
if (weekdayIdentifier === event.endIdentifier) {
|
||
end = true;
|
||
}
|
||
} else {
|
||
end = true;
|
||
break;
|
||
}
|
||
}
|
||
|
||
var scope = {
|
||
event: event.input,
|
||
day: day,
|
||
outside: day.outside,
|
||
start: start,
|
||
end: end,
|
||
timed: false
|
||
};
|
||
return this.genEvent(event, scope, false, {
|
||
staticClass: 'v-event',
|
||
class: {
|
||
'v-event-start': start,
|
||
'v-event-end': end
|
||
},
|
||
style: {
|
||
height: eventHeight + "px",
|
||
width: width + "%",
|
||
'margin-bottom': eventMarginBottom + "px"
|
||
},
|
||
attrs: {
|
||
'data-date': day.date
|
||
},
|
||
key: event.index,
|
||
ref: 'events',
|
||
refInFor: true
|
||
});
|
||
},
|
||
genTimedEvent: function genTimedEvent(_a, day) {
|
||
var event = _a.event,
|
||
left = _a.left,
|
||
width = _a.width;
|
||
var dayIdentifier = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["getDayIdentifier"])(day);
|
||
var start = event.startIdentifier >= dayIdentifier;
|
||
var end = event.endIdentifier > dayIdentifier;
|
||
var top = start ? day.timeToY(event.start) : 0;
|
||
var bottom = end ? day.timeToY(MINUTES_IN_DAY) : day.timeToY(event.end);
|
||
var height = Math.max(this.eventHeight, bottom - top);
|
||
var scope = {
|
||
event: event.input,
|
||
day: day,
|
||
outside: day.outside,
|
||
start: start,
|
||
end: end,
|
||
timed: true
|
||
};
|
||
return this.genEvent(event, scope, true, {
|
||
staticClass: 'v-event-timed',
|
||
style: {
|
||
top: top + "px",
|
||
height: height + "px",
|
||
left: left + "%",
|
||
width: width + "%"
|
||
}
|
||
});
|
||
},
|
||
genEvent: function genEvent(event, scope, timedEvent, data) {
|
||
var slot = this.$scopedSlots.event;
|
||
var text = this.eventTextColorFunction(event.input);
|
||
var background = this.eventColorFunction(event.input);
|
||
return this.$createElement('div', this.setTextColor(text, this.setBackgroundColor(background, __assign({
|
||
on: this.getDefaultMouseEventHandlers(':event', function (nativeEvent) {
|
||
return __assign({}, scope, {
|
||
nativeEvent: nativeEvent
|
||
});
|
||
}),
|
||
directives: [{
|
||
name: 'ripple',
|
||
value: this.eventRipple != null ? this.eventRipple : true
|
||
}]
|
||
}, data))), slot ? slot(scope) : [this.genName(event, timedEvent)]);
|
||
},
|
||
genName: function genName(event, timedEvent) {
|
||
return this.$createElement('div', {
|
||
staticClass: 'pl-1',
|
||
domProps: {
|
||
innerHTML: this.eventNameFunction(event, timedEvent)
|
||
}
|
||
});
|
||
},
|
||
genPlaceholder: function genPlaceholder(day) {
|
||
var height = this.eventHeight + this.eventMarginBottom;
|
||
return this.$createElement('div', {
|
||
style: {
|
||
height: height + "px"
|
||
},
|
||
attrs: {
|
||
'data-date': day.date
|
||
},
|
||
ref: 'events',
|
||
refInFor: true
|
||
});
|
||
},
|
||
genMore: function genMore(day) {
|
||
var _this = this;
|
||
|
||
var eventHeight = this.eventHeight;
|
||
var eventMarginBottom = this.eventMarginBottom;
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-event-more pl-1',
|
||
class: {
|
||
'v-outside': day.outside
|
||
},
|
||
attrs: {
|
||
'data-date': day.date,
|
||
'data-more': 1
|
||
},
|
||
directives: [{
|
||
name: 'ripple',
|
||
value: this.eventRipple != null ? this.eventRipple : true
|
||
}],
|
||
on: {
|
||
click: function click() {
|
||
return _this.$emit('click:more', day);
|
||
}
|
||
},
|
||
style: {
|
||
display: 'none',
|
||
height: eventHeight + "px",
|
||
'margin-bottom': eventMarginBottom + "px"
|
||
},
|
||
ref: 'events',
|
||
refInFor: true
|
||
});
|
||
},
|
||
getVisibleEvents: function getVisibleEvents() {
|
||
var start = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["getDayIdentifier"])(this.days[0]);
|
||
var end = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["getDayIdentifier"])(this.days[this.days.length - 1]);
|
||
return this.parsedEvents.filter(function (event) {
|
||
return Object(_util_events__WEBPACK_IMPORTED_MODULE_7__["isEventOverlapping"])(event, start, end);
|
||
});
|
||
},
|
||
getEventsForDay: function getEventsForDay(day) {
|
||
var identifier = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["getDayIdentifier"])(day);
|
||
var firstWeekday = this.parsedWeekdays[0];
|
||
return this.parsedEvents.filter(function (event) {
|
||
return Object(_util_events__WEBPACK_IMPORTED_MODULE_7__["isEventStart"])(event, day, identifier, firstWeekday);
|
||
});
|
||
},
|
||
getEventsForDayAll: function getEventsForDayAll(day) {
|
||
var identifier = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["getDayIdentifier"])(day);
|
||
var firstWeekday = this.parsedWeekdays[0];
|
||
return this.parsedEvents.filter(function (event) {
|
||
return event.allDay && Object(_util_events__WEBPACK_IMPORTED_MODULE_7__["isEventStart"])(event, day, identifier, firstWeekday);
|
||
});
|
||
},
|
||
getEventsForDayTimed: function getEventsForDayTimed(day) {
|
||
var identifier = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_6__["getDayIdentifier"])(day);
|
||
return this.parsedEvents.filter(function (event) {
|
||
return !event.allDay && Object(_util_events__WEBPACK_IMPORTED_MODULE_7__["isEventOn"])(event, identifier);
|
||
});
|
||
},
|
||
getScopedSlots: function getScopedSlots() {
|
||
var _this = this;
|
||
|
||
if (this.noEvents) {
|
||
return this.$scopedSlots;
|
||
}
|
||
|
||
var mode = this.eventModeFunction(this.parsedEvents, this.parsedWeekdays[0], this.parsedEventOverlapThreshold);
|
||
|
||
var getSlotChildren = function getSlotChildren(day, getter, mapper, timed) {
|
||
var events = getter(day);
|
||
|
||
if (events.length === 0) {
|
||
return;
|
||
}
|
||
|
||
var visuals = mode(day, events, timed);
|
||
|
||
if (timed) {
|
||
return visuals.map(function (visual) {
|
||
return mapper(visual, day);
|
||
});
|
||
}
|
||
|
||
var children = [];
|
||
visuals.forEach(function (visual, index) {
|
||
while (children.length < visual.column) {
|
||
children.push(_this.genPlaceholder(day));
|
||
}
|
||
|
||
children.push(mapper(visual, day));
|
||
});
|
||
return children;
|
||
};
|
||
|
||
var slots = this.$scopedSlots;
|
||
var slotDay = slots.day;
|
||
var slotDayHeader = slots['day-header'];
|
||
var slotDayBody = slots['day-body'];
|
||
return __assign({}, slots, {
|
||
day: function day(_day) {
|
||
var children = getSlotChildren(_day, _this.getEventsForDay, _this.genDayEvent, false);
|
||
|
||
if (children && children.length > 0 && _this.eventMore) {
|
||
children.push(_this.genMore(_day));
|
||
}
|
||
|
||
if (slotDay) {
|
||
var slot = slotDay(_day);
|
||
|
||
if (slot) {
|
||
children = children ? children.concat(slot) : slot;
|
||
}
|
||
}
|
||
|
||
return children;
|
||
},
|
||
'day-header': function dayHeader(day) {
|
||
var children = getSlotChildren(day, _this.getEventsForDayAll, _this.genDayEvent, false);
|
||
|
||
if (slotDayHeader) {
|
||
var slot = slotDayHeader(day);
|
||
|
||
if (slot) {
|
||
children = children ? children.concat(slot) : slot;
|
||
}
|
||
}
|
||
|
||
return children;
|
||
},
|
||
'day-body': function dayBody(day) {
|
||
var events = getSlotChildren(day, _this.getEventsForDayTimed, _this.genTimedEvent, true);
|
||
var children = [_this.$createElement('div', {
|
||
staticClass: 'v-event-timed-container'
|
||
}, events)];
|
||
|
||
if (slotDayBody) {
|
||
var slot = slotDayBody(day);
|
||
|
||
if (slot) {
|
||
children = children.concat(slot);
|
||
}
|
||
}
|
||
|
||
return children;
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/mixins/calendar-with-intervals.ts":
|
||
/*!********************************************************************!*\
|
||
!*** ./src/components/VCalendar/mixins/calendar-with-intervals.ts ***!
|
||
\********************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _calendar_base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./calendar-base */ "./src/components/VCalendar/mixins/calendar-base.ts");
|
||
/* harmony import */ var _util_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util/props */ "./src/components/VCalendar/util/props.ts");
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
// Mixins
|
||
// Util
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_calendar_base__WEBPACK_IMPORTED_MODULE_0__["default"].extend({
|
||
name: 'calendar-with-intervals',
|
||
props: _util_props__WEBPACK_IMPORTED_MODULE_1__["default"].intervals,
|
||
computed: {
|
||
parsedFirstInterval: function parsedFirstInterval() {
|
||
return parseInt(this.firstInterval);
|
||
},
|
||
parsedIntervalMinutes: function parsedIntervalMinutes() {
|
||
return parseInt(this.intervalMinutes);
|
||
},
|
||
parsedIntervalCount: function parsedIntervalCount() {
|
||
return parseInt(this.intervalCount);
|
||
},
|
||
parsedIntervalHeight: function parsedIntervalHeight() {
|
||
return parseFloat(this.intervalHeight);
|
||
},
|
||
firstMinute: function firstMinute() {
|
||
return this.parsedFirstInterval * this.parsedIntervalMinutes;
|
||
},
|
||
bodyHeight: function bodyHeight() {
|
||
return this.parsedIntervalCount * this.parsedIntervalHeight;
|
||
},
|
||
days: function days() {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["createDayList"])(this.parsedStart, this.parsedEnd, this.times.today, this.weekdaySkips, this.maxDays);
|
||
},
|
||
intervals: function intervals() {
|
||
var days = this.days;
|
||
var first = this.parsedFirstInterval;
|
||
var minutes = this.parsedIntervalMinutes;
|
||
var count = this.parsedIntervalCount;
|
||
var now = this.times.now;
|
||
return days.map(function (d) {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["createIntervalList"])(d, first, minutes, count, now);
|
||
});
|
||
},
|
||
intervalFormatter: function intervalFormatter() {
|
||
if (this.intervalFormat) {
|
||
return this.intervalFormat;
|
||
}
|
||
|
||
var longOptions = {
|
||
timeZone: 'UTC',
|
||
hour: '2-digit',
|
||
minute: '2-digit'
|
||
};
|
||
var shortOptions = {
|
||
timeZone: 'UTC',
|
||
hour: 'numeric',
|
||
minute: '2-digit'
|
||
};
|
||
var shortHourOptions = {
|
||
timeZone: 'UTC',
|
||
hour: 'numeric'
|
||
};
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["createNativeLocaleFormatter"])(this.currentLocale, function (tms, short) {
|
||
return short ? tms.minute === 0 ? shortHourOptions : shortOptions : longOptions;
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
showIntervalLabelDefault: function showIntervalLabelDefault(interval) {
|
||
var first = this.intervals[0][0];
|
||
var isFirst = first.hour === interval.hour && first.minute === interval.minute;
|
||
return !isFirst;
|
||
},
|
||
intervalStyleDefault: function intervalStyleDefault(_interval) {
|
||
return undefined;
|
||
},
|
||
getTimestampAtEvent: function getTimestampAtEvent(e, day) {
|
||
var timestamp = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["copyTimestamp"])(day);
|
||
var bounds = e.currentTarget.getBoundingClientRect();
|
||
var baseMinutes = this.firstMinute;
|
||
var touchEvent = e;
|
||
var mouseEvent = e;
|
||
var touches = touchEvent.changedTouches || touchEvent.touches;
|
||
var clientY = touches && touches[0] ? touches[0].clientY : mouseEvent.clientY;
|
||
var addIntervals = (clientY - bounds.top) / this.parsedIntervalHeight;
|
||
var addMinutes = Math.floor(addIntervals * this.parsedIntervalMinutes);
|
||
var minutes = baseMinutes + addMinutes;
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["updateMinutes"])(timestamp, minutes, this.times.now);
|
||
},
|
||
getSlotScope: function getSlotScope(timestamp) {
|
||
var scope = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["copyTimestamp"])(timestamp);
|
||
scope.timeToY = this.timeToY;
|
||
scope.minutesToPixels = this.minutesToPixels;
|
||
scope.week = this.days;
|
||
return scope;
|
||
},
|
||
scrollToTime: function scrollToTime(time) {
|
||
var y = this.timeToY(time);
|
||
var pane = this.$refs.scrollArea;
|
||
|
||
if (y === false || !pane) {
|
||
return false;
|
||
}
|
||
|
||
pane.scrollTop = y;
|
||
return true;
|
||
},
|
||
minutesToPixels: function minutesToPixels(minutes) {
|
||
return minutes / this.parsedIntervalMinutes * this.parsedIntervalHeight;
|
||
},
|
||
timeToY: function timeToY(time, clamp) {
|
||
if (clamp === void 0) {
|
||
clamp = true;
|
||
}
|
||
|
||
var minutes = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_2__["parseTime"])(time);
|
||
|
||
if (minutes === false) {
|
||
return false;
|
||
}
|
||
|
||
var min = this.firstMinute;
|
||
var gap = this.parsedIntervalCount * this.parsedIntervalMinutes;
|
||
var delta = (minutes - min) / gap;
|
||
var y = delta * this.bodyHeight;
|
||
|
||
if (clamp) {
|
||
if (y < 0) {
|
||
y = 0;
|
||
}
|
||
|
||
if (y > this.bodyHeight) {
|
||
y = this.bodyHeight;
|
||
}
|
||
}
|
||
|
||
return y;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/mixins/mouse.ts":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VCalendar/mixins/mouse.ts ***!
|
||
\**************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'mouse',
|
||
methods: {
|
||
getDefaultMouseEventHandlers: function getDefaultMouseEventHandlers(suffix, getEvent) {
|
||
var _a;
|
||
|
||
return this.getMouseEventHandlers((_a = {}, _a['click' + suffix] = {
|
||
event: 'click'
|
||
}, _a['contextmenu' + suffix] = {
|
||
event: 'contextmenu',
|
||
prevent: true,
|
||
result: false
|
||
}, _a['mousedown' + suffix] = {
|
||
event: 'mousedown'
|
||
}, _a['mousemove' + suffix] = {
|
||
event: 'mousemove'
|
||
}, _a['mouseup' + suffix] = {
|
||
event: 'mouseup'
|
||
}, _a['mouseenter' + suffix] = {
|
||
event: 'mouseenter'
|
||
}, _a['mouseleave' + suffix] = {
|
||
event: 'mouseleave'
|
||
}, _a['touchstart' + suffix] = {
|
||
event: 'touchstart'
|
||
}, _a['touchmove' + suffix] = {
|
||
event: 'touchmove'
|
||
}, _a['touchend' + suffix] = {
|
||
event: 'touchend'
|
||
}, _a), getEvent);
|
||
},
|
||
getMouseEventHandlers: function getMouseEventHandlers(events, getEvent) {
|
||
var _this = this;
|
||
|
||
var on = {};
|
||
|
||
var _loop_1 = function _loop_1(event) {
|
||
var eventOptions = events[event];
|
||
if (!this_1.$listeners[event]) return "continue"; // TODO somehow pull in modifiers
|
||
|
||
var prefix = eventOptions.passive ? '&' : (eventOptions.once ? '~' : '') + (eventOptions.capture ? '!' : '');
|
||
var key = prefix + eventOptions.event;
|
||
|
||
var handler = function handler(e) {
|
||
var mouseEvent = e;
|
||
|
||
if (eventOptions.button === undefined || mouseEvent.buttons > 0 && mouseEvent.button === eventOptions.button) {
|
||
if (eventOptions.prevent) {
|
||
e.preventDefault();
|
||
}
|
||
|
||
if (eventOptions.stop) {
|
||
e.stopPropagation();
|
||
}
|
||
|
||
_this.$emit(event, getEvent(e));
|
||
}
|
||
|
||
return eventOptions.result;
|
||
};
|
||
|
||
if (key in on) {
|
||
/* istanbul ignore next */
|
||
if (Array.isArray(on[key])) {
|
||
on[key].push(handler);
|
||
} else {
|
||
on[key] = [on[key], handler];
|
||
}
|
||
} else {
|
||
on[key] = handler;
|
||
}
|
||
};
|
||
|
||
var this_1 = this;
|
||
|
||
for (var event in events) {
|
||
_loop_1(event);
|
||
}
|
||
|
||
return on;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/mixins/times.ts":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VCalendar/mixins/times.ts ***!
|
||
\**************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'times',
|
||
props: {
|
||
now: {
|
||
type: String,
|
||
validator: _util_timestamp__WEBPACK_IMPORTED_MODULE_1__["validateTimestamp"]
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
times: {
|
||
now: Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_1__["parseTimestamp"])('0000-00-00 00:00', true),
|
||
today: Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_1__["parseTimestamp"])('0000-00-00', true)
|
||
}
|
||
};
|
||
},
|
||
computed: {
|
||
parsedNow: function parsedNow() {
|
||
return this.now ? Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_1__["parseTimestamp"])(this.now, true) : null;
|
||
}
|
||
},
|
||
watch: {
|
||
parsedNow: 'updateTimes'
|
||
},
|
||
created: function created() {
|
||
this.updateTimes();
|
||
this.setPresent();
|
||
},
|
||
methods: {
|
||
setPresent: function setPresent() {
|
||
this.times.now.present = this.times.today.present = true;
|
||
this.times.now.past = this.times.today.past = false;
|
||
this.times.now.future = this.times.today.future = false;
|
||
},
|
||
updateTimes: function updateTimes() {
|
||
var now = this.parsedNow || this.getNow();
|
||
this.updateDay(now, this.times.now);
|
||
this.updateTime(now, this.times.now);
|
||
this.updateDay(now, this.times.today);
|
||
},
|
||
getNow: function getNow() {
|
||
return Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_1__["parseDate"])(new Date());
|
||
},
|
||
updateDay: function updateDay(now, target) {
|
||
if (now.date !== target.date) {
|
||
target.year = now.year;
|
||
target.month = now.month;
|
||
target.day = now.day;
|
||
target.weekday = now.weekday;
|
||
target.date = now.date;
|
||
}
|
||
},
|
||
updateTime: function updateTime(now, target) {
|
||
if (now.time !== target.time) {
|
||
target.hour = now.hour;
|
||
target.minute = now.minute;
|
||
target.time = now.time;
|
||
}
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/modes/column.ts":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VCalendar/modes/column.ts ***!
|
||
\**************************************************/
|
||
/*! exports provided: column */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "column", function() { return column; });
|
||
/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./common */ "./src/components/VCalendar/modes/common.ts");
|
||
|
||
var FULL_WIDTH = 100;
|
||
var column = function column(events, firstWeekday, overlapThreshold) {
|
||
var handler = Object(_common__WEBPACK_IMPORTED_MODULE_0__["getOverlapGroupHandler"])(firstWeekday);
|
||
return function (day, dayEvents, timed) {
|
||
var visuals = handler.getVisuals(day, dayEvents, timed);
|
||
|
||
if (timed) {
|
||
visuals.forEach(function (visual) {
|
||
visual.left = visual.column * FULL_WIDTH / visual.columnCount;
|
||
visual.width = FULL_WIDTH / visual.columnCount;
|
||
});
|
||
}
|
||
|
||
return visuals;
|
||
};
|
||
};
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/modes/common.ts":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VCalendar/modes/common.ts ***!
|
||
\**************************************************/
|
||
/*! exports provided: getVisuals, hasOverlap, setColumnCount, getRange, getDayRange, getNormalizedRange, getOpenGroup, getOverlapGroupHandler */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVisuals", function() { return _getVisuals; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasOverlap", function() { return hasOverlap; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "setColumnCount", function() { return setColumnCount; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRange", function() { return getRange; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDayRange", function() { return getDayRange; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNormalizedRange", function() { return getNormalizedRange; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOpenGroup", function() { return getOpenGroup; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOverlapGroupHandler", function() { return getOverlapGroupHandler; });
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
var MILLIS_IN_DAY = 86400000;
|
||
|
||
function _getVisuals(events, minStart) {
|
||
if (minStart === void 0) {
|
||
minStart = 0;
|
||
}
|
||
|
||
var visuals = events.map(function (event) {
|
||
return {
|
||
event: event,
|
||
columnCount: 0,
|
||
column: 0,
|
||
left: 0,
|
||
width: 100
|
||
};
|
||
});
|
||
visuals.sort(function (a, b) {
|
||
return Math.max(minStart, a.event.startTimestampIdentifier) - Math.max(minStart, b.event.startTimestampIdentifier) || b.event.endTimestampIdentifier - a.event.endTimestampIdentifier;
|
||
});
|
||
return visuals;
|
||
}
|
||
|
||
|
||
function hasOverlap(s0, e0, s1, e1, exclude) {
|
||
if (exclude === void 0) {
|
||
exclude = true;
|
||
}
|
||
|
||
return exclude ? !(s0 >= e1 || e0 <= s1) : !(s0 > e1 || e0 < s1);
|
||
}
|
||
function setColumnCount(groups) {
|
||
groups.forEach(function (group) {
|
||
group.visuals.forEach(function (groupVisual) {
|
||
groupVisual.columnCount = groups.length;
|
||
});
|
||
});
|
||
}
|
||
function getRange(event) {
|
||
return [event.startTimestampIdentifier, event.endTimestampIdentifier];
|
||
}
|
||
function getDayRange(event) {
|
||
return [event.startIdentifier, event.endIdentifier];
|
||
}
|
||
function getNormalizedRange(event, dayStart) {
|
||
return [Math.max(dayStart, event.startTimestampIdentifier), Math.min(dayStart + MILLIS_IN_DAY, event.endTimestampIdentifier)];
|
||
}
|
||
function getOpenGroup(groups, start, end, timed) {
|
||
for (var i = 0; i < groups.length; i++) {
|
||
var group = groups[i];
|
||
var intersected = false;
|
||
|
||
if (hasOverlap(start, end, group.start, group.end, timed)) {
|
||
for (var k = 0; k < group.visuals.length; k++) {
|
||
var groupVisual = group.visuals[k];
|
||
|
||
var _a = __read(timed ? getRange(groupVisual.event) : getDayRange(groupVisual.event), 2),
|
||
groupStart = _a[0],
|
||
groupEnd = _a[1];
|
||
|
||
if (hasOverlap(start, end, groupStart, groupEnd, timed)) {
|
||
intersected = true;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
if (!intersected) {
|
||
return i;
|
||
}
|
||
}
|
||
|
||
return -1;
|
||
}
|
||
function getOverlapGroupHandler(firstWeekday) {
|
||
var handler = {
|
||
groups: [],
|
||
min: -1,
|
||
max: -1,
|
||
reset: function reset() {
|
||
handler.groups = [];
|
||
handler.min = handler.max = -1;
|
||
},
|
||
getVisuals: function getVisuals(day, dayEvents, timed) {
|
||
if (day.weekday === firstWeekday || timed) {
|
||
handler.reset();
|
||
}
|
||
|
||
var dayStart = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_0__["getTimestampIdentifier"])(day);
|
||
|
||
var visuals = _getVisuals(dayEvents, dayStart);
|
||
|
||
visuals.forEach(function (visual) {
|
||
var _a = __read(timed ? getRange(visual.event) : getDayRange(visual.event), 2),
|
||
start = _a[0],
|
||
end = _a[1];
|
||
|
||
if (handler.groups.length > 0 && !hasOverlap(start, end, handler.min, handler.max, timed)) {
|
||
setColumnCount(handler.groups);
|
||
handler.reset();
|
||
}
|
||
|
||
var targetGroup = getOpenGroup(handler.groups, start, end, timed);
|
||
|
||
if (targetGroup === -1) {
|
||
targetGroup = handler.groups.length;
|
||
handler.groups.push({
|
||
start: start,
|
||
end: end,
|
||
visuals: []
|
||
});
|
||
}
|
||
|
||
var target = handler.groups[targetGroup];
|
||
target.visuals.push(visual);
|
||
target.start = Math.min(target.start, start);
|
||
target.end = Math.max(target.end, end);
|
||
visual.column = targetGroup;
|
||
|
||
if (handler.min === -1) {
|
||
handler.min = start;
|
||
handler.max = end;
|
||
} else {
|
||
handler.min = Math.min(handler.min, start);
|
||
handler.max = Math.max(handler.max, end);
|
||
}
|
||
});
|
||
setColumnCount(handler.groups);
|
||
return visuals;
|
||
}
|
||
};
|
||
return handler;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/modes/index.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VCalendar/modes/index.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: CalendarEventOverlapModes */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CalendarEventOverlapModes", function() { return CalendarEventOverlapModes; });
|
||
/* harmony import */ var _stack__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./stack */ "./src/components/VCalendar/modes/stack.ts");
|
||
/* harmony import */ var _column__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./column */ "./src/components/VCalendar/modes/column.ts");
|
||
|
||
|
||
var CalendarEventOverlapModes = {
|
||
stack: _stack__WEBPACK_IMPORTED_MODULE_0__["stack"],
|
||
column: _column__WEBPACK_IMPORTED_MODULE_1__["column"]
|
||
};
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/modes/stack.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VCalendar/modes/stack.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: stack */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "stack", function() { return stack; });
|
||
/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./common */ "./src/components/VCalendar/modes/common.ts");
|
||
/* harmony import */ var _util_timestamp__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
var __values = undefined && undefined.__values || function (o) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator],
|
||
i = 0;
|
||
if (m) return m.call(o);
|
||
return {
|
||
next: function next() {
|
||
if (o && i >= o.length) o = void 0;
|
||
return {
|
||
value: o && o[i++],
|
||
done: !o
|
||
};
|
||
}
|
||
};
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
var FULL_WIDTH = 100;
|
||
var DEFAULT_OFFSET = 5;
|
||
var WIDTH_MULTIPLIER = 1.7;
|
||
/**
|
||
* Variation of column mode where events can be stacked. The priority of this
|
||
* mode is to stack events together taking up the least amount of space while
|
||
* trying to ensure the content of the event is always visible as well as its
|
||
* start and end. A sibling column has intersecting event content and must be
|
||
* placed beside each other. Non-sibling columns are offset by 5% from the
|
||
* previous column. The width is scaled by 1.7 so the events overlap and
|
||
* whitespace is reduced. If there is a hole in columns the event width is
|
||
* scaled up so it intersects with the next column. The columns have equal
|
||
* width in the space they are given. If the event doesn't have any to the
|
||
* right of it that intersect with it's content it's right side is extended
|
||
* to the right side.
|
||
*/
|
||
|
||
var stack = function stack(events, firstWeekday, overlapThreshold) {
|
||
var handler = Object(_common__WEBPACK_IMPORTED_MODULE_0__["getOverlapGroupHandler"])(firstWeekday); // eslint-disable-next-line max-statements
|
||
|
||
return function (day, dayEvents, timed) {
|
||
var e_1, _a, e_2, _b, e_3, _c;
|
||
|
||
if (!timed) {
|
||
return handler.getVisuals(day, dayEvents, timed);
|
||
}
|
||
|
||
var dayStart = Object(_util_timestamp__WEBPACK_IMPORTED_MODULE_1__["getTimestampIdentifier"])(day);
|
||
var visuals = Object(_common__WEBPACK_IMPORTED_MODULE_0__["getVisuals"])(dayEvents, dayStart);
|
||
var groups = getGroups(visuals, dayStart);
|
||
|
||
try {
|
||
for (var groups_1 = __values(groups), groups_1_1 = groups_1.next(); !groups_1_1.done; groups_1_1 = groups_1.next()) {
|
||
var group = groups_1_1.value;
|
||
var nodes = [];
|
||
|
||
try {
|
||
for (var _d = (e_2 = void 0, __values(group.visuals)), _e = _d.next(); !_e.done; _e = _d.next()) {
|
||
var visual = _e.value;
|
||
var child = getNode(visual, dayStart);
|
||
var index = getNextIndex(child, nodes);
|
||
|
||
if (index === false) {
|
||
var parent = getParent(child, nodes);
|
||
|
||
if (parent) {
|
||
child.parent = parent;
|
||
child.sibling = Object(_common__WEBPACK_IMPORTED_MODULE_0__["hasOverlap"])(child.start, child.end, parent.start, addTime(parent.start, overlapThreshold));
|
||
child.index = parent.index + 1;
|
||
parent.children.push(child);
|
||
}
|
||
} else {
|
||
var _f = __read(getOverlappingRange(child, nodes, index - 1, index - 1), 1),
|
||
parent = _f[0];
|
||
|
||
var children = getOverlappingRange(child, nodes, index + 1, index + nodes.length, true);
|
||
child.children = children;
|
||
child.index = index;
|
||
|
||
if (parent) {
|
||
child.parent = parent;
|
||
child.sibling = Object(_common__WEBPACK_IMPORTED_MODULE_0__["hasOverlap"])(child.start, child.end, parent.start, addTime(parent.start, overlapThreshold));
|
||
parent.children.push(child);
|
||
}
|
||
|
||
try {
|
||
for (var children_1 = (e_3 = void 0, __values(children)), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
|
||
var grand = children_1_1.value;
|
||
|
||
if (grand.parent === parent) {
|
||
grand.parent = child;
|
||
}
|
||
|
||
var grandNext = grand.index - child.index <= 1;
|
||
|
||
if (grandNext && child.sibling && Object(_common__WEBPACK_IMPORTED_MODULE_0__["hasOverlap"])(child.start, addTime(child.start, overlapThreshold), grand.start, grand.end)) {
|
||
grand.sibling = true;
|
||
}
|
||
}
|
||
} catch (e_3_1) {
|
||
e_3 = {
|
||
error: e_3_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (children_1_1 && !children_1_1.done && (_c = children_1.return)) _c.call(children_1);
|
||
} finally {
|
||
if (e_3) throw e_3.error;
|
||
}
|
||
}
|
||
}
|
||
|
||
nodes.push(child);
|
||
}
|
||
} catch (e_2_1) {
|
||
e_2 = {
|
||
error: e_2_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (_e && !_e.done && (_b = _d.return)) _b.call(_d);
|
||
} finally {
|
||
if (e_2) throw e_2.error;
|
||
}
|
||
}
|
||
|
||
calculateBounds(nodes, overlapThreshold);
|
||
}
|
||
} catch (e_1_1) {
|
||
e_1 = {
|
||
error: e_1_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (groups_1_1 && !groups_1_1.done && (_a = groups_1.return)) _a.call(groups_1);
|
||
} finally {
|
||
if (e_1) throw e_1.error;
|
||
}
|
||
}
|
||
|
||
visuals.sort(function (a, b) {
|
||
return a.left - b.left || a.event.startTimestampIdentifier - b.event.startTimestampIdentifier;
|
||
});
|
||
return visuals;
|
||
};
|
||
};
|
||
|
||
function calculateBounds(nodes, overlapThreshold) {
|
||
var e_4, _a;
|
||
|
||
try {
|
||
for (var nodes_1 = __values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
|
||
var node = nodes_1_1.value;
|
||
var visual = node.visual,
|
||
parent = node.parent;
|
||
var columns = getMaxChildIndex(node) + 1;
|
||
var spaceLeft = parent ? parent.visual.left : 0;
|
||
var spaceWidth = FULL_WIDTH - spaceLeft;
|
||
var offset = Math.min(DEFAULT_OFFSET, FULL_WIDTH / columns);
|
||
var columnWidthMultiplier = getColumnWidthMultiplier(node, nodes);
|
||
var columnOffset = spaceWidth / (columns - node.index + 1);
|
||
var columnWidth = spaceWidth / (columns - node.index + (node.sibling ? 1 : 0)) * columnWidthMultiplier;
|
||
|
||
if (parent) {
|
||
visual.left = node.sibling ? spaceLeft + columnOffset : spaceLeft + offset;
|
||
}
|
||
|
||
visual.width = hasFullWidth(node, nodes, overlapThreshold) ? FULL_WIDTH - visual.left : Math.min(FULL_WIDTH - visual.left, columnWidth * WIDTH_MULTIPLIER);
|
||
}
|
||
} catch (e_4_1) {
|
||
e_4 = {
|
||
error: e_4_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (nodes_1_1 && !nodes_1_1.done && (_a = nodes_1.return)) _a.call(nodes_1);
|
||
} finally {
|
||
if (e_4) throw e_4.error;
|
||
}
|
||
}
|
||
}
|
||
|
||
function getColumnWidthMultiplier(node, nodes) {
|
||
if (!node.children.length) {
|
||
return 1;
|
||
}
|
||
|
||
var maxColumn = node.index + nodes.length;
|
||
var minColumn = node.children.reduce(function (min, c) {
|
||
return Math.min(min, c.index);
|
||
}, maxColumn);
|
||
return minColumn - node.index;
|
||
}
|
||
|
||
function getOverlappingIndices(node, nodes) {
|
||
var e_5, _a;
|
||
|
||
var indices = [];
|
||
|
||
try {
|
||
for (var nodes_2 = __values(nodes), nodes_2_1 = nodes_2.next(); !nodes_2_1.done; nodes_2_1 = nodes_2.next()) {
|
||
var other = nodes_2_1.value;
|
||
|
||
if (Object(_common__WEBPACK_IMPORTED_MODULE_0__["hasOverlap"])(node.start, node.end, other.start, other.end)) {
|
||
indices.push(other.index);
|
||
}
|
||
}
|
||
} catch (e_5_1) {
|
||
e_5 = {
|
||
error: e_5_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (nodes_2_1 && !nodes_2_1.done && (_a = nodes_2.return)) _a.call(nodes_2);
|
||
} finally {
|
||
if (e_5) throw e_5.error;
|
||
}
|
||
}
|
||
|
||
return indices;
|
||
}
|
||
|
||
function getNextIndex(node, nodes) {
|
||
var indices = getOverlappingIndices(node, nodes);
|
||
indices.sort();
|
||
|
||
for (var i = 0; i < indices.length; i++) {
|
||
if (i < indices[i]) {
|
||
return i;
|
||
}
|
||
}
|
||
|
||
return false;
|
||
}
|
||
|
||
function getOverlappingRange(node, nodes, indexMin, indexMax, returnFirstColumn) {
|
||
var e_6, _a;
|
||
|
||
if (returnFirstColumn === void 0) {
|
||
returnFirstColumn = false;
|
||
}
|
||
|
||
var overlapping = [];
|
||
|
||
try {
|
||
for (var nodes_3 = __values(nodes), nodes_3_1 = nodes_3.next(); !nodes_3_1.done; nodes_3_1 = nodes_3.next()) {
|
||
var other = nodes_3_1.value;
|
||
|
||
if (other.index >= indexMin && other.index <= indexMax && Object(_common__WEBPACK_IMPORTED_MODULE_0__["hasOverlap"])(node.start, node.end, other.start, other.end)) {
|
||
overlapping.push(other);
|
||
}
|
||
}
|
||
} catch (e_6_1) {
|
||
e_6 = {
|
||
error: e_6_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (nodes_3_1 && !nodes_3_1.done && (_a = nodes_3.return)) _a.call(nodes_3);
|
||
} finally {
|
||
if (e_6) throw e_6.error;
|
||
}
|
||
}
|
||
|
||
if (returnFirstColumn && overlapping.length > 0) {
|
||
var first_1 = overlapping.reduce(function (min, n) {
|
||
return Math.min(min, n.index);
|
||
}, overlapping[0].index);
|
||
return overlapping.filter(function (n) {
|
||
return n.index === first_1;
|
||
});
|
||
}
|
||
|
||
return overlapping;
|
||
}
|
||
|
||
function getParent(node, nodes) {
|
||
var e_7, _a;
|
||
|
||
var parent = null;
|
||
|
||
try {
|
||
for (var nodes_4 = __values(nodes), nodes_4_1 = nodes_4.next(); !nodes_4_1.done; nodes_4_1 = nodes_4.next()) {
|
||
var other = nodes_4_1.value;
|
||
|
||
if (Object(_common__WEBPACK_IMPORTED_MODULE_0__["hasOverlap"])(node.start, node.end, other.start, other.end) && (parent === null || other.index > parent.index)) {
|
||
parent = other;
|
||
}
|
||
}
|
||
} catch (e_7_1) {
|
||
e_7 = {
|
||
error: e_7_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (nodes_4_1 && !nodes_4_1.done && (_a = nodes_4.return)) _a.call(nodes_4);
|
||
} finally {
|
||
if (e_7) throw e_7.error;
|
||
}
|
||
}
|
||
|
||
return parent;
|
||
}
|
||
|
||
function hasFullWidth(node, nodes, overlapThreshold) {
|
||
var e_8, _a;
|
||
|
||
try {
|
||
for (var nodes_5 = __values(nodes), nodes_5_1 = nodes_5.next(); !nodes_5_1.done; nodes_5_1 = nodes_5.next()) {
|
||
var other = nodes_5_1.value;
|
||
|
||
if (other !== node && other.index > node.index && Object(_common__WEBPACK_IMPORTED_MODULE_0__["hasOverlap"])(node.start, addTime(node.start, overlapThreshold), other.start, other.end)) {
|
||
return false;
|
||
}
|
||
}
|
||
} catch (e_8_1) {
|
||
e_8 = {
|
||
error: e_8_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (nodes_5_1 && !nodes_5_1.done && (_a = nodes_5.return)) _a.call(nodes_5);
|
||
} finally {
|
||
if (e_8) throw e_8.error;
|
||
}
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
function getGroups(visuals, dayStart) {
|
||
var e_9, _a, e_10, _b;
|
||
|
||
var groups = [];
|
||
|
||
try {
|
||
for (var visuals_1 = __values(visuals), visuals_1_1 = visuals_1.next(); !visuals_1_1.done; visuals_1_1 = visuals_1.next()) {
|
||
var visual = visuals_1_1.value;
|
||
|
||
var _c = __read(Object(_common__WEBPACK_IMPORTED_MODULE_0__["getNormalizedRange"])(visual.event, dayStart), 2),
|
||
start = _c[0],
|
||
end = _c[1];
|
||
|
||
var added = false;
|
||
|
||
try {
|
||
for (var groups_2 = (e_10 = void 0, __values(groups)), groups_2_1 = groups_2.next(); !groups_2_1.done; groups_2_1 = groups_2.next()) {
|
||
var group = groups_2_1.value;
|
||
|
||
if (Object(_common__WEBPACK_IMPORTED_MODULE_0__["hasOverlap"])(start, end, group.start, group.end)) {
|
||
group.visuals.push(visual);
|
||
group.end = Math.max(group.end, end);
|
||
added = true;
|
||
break;
|
||
}
|
||
}
|
||
} catch (e_10_1) {
|
||
e_10 = {
|
||
error: e_10_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (groups_2_1 && !groups_2_1.done && (_b = groups_2.return)) _b.call(groups_2);
|
||
} finally {
|
||
if (e_10) throw e_10.error;
|
||
}
|
||
}
|
||
|
||
if (!added) {
|
||
groups.push({
|
||
start: start,
|
||
end: end,
|
||
visuals: [visual]
|
||
});
|
||
}
|
||
}
|
||
} catch (e_9_1) {
|
||
e_9 = {
|
||
error: e_9_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (visuals_1_1 && !visuals_1_1.done && (_a = visuals_1.return)) _a.call(visuals_1);
|
||
} finally {
|
||
if (e_9) throw e_9.error;
|
||
}
|
||
}
|
||
|
||
return groups;
|
||
}
|
||
|
||
function getNode(visual, dayStart) {
|
||
var _a = __read(Object(_common__WEBPACK_IMPORTED_MODULE_0__["getNormalizedRange"])(visual.event, dayStart), 2),
|
||
start = _a[0],
|
||
end = _a[1];
|
||
|
||
return {
|
||
parent: null,
|
||
sibling: true,
|
||
index: 0,
|
||
visual: visual,
|
||
start: start,
|
||
end: end,
|
||
children: []
|
||
};
|
||
}
|
||
|
||
function getMaxChildIndex(node) {
|
||
var e_11, _a;
|
||
|
||
var max = node.index;
|
||
|
||
try {
|
||
for (var _b = __values(node.children), _c = _b.next(); !_c.done; _c = _b.next()) {
|
||
var child = _c.value;
|
||
var childMax = getMaxChildIndex(child);
|
||
|
||
if (childMax > max) {
|
||
max = childMax;
|
||
}
|
||
}
|
||
} catch (e_11_1) {
|
||
e_11 = {
|
||
error: e_11_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
||
} finally {
|
||
if (e_11) throw e_11.error;
|
||
}
|
||
}
|
||
|
||
return max;
|
||
}
|
||
|
||
function addTime(identifier, minutes) {
|
||
var removeMinutes = identifier % 100;
|
||
var totalMinutes = removeMinutes + minutes;
|
||
var addHours = Math.floor(totalMinutes / 60);
|
||
var addMinutes = totalMinutes % 60;
|
||
return identifier - removeMinutes + addHours * 100 + addMinutes;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/util/events.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VCalendar/util/events.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: parseEvent, isEventOn, isEventStart, isEventOverlapping */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseEvent", function() { return parseEvent; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isEventOn", function() { return isEventOn; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isEventStart", function() { return isEventStart; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isEventOverlapping", function() { return isEventOverlapping; });
|
||
/* harmony import */ var _timestamp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
|
||
function parseEvent(input, index, startProperty, endProperty) {
|
||
var start = Object(_timestamp__WEBPACK_IMPORTED_MODULE_0__["parseTimestamp"])(input[startProperty], true);
|
||
var end = input[endProperty] ? Object(_timestamp__WEBPACK_IMPORTED_MODULE_0__["parseTimestamp"])(input[endProperty], true) : start;
|
||
var startIdentifier = Object(_timestamp__WEBPACK_IMPORTED_MODULE_0__["getDayIdentifier"])(start);
|
||
var startTimestampIdentifier = Object(_timestamp__WEBPACK_IMPORTED_MODULE_0__["getTimestampIdentifier"])(start);
|
||
var endIdentifier = Object(_timestamp__WEBPACK_IMPORTED_MODULE_0__["getDayIdentifier"])(end);
|
||
var endOffset = start.hasTime ? 0 : 2359;
|
||
var endTimestampIdentifier = Object(_timestamp__WEBPACK_IMPORTED_MODULE_0__["getTimestampIdentifier"])(end) + endOffset;
|
||
var allDay = !start.hasTime;
|
||
return {
|
||
input: input,
|
||
start: start,
|
||
startIdentifier: startIdentifier,
|
||
startTimestampIdentifier: startTimestampIdentifier,
|
||
end: end,
|
||
endIdentifier: endIdentifier,
|
||
endTimestampIdentifier: endTimestampIdentifier,
|
||
allDay: allDay,
|
||
index: index
|
||
};
|
||
}
|
||
function isEventOn(event, dayIdentifier) {
|
||
return dayIdentifier >= event.startIdentifier && dayIdentifier <= event.endIdentifier;
|
||
}
|
||
function isEventStart(event, day, dayIdentifier, firstWeekday) {
|
||
return dayIdentifier === event.startIdentifier || firstWeekday === day.weekday && isEventOn(event, dayIdentifier);
|
||
}
|
||
function isEventOverlapping(event, startIdentifier, endIdentifier) {
|
||
return startIdentifier <= event.endIdentifier && endIdentifier >= event.startIdentifier;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/util/props.ts":
|
||
/*!************************************************!*\
|
||
!*** ./src/components/VCalendar/util/props.ts ***!
|
||
\************************************************/
|
||
/*! exports provided: default, validateNumber, validateWeekdays */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "validateNumber", function() { return validateNumber; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "validateWeekdays", function() { return validateWeekdays; });
|
||
/* harmony import */ var _timestamp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
/* harmony import */ var _modes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../modes */ "./src/components/VCalendar/modes/index.ts");
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
base: {
|
||
start: {
|
||
type: String,
|
||
validate: _timestamp__WEBPACK_IMPORTED_MODULE_0__["validateTimestamp"],
|
||
default: function _default() {
|
||
return Object(_timestamp__WEBPACK_IMPORTED_MODULE_0__["parseDate"])(new Date()).date;
|
||
}
|
||
},
|
||
end: {
|
||
type: String,
|
||
validate: _timestamp__WEBPACK_IMPORTED_MODULE_0__["validateTimestamp"]
|
||
},
|
||
weekdays: {
|
||
type: [Array, String],
|
||
default: function _default() {
|
||
return [0, 1, 2, 3, 4, 5, 6];
|
||
},
|
||
validate: validateWeekdays
|
||
},
|
||
hideHeader: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
shortWeekdays: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
weekdayFormat: {
|
||
type: Function,
|
||
default: null
|
||
},
|
||
dayFormat: {
|
||
type: Function,
|
||
default: null
|
||
}
|
||
},
|
||
intervals: {
|
||
maxDays: {
|
||
type: Number,
|
||
default: 7
|
||
},
|
||
shortIntervals: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
intervalHeight: {
|
||
type: [Number, String],
|
||
default: 48,
|
||
validate: validateNumber
|
||
},
|
||
intervalWidth: {
|
||
type: [Number, String],
|
||
default: 60,
|
||
validate: validateNumber
|
||
},
|
||
intervalMinutes: {
|
||
type: [Number, String],
|
||
default: 60,
|
||
validate: validateNumber
|
||
},
|
||
firstInterval: {
|
||
type: [Number, String],
|
||
default: 0,
|
||
validate: validateNumber
|
||
},
|
||
intervalCount: {
|
||
type: [Number, String],
|
||
default: 24,
|
||
validate: validateNumber
|
||
},
|
||
intervalFormat: {
|
||
type: Function,
|
||
default: null
|
||
},
|
||
intervalStyle: {
|
||
type: Function,
|
||
default: null
|
||
},
|
||
showIntervalLabel: {
|
||
type: Function,
|
||
default: null
|
||
}
|
||
},
|
||
weeks: {
|
||
minWeeks: {
|
||
validate: validateNumber,
|
||
default: 1
|
||
},
|
||
shortMonths: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
showMonthOnFirst: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
monthFormat: {
|
||
type: Function,
|
||
default: null
|
||
}
|
||
},
|
||
calendar: {
|
||
type: {
|
||
type: String,
|
||
default: 'month'
|
||
},
|
||
value: {
|
||
type: String,
|
||
validate: _timestamp__WEBPACK_IMPORTED_MODULE_0__["validateTimestamp"]
|
||
}
|
||
},
|
||
events: {
|
||
events: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
eventStart: {
|
||
type: String,
|
||
default: 'start'
|
||
},
|
||
eventEnd: {
|
||
type: String,
|
||
default: 'end'
|
||
},
|
||
eventHeight: {
|
||
type: Number,
|
||
default: 20
|
||
},
|
||
eventColor: {
|
||
type: [String, Function],
|
||
default: 'primary'
|
||
},
|
||
eventTextColor: {
|
||
type: [String, Function],
|
||
default: 'white'
|
||
},
|
||
eventName: {
|
||
type: [String, Function],
|
||
default: 'name'
|
||
},
|
||
eventOverlapThreshold: {
|
||
type: [String, Number],
|
||
default: 60
|
||
},
|
||
eventOverlapMode: {
|
||
type: [String, Function],
|
||
default: 'stack',
|
||
validate: function validate(mode) {
|
||
return mode in _modes__WEBPACK_IMPORTED_MODULE_1__["CalendarEventOverlapModes"] || typeof mode === 'function';
|
||
}
|
||
},
|
||
eventMore: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
eventMoreText: {
|
||
type: String,
|
||
default: '$vuetify.calendar.moreEvents'
|
||
},
|
||
eventRipple: {
|
||
type: [Boolean, Object],
|
||
default: null
|
||
},
|
||
eventMarginBottom: {
|
||
type: Number,
|
||
default: 1
|
||
}
|
||
}
|
||
});
|
||
function validateNumber(input) {
|
||
return isFinite(parseInt(input));
|
||
}
|
||
function validateWeekdays(input) {
|
||
if (typeof input === 'string') {
|
||
input = input.split(',');
|
||
}
|
||
|
||
if (Array.isArray(input)) {
|
||
var ints = input.map(function (x) {
|
||
return parseInt(x);
|
||
});
|
||
|
||
if (ints.length > _timestamp__WEBPACK_IMPORTED_MODULE_0__["DAYS_IN_WEEK"] || ints.length === 0) {
|
||
return false;
|
||
}
|
||
|
||
var visited = {};
|
||
var wrapped = false;
|
||
|
||
for (var i = 0; i < ints.length; i++) {
|
||
var x = ints[i];
|
||
|
||
if (!isFinite(x) || x < 0 || x >= _timestamp__WEBPACK_IMPORTED_MODULE_0__["DAYS_IN_WEEK"]) {
|
||
return false;
|
||
}
|
||
|
||
if (i > 0) {
|
||
var d = x - ints[i - 1];
|
||
|
||
if (d < 0) {
|
||
if (wrapped) {
|
||
return false;
|
||
}
|
||
|
||
wrapped = true;
|
||
} else if (d === 0) {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
if (visited[x]) {
|
||
return false;
|
||
}
|
||
|
||
visited[x] = true;
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
return false;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCalendar/util/timestamp.ts":
|
||
/*!****************************************************!*\
|
||
!*** ./src/components/VCalendar/util/timestamp.ts ***!
|
||
\****************************************************/
|
||
/*! exports provided: PARSE_REGEX, PARSE_TIME, DAYS_IN_MONTH, DAYS_IN_MONTH_LEAP, DAYS_IN_MONTH_MIN, DAYS_IN_MONTH_MAX, MONTH_MAX, MONTH_MIN, DAY_MIN, DAYS_IN_WEEK, MINUTES_IN_HOUR, HOURS_IN_DAY, FIRST_HOUR, getStartOfWeek, getEndOfWeek, getStartOfMonth, getEndOfMonth, parseTime, validateTimestamp, parseTimestamp, parseDate, getDayIdentifier, getTimeIdentifier, getTimestampIdentifier, updateRelative, updateMinutes, updateWeekday, updateFormatted, getWeekday, isLeapYear, daysInMonth, copyTimestamp, padNumber, getDate, getTime, nextMinutes, nextDay, prevDay, relativeDays, diffMinutes, findWeekday, getWeekdaySkips, createDayList, createIntervalList, createNativeLocaleFormatter */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PARSE_REGEX", function() { return PARSE_REGEX; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PARSE_TIME", function() { return PARSE_TIME; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DAYS_IN_MONTH", function() { return DAYS_IN_MONTH; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DAYS_IN_MONTH_LEAP", function() { return DAYS_IN_MONTH_LEAP; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DAYS_IN_MONTH_MIN", function() { return DAYS_IN_MONTH_MIN; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DAYS_IN_MONTH_MAX", function() { return DAYS_IN_MONTH_MAX; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MONTH_MAX", function() { return MONTH_MAX; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MONTH_MIN", function() { return MONTH_MIN; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DAY_MIN", function() { return DAY_MIN; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DAYS_IN_WEEK", function() { return DAYS_IN_WEEK; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MINUTES_IN_HOUR", function() { return MINUTES_IN_HOUR; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HOURS_IN_DAY", function() { return HOURS_IN_DAY; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FIRST_HOUR", function() { return FIRST_HOUR; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStartOfWeek", function() { return getStartOfWeek; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getEndOfWeek", function() { return getEndOfWeek; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getStartOfMonth", function() { return getStartOfMonth; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getEndOfMonth", function() { return getEndOfMonth; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseTime", function() { return parseTime; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "validateTimestamp", function() { return validateTimestamp; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseTimestamp", function() { return parseTimestamp; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseDate", function() { return parseDate; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDayIdentifier", function() { return getDayIdentifier; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTimeIdentifier", function() { return getTimeIdentifier; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTimestampIdentifier", function() { return getTimestampIdentifier; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateRelative", function() { return updateRelative; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateMinutes", function() { return updateMinutes; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateWeekday", function() { return updateWeekday; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "updateFormatted", function() { return updateFormatted; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getWeekday", function() { return getWeekday; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isLeapYear", function() { return isLeapYear; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "daysInMonth", function() { return daysInMonth; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "copyTimestamp", function() { return copyTimestamp; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "padNumber", function() { return padNumber; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDate", function() { return getDate; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTime", function() { return getTime; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "nextMinutes", function() { return nextMinutes; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "nextDay", function() { return nextDay; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "prevDay", function() { return prevDay; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "relativeDays", function() { return relativeDays; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "diffMinutes", function() { return diffMinutes; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "findWeekday", function() { return findWeekday; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getWeekdaySkips", function() { return getWeekdaySkips; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createDayList", function() { return createDayList; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createIntervalList", function() { return createIntervalList; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createNativeLocaleFormatter", function() { return createNativeLocaleFormatter; });
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var PARSE_REGEX = /^(\d{4})-(\d{1,2})(-(\d{1,2}))?([^\d]+(\d{1,2}))?(:(\d{1,2}))?(:(\d{1,2}))?$/;
|
||
var PARSE_TIME = /(\d\d?)(:(\d\d?)|)(:(\d\d?)|)/;
|
||
var DAYS_IN_MONTH = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
||
var DAYS_IN_MONTH_LEAP = [0, 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
||
var DAYS_IN_MONTH_MIN = 28;
|
||
var DAYS_IN_MONTH_MAX = 31;
|
||
var MONTH_MAX = 12;
|
||
var MONTH_MIN = 1;
|
||
var DAY_MIN = 1;
|
||
var DAYS_IN_WEEK = 7;
|
||
var MINUTES_IN_HOUR = 60;
|
||
var HOURS_IN_DAY = 24;
|
||
var FIRST_HOUR = 0;
|
||
function getStartOfWeek(timestamp, weekdays, today) {
|
||
var start = copyTimestamp(timestamp);
|
||
findWeekday(start, weekdays[0], prevDay);
|
||
updateFormatted(start);
|
||
|
||
if (today) {
|
||
updateRelative(start, today, start.hasTime);
|
||
}
|
||
|
||
return start;
|
||
}
|
||
function getEndOfWeek(timestamp, weekdays, today) {
|
||
var end = copyTimestamp(timestamp);
|
||
findWeekday(end, weekdays[weekdays.length - 1]);
|
||
updateFormatted(end);
|
||
|
||
if (today) {
|
||
updateRelative(end, today, end.hasTime);
|
||
}
|
||
|
||
return end;
|
||
}
|
||
function getStartOfMonth(timestamp) {
|
||
var start = copyTimestamp(timestamp);
|
||
start.day = DAY_MIN;
|
||
updateWeekday(start);
|
||
updateFormatted(start);
|
||
return start;
|
||
}
|
||
function getEndOfMonth(timestamp) {
|
||
var end = copyTimestamp(timestamp);
|
||
end.day = daysInMonth(end.year, end.month);
|
||
updateWeekday(end);
|
||
updateFormatted(end);
|
||
return end;
|
||
}
|
||
function parseTime(input) {
|
||
if (typeof input === 'number') {
|
||
// when a number is given, it's minutes since 12:00am
|
||
return input;
|
||
} else if (typeof input === 'string') {
|
||
// when a string is given, it's a hh:mm:ss format where seconds are optional
|
||
var parts = PARSE_TIME.exec(input);
|
||
|
||
if (!parts) {
|
||
return false;
|
||
}
|
||
|
||
return parseInt(parts[1]) * 60 + parseInt(parts[3] || 0);
|
||
} else if (_typeof(input) === 'object') {
|
||
// when an object is given, it must have hour and minute
|
||
if (typeof input.hour !== 'number' || typeof input.minute !== 'number') {
|
||
return false;
|
||
}
|
||
|
||
return input.hour * 60 + input.minute;
|
||
} else {
|
||
// unsupported type
|
||
return false;
|
||
}
|
||
}
|
||
function validateTimestamp(input) {
|
||
return !!PARSE_REGEX.exec(input);
|
||
}
|
||
function parseTimestamp(input, required, now) {
|
||
if (required === void 0) {
|
||
required = false;
|
||
} // YYYY-MM-DD hh:mm:ss
|
||
|
||
|
||
var parts = PARSE_REGEX.exec(input);
|
||
|
||
if (!parts) {
|
||
if (required) {
|
||
throw new Error(input + " is not a valid timestamp. It must be in the format of YYYY-MM-DD or YYYY-MM-DD hh:mm. Zero-padding is optional and seconds are ignored.");
|
||
}
|
||
|
||
return null;
|
||
}
|
||
|
||
var timestamp = {
|
||
date: input,
|
||
time: '',
|
||
year: parseInt(parts[1]),
|
||
month: parseInt(parts[2]),
|
||
day: parseInt(parts[4]) || 1,
|
||
hour: parseInt(parts[6]) || 0,
|
||
minute: parseInt(parts[8]) || 0,
|
||
weekday: 0,
|
||
hasDay: !!parts[4],
|
||
hasTime: !!(parts[6] && parts[8]),
|
||
past: false,
|
||
present: false,
|
||
future: false
|
||
};
|
||
updateWeekday(timestamp);
|
||
updateFormatted(timestamp);
|
||
|
||
if (now) {
|
||
updateRelative(timestamp, now, timestamp.hasTime);
|
||
}
|
||
|
||
return timestamp;
|
||
}
|
||
function parseDate(date) {
|
||
return updateFormatted({
|
||
date: '',
|
||
time: '',
|
||
year: date.getFullYear(),
|
||
month: date.getMonth() + 1,
|
||
day: date.getDate(),
|
||
weekday: date.getDay(),
|
||
hour: date.getHours(),
|
||
minute: date.getMinutes(),
|
||
hasDay: true,
|
||
hasTime: true,
|
||
past: false,
|
||
present: true,
|
||
future: false
|
||
});
|
||
}
|
||
function getDayIdentifier(timestamp) {
|
||
return timestamp.year * 10000 + timestamp.month * 100 + timestamp.day;
|
||
}
|
||
function getTimeIdentifier(timestamp) {
|
||
return timestamp.hour * 100 + timestamp.minute;
|
||
}
|
||
function getTimestampIdentifier(timestamp) {
|
||
return getDayIdentifier(timestamp) * 10000 + getTimeIdentifier(timestamp);
|
||
}
|
||
function updateRelative(timestamp, now, time) {
|
||
if (time === void 0) {
|
||
time = false;
|
||
}
|
||
|
||
var a = getDayIdentifier(now);
|
||
var b = getDayIdentifier(timestamp);
|
||
var present = a === b;
|
||
|
||
if (timestamp.hasTime && time && present) {
|
||
a = getTimeIdentifier(now);
|
||
b = getTimeIdentifier(timestamp);
|
||
present = a === b;
|
||
}
|
||
|
||
timestamp.past = b < a;
|
||
timestamp.present = present;
|
||
timestamp.future = b > a;
|
||
return timestamp;
|
||
}
|
||
function updateMinutes(timestamp, minutes, now) {
|
||
timestamp.hasTime = true;
|
||
timestamp.hour = Math.floor(minutes / MINUTES_IN_HOUR);
|
||
timestamp.minute = minutes % MINUTES_IN_HOUR;
|
||
timestamp.time = getTime(timestamp);
|
||
|
||
if (now) {
|
||
updateRelative(timestamp, now, true);
|
||
}
|
||
|
||
return timestamp;
|
||
}
|
||
function updateWeekday(timestamp) {
|
||
timestamp.weekday = getWeekday(timestamp);
|
||
return timestamp;
|
||
}
|
||
function updateFormatted(timestamp) {
|
||
timestamp.time = getTime(timestamp);
|
||
timestamp.date = getDate(timestamp);
|
||
return timestamp;
|
||
}
|
||
function getWeekday(timestamp) {
|
||
if (timestamp.hasDay) {
|
||
var _ = Math.floor;
|
||
var k = timestamp.day;
|
||
var m = (timestamp.month + 9) % MONTH_MAX + 1;
|
||
|
||
var C = _(timestamp.year / 100);
|
||
|
||
var Y = timestamp.year % 100 - (timestamp.month <= 2 ? 1 : 0);
|
||
return ((k + _(2.6 * m - 0.2) - 2 * C + Y + _(Y / 4) + _(C / 4)) % 7 + 7) % 7;
|
||
}
|
||
|
||
return timestamp.weekday;
|
||
}
|
||
function isLeapYear(year) {
|
||
return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
|
||
}
|
||
function daysInMonth(year, month) {
|
||
return isLeapYear(year) ? DAYS_IN_MONTH_LEAP[month] : DAYS_IN_MONTH[month];
|
||
}
|
||
function copyTimestamp(timestamp) {
|
||
var date = timestamp.date,
|
||
time = timestamp.time,
|
||
year = timestamp.year,
|
||
month = timestamp.month,
|
||
day = timestamp.day,
|
||
weekday = timestamp.weekday,
|
||
hour = timestamp.hour,
|
||
minute = timestamp.minute,
|
||
hasDay = timestamp.hasDay,
|
||
hasTime = timestamp.hasTime,
|
||
past = timestamp.past,
|
||
present = timestamp.present,
|
||
future = timestamp.future;
|
||
return {
|
||
date: date,
|
||
time: time,
|
||
year: year,
|
||
month: month,
|
||
day: day,
|
||
weekday: weekday,
|
||
hour: hour,
|
||
minute: minute,
|
||
hasDay: hasDay,
|
||
hasTime: hasTime,
|
||
past: past,
|
||
present: present,
|
||
future: future
|
||
};
|
||
}
|
||
function padNumber(x, length) {
|
||
var padded = String(x);
|
||
|
||
while (padded.length < length) {
|
||
padded = '0' + padded;
|
||
}
|
||
|
||
return padded;
|
||
}
|
||
function getDate(timestamp) {
|
||
var str = padNumber(timestamp.year, 4) + "-" + padNumber(timestamp.month, 2);
|
||
if (timestamp.hasDay) str += "-" + padNumber(timestamp.day, 2);
|
||
return str;
|
||
}
|
||
function getTime(timestamp) {
|
||
if (!timestamp.hasTime) {
|
||
return '';
|
||
}
|
||
|
||
return padNumber(timestamp.hour, 2) + ":" + padNumber(timestamp.minute, 2);
|
||
}
|
||
function nextMinutes(timestamp, minutes) {
|
||
timestamp.minute += minutes;
|
||
|
||
while (timestamp.minute > MINUTES_IN_HOUR) {
|
||
timestamp.minute -= MINUTES_IN_HOUR;
|
||
timestamp.hour++;
|
||
|
||
if (timestamp.hour >= HOURS_IN_DAY) {
|
||
nextDay(timestamp);
|
||
timestamp.hour = FIRST_HOUR;
|
||
}
|
||
}
|
||
|
||
return timestamp;
|
||
}
|
||
function nextDay(timestamp) {
|
||
timestamp.day++;
|
||
timestamp.weekday = (timestamp.weekday + 1) % DAYS_IN_WEEK;
|
||
|
||
if (timestamp.day > DAYS_IN_MONTH_MIN && timestamp.day > daysInMonth(timestamp.year, timestamp.month)) {
|
||
timestamp.day = DAY_MIN;
|
||
timestamp.month++;
|
||
|
||
if (timestamp.month > MONTH_MAX) {
|
||
timestamp.month = MONTH_MIN;
|
||
timestamp.year++;
|
||
}
|
||
}
|
||
|
||
return timestamp;
|
||
}
|
||
function prevDay(timestamp) {
|
||
timestamp.day--;
|
||
timestamp.weekday = (timestamp.weekday + 6) % DAYS_IN_WEEK;
|
||
|
||
if (timestamp.day < DAY_MIN) {
|
||
timestamp.month--;
|
||
|
||
if (timestamp.month < MONTH_MIN) {
|
||
timestamp.year--;
|
||
timestamp.month = MONTH_MAX;
|
||
}
|
||
|
||
timestamp.day = daysInMonth(timestamp.year, timestamp.month);
|
||
}
|
||
|
||
return timestamp;
|
||
}
|
||
function relativeDays(timestamp, mover, days) {
|
||
if (mover === void 0) {
|
||
mover = nextDay;
|
||
}
|
||
|
||
if (days === void 0) {
|
||
days = 1;
|
||
}
|
||
|
||
while (--days >= 0) {
|
||
mover(timestamp);
|
||
}
|
||
|
||
return timestamp;
|
||
}
|
||
function diffMinutes(min, max) {
|
||
var Y = (max.year - min.year) * 525600;
|
||
var M = (max.month - min.month) * 43800;
|
||
var D = (max.day - min.day) * 1440;
|
||
var h = (max.hour - min.hour) * 60;
|
||
var m = max.minute - min.minute;
|
||
return Y + M + D + h + m;
|
||
}
|
||
function findWeekday(timestamp, weekday, mover, maxDays) {
|
||
if (mover === void 0) {
|
||
mover = nextDay;
|
||
}
|
||
|
||
if (maxDays === void 0) {
|
||
maxDays = 6;
|
||
}
|
||
|
||
while (timestamp.weekday !== weekday && --maxDays >= 0) {
|
||
mover(timestamp);
|
||
}
|
||
|
||
return timestamp;
|
||
}
|
||
function getWeekdaySkips(weekdays) {
|
||
var skips = [1, 1, 1, 1, 1, 1, 1];
|
||
var filled = [0, 0, 0, 0, 0, 0, 0];
|
||
|
||
for (var i = 0; i < weekdays.length; i++) {
|
||
filled[weekdays[i]] = 1;
|
||
}
|
||
|
||
for (var k = 0; k < DAYS_IN_WEEK; k++) {
|
||
var skip = 1;
|
||
|
||
for (var j = 1; j < DAYS_IN_WEEK; j++) {
|
||
var next = (k + j) % DAYS_IN_WEEK;
|
||
|
||
if (filled[next]) {
|
||
break;
|
||
}
|
||
|
||
skip++;
|
||
}
|
||
|
||
skips[k] = filled[k] * skip;
|
||
}
|
||
|
||
return skips;
|
||
}
|
||
function createDayList(start, end, now, weekdaySkips, max, min) {
|
||
if (max === void 0) {
|
||
max = 42;
|
||
}
|
||
|
||
if (min === void 0) {
|
||
min = 0;
|
||
}
|
||
|
||
var stop = getDayIdentifier(end);
|
||
var days = [];
|
||
var current = copyTimestamp(start);
|
||
var currentIdentifier = 0;
|
||
var stopped = currentIdentifier === stop;
|
||
|
||
if (stop < getDayIdentifier(start)) {
|
||
throw new Error('End date is earlier than start date.');
|
||
}
|
||
|
||
while ((!stopped || days.length < min) && days.length < max) {
|
||
currentIdentifier = getDayIdentifier(current);
|
||
stopped = stopped || currentIdentifier === stop;
|
||
|
||
if (weekdaySkips[current.weekday] === 0) {
|
||
current = nextDay(current);
|
||
continue;
|
||
}
|
||
|
||
var day = copyTimestamp(current);
|
||
updateFormatted(day);
|
||
updateRelative(day, now);
|
||
days.push(day);
|
||
current = relativeDays(current, nextDay, weekdaySkips[current.weekday]);
|
||
}
|
||
|
||
if (!days.length) throw new Error('No dates found using specified start date, end date, and weekdays.');
|
||
return days;
|
||
}
|
||
function createIntervalList(timestamp, first, minutes, count, now) {
|
||
var intervals = [];
|
||
|
||
for (var i = 0; i < count; i++) {
|
||
var mins = (first + i) * minutes;
|
||
var int = copyTimestamp(timestamp);
|
||
intervals.push(updateMinutes(int, mins, now));
|
||
}
|
||
|
||
return intervals;
|
||
}
|
||
function createNativeLocaleFormatter(locale, getOptions) {
|
||
var emptyFormatter = function emptyFormatter(_t, _s) {
|
||
return '';
|
||
};
|
||
|
||
if (typeof Intl === 'undefined' || typeof Intl.DateTimeFormat === 'undefined') {
|
||
return emptyFormatter;
|
||
}
|
||
|
||
return function (timestamp, short) {
|
||
try {
|
||
var intlFormatter = new Intl.DateTimeFormat(locale || undefined, getOptions(timestamp, short));
|
||
var time = padNumber(timestamp.hour, 2) + ":" + padNumber(timestamp.minute, 2);
|
||
var date = timestamp.date;
|
||
return intlFormatter.format(new Date(date + "T" + time + ":00+00:00"));
|
||
} catch (e) {
|
||
return '';
|
||
}
|
||
};
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCard/VCard.sass":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VCard/VCard.sass ***!
|
||
\*****************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCard/VCard.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VCard/VCard.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCard_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCard.sass */ "./src/components/VCard/VCard.sass");
|
||
/* harmony import */ var _VCard_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VCard_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSheet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSheet */ "./src/components/VSheet/index.ts");
|
||
/* harmony import */ var _mixins_loadable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/loadable */ "./src/mixins/loadable/index.ts");
|
||
/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Mixins
|
||
|
||
|
||
// Helpers
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_loadable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_routable__WEBPACK_IMPORTED_MODULE_3__["default"], _VSheet__WEBPACK_IMPORTED_MODULE_1__["default"]).extend({
|
||
name: 'v-card',
|
||
props: {
|
||
flat: Boolean,
|
||
hover: Boolean,
|
||
img: String,
|
||
link: Boolean,
|
||
loaderHeight: {
|
||
type: [Number, String],
|
||
default: 4
|
||
},
|
||
outlined: Boolean,
|
||
raised: Boolean,
|
||
shaped: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-card': true
|
||
}, _mixins_routable__WEBPACK_IMPORTED_MODULE_3__["default"].options.computed.classes.call(this), {
|
||
'v-card--flat': this.flat,
|
||
'v-card--hover': this.hover,
|
||
'v-card--link': this.isClickable,
|
||
'v-card--loading': this.loading,
|
||
'v-card--disabled': this.disabled,
|
||
'v-card--outlined': this.outlined,
|
||
'v-card--raised': this.raised,
|
||
'v-card--shaped': this.shaped
|
||
}, _VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this));
|
||
},
|
||
styles: function styles() {
|
||
var style = __assign({}, _VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.styles.call(this));
|
||
|
||
if (this.img) {
|
||
style.background = "url(\"" + this.img + "\") center center / cover no-repeat";
|
||
}
|
||
|
||
return style;
|
||
}
|
||
},
|
||
methods: {
|
||
genProgress: function genProgress() {
|
||
var render = _mixins_loadable__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genProgress.call(this);
|
||
if (!render) return null;
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-card__progress',
|
||
key: 'progress'
|
||
}, [render]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _a = this.generateRouteLink(),
|
||
tag = _a.tag,
|
||
data = _a.data;
|
||
|
||
data.style = this.styles;
|
||
|
||
if (this.isClickable) {
|
||
data.attrs = data.attrs || {};
|
||
data.attrs.tabindex = 0;
|
||
}
|
||
|
||
return h(tag, this.setBackgroundColor(this.color, data), [this.genProgress(), this.$slots.default]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCard/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VCard/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VCard, VCardActions, VCardSubtitle, VCardText, VCardTitle, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VCardActions", function() { return VCardActions; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VCardSubtitle", function() { return VCardSubtitle; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VCardText", function() { return VCardText; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VCardTitle", function() { return VCardTitle; });
|
||
/* harmony import */ var _VCard__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCard */ "./src/components/VCard/VCard.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCard", function() { return _VCard__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
|
||
|
||
var VCardActions = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["createSimpleFunctional"])('v-card__actions');
|
||
var VCardSubtitle = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["createSimpleFunctional"])('v-card__subtitle');
|
||
var VCardText = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["createSimpleFunctional"])('v-card__text');
|
||
var VCardTitle = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["createSimpleFunctional"])('v-card__title');
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VCard: _VCard__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VCardActions: VCardActions,
|
||
VCardSubtitle: VCardSubtitle,
|
||
VCardText: VCardText,
|
||
VCardTitle: VCardTitle
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCarousel/VCarousel.sass":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VCarousel/VCarousel.sass ***!
|
||
\*************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCarousel/VCarousel.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VCarousel/VCarousel.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCarousel_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCarousel.sass */ "./src/components/VCarousel/VCarousel.sass");
|
||
/* harmony import */ var _VCarousel_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VCarousel_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VWindow_VWindow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VWindow/VWindow */ "./src/components/VWindow/VWindow.ts");
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VProgressLinear__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../VProgressLinear */ "./src/components/VProgressLinear/index.ts");
|
||
/* harmony import */ var _mixins_button_group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/button-group */ "./src/mixins/button-group/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Components
|
||
|
||
|
||
|
||
// Mixins
|
||
// TODO: Move this into core components v2.0
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VWindow_VWindow__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-carousel',
|
||
props: {
|
||
continuous: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
cycle: Boolean,
|
||
delimiterIcon: {
|
||
type: String,
|
||
default: '$delimiter'
|
||
},
|
||
height: {
|
||
type: [Number, String],
|
||
default: 500
|
||
},
|
||
hideDelimiters: Boolean,
|
||
hideDelimiterBackground: Boolean,
|
||
interval: {
|
||
type: [Number, String],
|
||
default: 6000,
|
||
validator: function validator(value) {
|
||
return value > 0;
|
||
}
|
||
},
|
||
mandatory: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
progress: Boolean,
|
||
progressColor: String,
|
||
showArrows: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
verticalDelimiters: {
|
||
type: String,
|
||
default: undefined
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
internalHeight: this.height,
|
||
slideTimeout: undefined
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VWindow_VWindow__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-carousel': true,
|
||
'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,
|
||
'v-carousel--vertical-delimiters': this.isVertical
|
||
});
|
||
},
|
||
isDark: function isDark() {
|
||
return this.dark || !this.light;
|
||
},
|
||
isVertical: function isVertical() {
|
||
return this.verticalDelimiters != null;
|
||
}
|
||
},
|
||
watch: {
|
||
internalValue: 'restartTimeout',
|
||
interval: 'restartTimeout',
|
||
height: function height(val, oldVal) {
|
||
if (val === oldVal || !val) return;
|
||
this.internalHeight = val;
|
||
},
|
||
cycle: function cycle(val) {
|
||
if (val) {
|
||
this.restartTimeout();
|
||
} else {
|
||
clearTimeout(this.slideTimeout);
|
||
this.slideTimeout = undefined;
|
||
}
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$attrs.hasOwnProperty('hide-controls')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_7__["breaking"])('hide-controls', ':show-arrows="false"', this);
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.startTimeout();
|
||
},
|
||
methods: {
|
||
genControlIcons: function genControlIcons() {
|
||
if (this.isVertical) return null;
|
||
return _VWindow_VWindow__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genControlIcons.call(this);
|
||
},
|
||
genDelimiters: function genDelimiters() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-carousel__controls',
|
||
style: {
|
||
left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',
|
||
right: this.verticalDelimiters === 'right' ? 0 : 'auto'
|
||
}
|
||
}, [this.genItems()]);
|
||
},
|
||
genItems: function genItems() {
|
||
var _this = this;
|
||
|
||
var length = this.items.length;
|
||
var children = [];
|
||
|
||
for (var i = 0; i < length; i++) {
|
||
var child = this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
staticClass: 'v-carousel__controls__item',
|
||
attrs: {
|
||
'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length)
|
||
},
|
||
props: {
|
||
icon: true,
|
||
small: true,
|
||
value: this.getValue(this.items[i], i)
|
||
}
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
size: 18
|
||
}
|
||
}, this.delimiterIcon)]);
|
||
children.push(child);
|
||
}
|
||
|
||
return this.$createElement(_mixins_button_group__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||
props: {
|
||
value: this.internalValue,
|
||
mandatory: this.mandatory
|
||
},
|
||
on: {
|
||
change: function change(val) {
|
||
_this.internalValue = val;
|
||
}
|
||
}
|
||
}, children);
|
||
},
|
||
genProgress: function genProgress() {
|
||
return this.$createElement(_VProgressLinear__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
||
staticClass: 'v-carousel__progress',
|
||
props: {
|
||
color: this.progressColor,
|
||
value: (this.internalIndex + 1) / this.items.length * 100
|
||
}
|
||
});
|
||
},
|
||
restartTimeout: function restartTimeout() {
|
||
this.slideTimeout && clearTimeout(this.slideTimeout);
|
||
this.slideTimeout = undefined;
|
||
window.requestAnimationFrame(this.startTimeout);
|
||
},
|
||
startTimeout: function startTimeout() {
|
||
if (!this.cycle) return;
|
||
this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var render = _VWindow_VWindow__WEBPACK_IMPORTED_MODULE_1__["default"].options.render.call(this, h);
|
||
render.data.style = "height: " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.height) + ";";
|
||
/* istanbul ignore else */
|
||
|
||
if (!this.hideDelimiters) {
|
||
render.children.push(this.genDelimiters());
|
||
}
|
||
/* istanbul ignore else */
|
||
|
||
|
||
if (this.progress || this.progressColor) {
|
||
render.children.push(this.genProgress());
|
||
}
|
||
|
||
return render;
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCarousel/VCarouselItem.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VCarousel/VCarouselItem.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VWindow_VWindowItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VWindow/VWindowItem */ "./src/components/VWindow/VWindowItem.ts");
|
||
/* harmony import */ var _VImg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VImg */ "./src/components/VImg/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Extensions
|
||
|
||
|
||
// Components
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
// Types
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_VWindow_VWindowItem__WEBPACK_IMPORTED_MODULE_0__["default"], _mixins_routable__WEBPACK_IMPORTED_MODULE_4__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-carousel-item',
|
||
inheritAttrs: false,
|
||
methods: {
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
return [this.$createElement(_VImg__WEBPACK_IMPORTED_MODULE_1__["VImg"], {
|
||
staticClass: 'v-carousel__item',
|
||
props: __assign({}, this.$attrs, {
|
||
height: this.windowGroup.internalHeight
|
||
}),
|
||
on: this.$listeners,
|
||
scopedSlots: {
|
||
placeholder: this.$scopedSlots.placeholder
|
||
}
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this))];
|
||
},
|
||
genWindowItem: function genWindowItem() {
|
||
var _a = this.generateRouteLink(),
|
||
tag = _a.tag,
|
||
data = _a.data;
|
||
|
||
data.staticClass = 'v-window-item';
|
||
data.directives.push({
|
||
name: 'show',
|
||
value: this.isActive
|
||
});
|
||
return this.$createElement(tag, data, this.genDefaultSlot());
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCarousel/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VCarousel/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VCarousel, VCarouselItem, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCarousel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCarousel */ "./src/components/VCarousel/VCarousel.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCarousel", function() { return _VCarousel__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VCarouselItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VCarouselItem */ "./src/components/VCarousel/VCarouselItem.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCarouselItem", function() { return _VCarouselItem__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VCarousel: _VCarousel__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VCarouselItem: _VCarouselItem__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCheckbox/VCheckbox.sass":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VCheckbox/VCheckbox.sass ***!
|
||
\*************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCheckbox/VCheckbox.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VCheckbox/VCheckbox.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCheckbox_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCheckbox.sass */ "./src/components/VCheckbox/VCheckbox.sass");
|
||
/* harmony import */ var _VCheckbox_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VCheckbox_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../styles/components/_selection-controls.sass */ "./src/styles/components/_selection-controls.sass");
|
||
/* harmony import */ var _styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony import */ var _mixins_selectable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/selectable */ "./src/mixins/selectable/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
|
||
// Components
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_selectable__WEBPACK_IMPORTED_MODULE_4__["default"].extend({
|
||
name: 'v-checkbox',
|
||
props: {
|
||
indeterminate: Boolean,
|
||
indeterminateIcon: {
|
||
type: String,
|
||
default: '$checkboxIndeterminate'
|
||
},
|
||
offIcon: {
|
||
type: String,
|
||
default: '$checkboxOff'
|
||
},
|
||
onIcon: {
|
||
type: String,
|
||
default: '$checkboxOn'
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
inputIndeterminate: this.indeterminate
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VInput__WEBPACK_IMPORTED_MODULE_3__["default"].options.computed.classes.call(this), {
|
||
'v-input--selection-controls': true,
|
||
'v-input--checkbox': true,
|
||
'v-input--indeterminate': this.inputIndeterminate
|
||
});
|
||
},
|
||
computedIcon: function computedIcon() {
|
||
if (this.inputIndeterminate) {
|
||
return this.indeterminateIcon;
|
||
} else if (this.isActive) {
|
||
return this.onIcon;
|
||
} else {
|
||
return this.offIcon;
|
||
}
|
||
},
|
||
// Do not return undefined if disabled,
|
||
// according to spec, should still show
|
||
// a color when disabled and active
|
||
validationState: function validationState() {
|
||
if (this.disabled && !this.inputIndeterminate) return undefined;
|
||
if (this.hasError && this.shouldValidate) return 'error';
|
||
if (this.hasSuccess) return 'success';
|
||
if (this.hasColor !== null) return this.computedColor;
|
||
return undefined;
|
||
}
|
||
},
|
||
watch: {
|
||
indeterminate: function indeterminate(val) {
|
||
var _this = this; // https://github.com/vuetifyjs/vuetify/issues/8270
|
||
|
||
|
||
this.$nextTick(function () {
|
||
return _this.inputIndeterminate = val;
|
||
});
|
||
},
|
||
inputIndeterminate: function inputIndeterminate(val) {
|
||
this.$emit('update:indeterminate', val);
|
||
},
|
||
isActive: function isActive() {
|
||
if (!this.indeterminate) return;
|
||
this.inputIndeterminate = false;
|
||
}
|
||
},
|
||
methods: {
|
||
genCheckbox: function genCheckbox() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-input--selection-controls__input'
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], this.setTextColor(this.validationState, {
|
||
props: {
|
||
dense: this.dense,
|
||
dark: this.dark,
|
||
light: this.light
|
||
}
|
||
}), this.computedIcon), this.genInput('checkbox', __assign({}, this.attrs$, {
|
||
'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
|
||
})), this.genRipple(this.setTextColor(this.rippleState))]);
|
||
},
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
return [this.genCheckbox(), this.genLabel()];
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCheckbox/VSimpleCheckbox.sass":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VCheckbox/VSimpleCheckbox.sass ***!
|
||
\*******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCheckbox/VSimpleCheckbox.ts":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VCheckbox/VSimpleCheckbox.ts ***!
|
||
\*****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSimpleCheckbox_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSimpleCheckbox.sass */ "./src/components/VCheckbox/VSimpleCheckbox.sass");
|
||
/* harmony import */ var _VSimpleCheckbox_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSimpleCheckbox_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_2__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_2___default.a.extend({
|
||
name: 'v-simple-checkbox',
|
||
functional: true,
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
},
|
||
props: __assign({}, _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].options.props, _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__["default"].options.props, {
|
||
disabled: Boolean,
|
||
ripple: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
value: Boolean,
|
||
indeterminate: Boolean,
|
||
indeterminateIcon: {
|
||
type: String,
|
||
default: '$checkboxIndeterminate'
|
||
},
|
||
onIcon: {
|
||
type: String,
|
||
default: '$checkboxOn'
|
||
},
|
||
offIcon: {
|
||
type: String,
|
||
default: '$checkboxOff'
|
||
}
|
||
}),
|
||
render: function render(h, _a) {
|
||
var props = _a.props,
|
||
data = _a.data;
|
||
var children = [];
|
||
|
||
if (props.ripple && !props.disabled) {
|
||
var ripple_1 = h('div', _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].options.methods.setTextColor(props.color, {
|
||
staticClass: 'v-input--selection-controls__ripple',
|
||
directives: [{
|
||
name: 'ripple',
|
||
value: {
|
||
center: true
|
||
}
|
||
}]
|
||
}));
|
||
children.push(ripple_1);
|
||
}
|
||
|
||
var icon = props.offIcon;
|
||
if (props.indeterminate) icon = props.indeterminateIcon;else if (props.value) icon = props.onIcon;
|
||
children.push(h(_VIcon__WEBPACK_IMPORTED_MODULE_3__["VIcon"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"].options.methods.setTextColor(props.value && props.color, {
|
||
props: {
|
||
disabled: props.disabled,
|
||
dark: props.dark,
|
||
light: props.light
|
||
}
|
||
}), icon));
|
||
var classes = {
|
||
'v-simple-checkbox': true,
|
||
'v-simple-checkbox--disabled': props.disabled
|
||
};
|
||
return h('div', __assign({}, data, {
|
||
class: classes,
|
||
on: {
|
||
click: function click(e) {
|
||
e.stopPropagation();
|
||
|
||
if (data.on && data.on.input && !props.disabled) {
|
||
Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["wrapInArray"])(data.on.input).forEach(function (f) {
|
||
return f(!props.value);
|
||
});
|
||
}
|
||
}
|
||
}
|
||
}), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCheckbox/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VCheckbox/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VCheckbox, VSimpleCheckbox, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCheckbox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCheckbox */ "./src/components/VCheckbox/VCheckbox.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCheckbox", function() { return _VCheckbox__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VSimpleCheckbox */ "./src/components/VCheckbox/VSimpleCheckbox.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSimpleCheckbox", function() { return _VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VCheckbox: _VCheckbox__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VSimpleCheckbox: _VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VChip/VChip.sass":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VChip/VChip.sass ***!
|
||
\*****************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VChip/VChip.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VChip/VChip.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VChip_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VChip.sass */ "./src/components/VChip/VChip.sass");
|
||
/* harmony import */ var _VChip_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VChip_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
|
||
/* harmony import */ var _mixins_sizeable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../mixins/sizeable */ "./src/mixins/sizeable/index.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
|
||
// Components
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_1__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_9__["default"], _mixins_routable__WEBPACK_IMPORTED_MODULE_8__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_5__["factory"])('chipGroup'), Object(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_7__["factory"])('inputValue')).extend({
|
||
name: 'v-chip',
|
||
props: {
|
||
active: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
activeClass: {
|
||
type: String,
|
||
default: function _default() {
|
||
if (!this.chipGroup) return '';
|
||
return this.chipGroup.activeClass;
|
||
}
|
||
},
|
||
close: Boolean,
|
||
closeIcon: {
|
||
type: String,
|
||
default: '$delete'
|
||
},
|
||
disabled: Boolean,
|
||
draggable: Boolean,
|
||
filter: Boolean,
|
||
filterIcon: {
|
||
type: String,
|
||
default: '$complete'
|
||
},
|
||
label: Boolean,
|
||
link: Boolean,
|
||
outlined: Boolean,
|
||
pill: Boolean,
|
||
tag: {
|
||
type: String,
|
||
default: 'span'
|
||
},
|
||
textColor: String,
|
||
value: null
|
||
},
|
||
data: function data() {
|
||
return {
|
||
proxyClass: 'v-chip--active'
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-chip': true
|
||
}, _mixins_routable__WEBPACK_IMPORTED_MODULE_8__["default"].options.computed.classes.call(this), {
|
||
'v-chip--clickable': this.isClickable,
|
||
'v-chip--disabled': this.disabled,
|
||
'v-chip--draggable': this.draggable,
|
||
'v-chip--label': this.label,
|
||
'v-chip--link': this.isLink,
|
||
'v-chip--no-color': !this.color,
|
||
'v-chip--outlined': this.outlined,
|
||
'v-chip--pill': this.pill,
|
||
'v-chip--removable': this.hasClose
|
||
}, this.themeClasses, this.sizeableClasses, this.groupClasses);
|
||
},
|
||
hasClose: function hasClose() {
|
||
return Boolean(this.close);
|
||
},
|
||
isClickable: function isClickable() {
|
||
return Boolean(_mixins_routable__WEBPACK_IMPORTED_MODULE_8__["default"].options.computed.isClickable.call(this) || this.chipGroup);
|
||
}
|
||
},
|
||
created: function created() {
|
||
var _this = this;
|
||
|
||
var breakingProps = [['outline', 'outlined'], ['selected', 'input-value'], ['value', 'active'], ['@input', '@active.sync']];
|
||
/* istanbul ignore next */
|
||
|
||
breakingProps.forEach(function (_a) {
|
||
var _b = __read(_a, 2),
|
||
original = _b[0],
|
||
replacement = _b[1];
|
||
|
||
if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_10__["breaking"])(original, replacement, _this);
|
||
});
|
||
},
|
||
methods: {
|
||
click: function click(e) {
|
||
this.$emit('click', e);
|
||
this.chipGroup && this.toggle();
|
||
},
|
||
genFilter: function genFilter() {
|
||
var children = [];
|
||
|
||
if (this.isActive) {
|
||
children.push(this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
staticClass: 'v-chip__filter',
|
||
props: {
|
||
left: true
|
||
}
|
||
}, this.filterIcon));
|
||
}
|
||
|
||
return this.$createElement(_transitions__WEBPACK_IMPORTED_MODULE_2__["VExpandXTransition"], children);
|
||
},
|
||
genClose: function genClose() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
staticClass: 'v-chip__close',
|
||
props: {
|
||
right: true,
|
||
size: 18
|
||
},
|
||
on: {
|
||
click: function click(e) {
|
||
e.stopPropagation();
|
||
e.preventDefault();
|
||
|
||
_this.$emit('click:close');
|
||
|
||
_this.$emit('update:active', false);
|
||
}
|
||
}
|
||
}, this.closeIcon);
|
||
},
|
||
genContent: function genContent() {
|
||
return this.$createElement('span', {
|
||
staticClass: 'v-chip__content'
|
||
}, [this.filter && this.genFilter(), this.$slots.default, this.hasClose && this.genClose()]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [this.genContent()];
|
||
|
||
var _a = this.generateRouteLink(),
|
||
tag = _a.tag,
|
||
data = _a.data;
|
||
|
||
data.attrs = __assign({}, data.attrs, {
|
||
draggable: this.draggable ? 'true' : undefined,
|
||
tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs.tabindex
|
||
});
|
||
data.directives.push({
|
||
name: 'show',
|
||
value: this.active
|
||
});
|
||
data = this.setBackgroundColor(this.color, data);
|
||
var color = this.textColor || this.outlined && this.color;
|
||
return h(tag, this.setTextColor(color, data), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VChip/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VChip/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VChip, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VChip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VChip */ "./src/components/VChip/VChip.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VChip", function() { return _VChip__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VChip__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VChipGroup/VChipGroup.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VChipGroup/VChipGroup.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VChipGroup/VChipGroup.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VChipGroup/VChipGroup.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VChipGroup_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VChipGroup.sass */ "./src/components/VChipGroup/VChipGroup.sass");
|
||
/* harmony import */ var _VChipGroup_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VChipGroup_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSlideGroup/VSlideGroup */ "./src/components/VSlideGroup/VSlideGroup.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Mixins
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_1__["BaseSlideGroup"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'v-chip-group',
|
||
provide: function provide() {
|
||
return {
|
||
chipGroup: this
|
||
};
|
||
},
|
||
props: {
|
||
column: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_1__["BaseSlideGroup"].options.computed.classes.call(this), {
|
||
'v-chip-group': true,
|
||
'v-chip-group--column': this.column
|
||
});
|
||
}
|
||
},
|
||
watch: {
|
||
column: function column(val) {
|
||
if (val) this.scrollOffset = 0;
|
||
this.$nextTick(this.onResize);
|
||
}
|
||
},
|
||
methods: {
|
||
genData: function genData() {
|
||
return this.setTextColor(this.color, __assign({}, _VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_1__["BaseSlideGroup"].options.methods.genData.call(this)));
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VChipGroup/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VChipGroup/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VChipGroup, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VChipGroup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VChipGroup */ "./src/components/VChipGroup/VChipGroup.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VChipGroup", function() { return _VChipGroup__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VChipGroup__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPicker.sass":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPicker.sass ***!
|
||
\*******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPicker.ts":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPicker.ts ***!
|
||
\*****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VColorPicker_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VColorPicker.sass */ "./src/components/VColorPicker/VColorPicker.sass");
|
||
/* harmony import */ var _VColorPicker_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VColorPicker_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSheet_VSheet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSheet/VSheet */ "./src/components/VSheet/VSheet.ts");
|
||
/* harmony import */ var _VColorPickerPreview__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VColorPickerPreview */ "./src/components/VColorPicker/VColorPickerPreview.ts");
|
||
/* harmony import */ var _VColorPickerCanvas__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VColorPickerCanvas */ "./src/components/VColorPicker/VColorPickerCanvas.ts");
|
||
/* harmony import */ var _VColorPickerEdit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VColorPickerEdit */ "./src/components/VColorPicker/VColorPickerEdit.ts");
|
||
/* harmony import */ var _VColorPickerSwatches__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VColorPickerSwatches */ "./src/components/VColorPicker/VColorPickerSwatches.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util */ "./src/components/VColorPicker/util/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
|
||
|
||
|
||
|
||
// Helpers
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_9__["default"]).extend({
|
||
name: 'v-color-picker',
|
||
props: {
|
||
canvasHeight: {
|
||
type: [String, Number],
|
||
default: 150
|
||
},
|
||
disabled: Boolean,
|
||
dotSize: {
|
||
type: [Number, String],
|
||
default: 10
|
||
},
|
||
flat: Boolean,
|
||
hideCanvas: Boolean,
|
||
hideInputs: Boolean,
|
||
hideModeSwitch: Boolean,
|
||
mode: {
|
||
type: String,
|
||
default: 'rgba',
|
||
validator: function validator(v) {
|
||
return Object.keys(_VColorPickerEdit__WEBPACK_IMPORTED_MODULE_4__["modes"]).includes(v);
|
||
}
|
||
},
|
||
showSwatches: Boolean,
|
||
swatches: Array,
|
||
swatchesMaxHeight: {
|
||
type: [Number, String],
|
||
default: 150
|
||
},
|
||
value: {
|
||
type: [Object, String]
|
||
},
|
||
width: {
|
||
type: [Number, String],
|
||
default: 300
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
internalValue: Object(_util__WEBPACK_IMPORTED_MODULE_6__["fromRGBA"])({
|
||
r: 255,
|
||
g: 0,
|
||
b: 0,
|
||
a: 1
|
||
})
|
||
};
|
||
},
|
||
computed: {
|
||
hideAlpha: function hideAlpha() {
|
||
if (!this.value) return false;
|
||
return !Object(_util__WEBPACK_IMPORTED_MODULE_6__["hasAlpha"])(this.value);
|
||
}
|
||
},
|
||
watch: {
|
||
value: {
|
||
handler: function handler(color) {
|
||
this.updateColor(Object(_util__WEBPACK_IMPORTED_MODULE_6__["parseColor"])(color, this.internalValue));
|
||
},
|
||
immediate: true
|
||
}
|
||
},
|
||
methods: {
|
||
updateColor: function updateColor(color) {
|
||
this.internalValue = color;
|
||
var value = Object(_util__WEBPACK_IMPORTED_MODULE_6__["extractColor"])(this.internalValue, this.value);
|
||
|
||
if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["deepEqual"])(value, this.value)) {
|
||
this.$emit('input', value);
|
||
this.$emit('update:color', this.internalValue);
|
||
}
|
||
},
|
||
genCanvas: function genCanvas() {
|
||
return this.$createElement(_VColorPickerCanvas__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
color: this.internalValue,
|
||
disabled: this.disabled,
|
||
dotSize: this.dotSize,
|
||
width: this.width,
|
||
height: this.canvasHeight
|
||
},
|
||
on: {
|
||
'update:color': this.updateColor
|
||
}
|
||
});
|
||
},
|
||
genControls: function genControls() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-color-picker__controls'
|
||
}, [this.genPreview(), !this.hideInputs && this.genEdit()]);
|
||
},
|
||
genEdit: function genEdit() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VColorPickerEdit__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
||
props: {
|
||
color: this.internalValue,
|
||
disabled: this.disabled,
|
||
hideAlpha: this.hideAlpha,
|
||
hideModeSwitch: this.hideModeSwitch,
|
||
mode: this.mode
|
||
},
|
||
on: {
|
||
'update:color': this.updateColor,
|
||
'update:mode': function updateMode(v) {
|
||
return _this.$emit('update:mode', v);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genPreview: function genPreview() {
|
||
return this.$createElement(_VColorPickerPreview__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: {
|
||
color: this.internalValue,
|
||
disabled: this.disabled,
|
||
hideAlpha: this.hideAlpha
|
||
},
|
||
on: {
|
||
'update:color': this.updateColor
|
||
}
|
||
});
|
||
},
|
||
genSwatches: function genSwatches() {
|
||
return this.$createElement(_VColorPickerSwatches__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||
props: {
|
||
dark: this.dark,
|
||
light: this.light,
|
||
swatches: this.swatches,
|
||
color: this.internalValue,
|
||
maxHeight: this.swatchesMaxHeight
|
||
},
|
||
on: {
|
||
'update:color': this.updateColor
|
||
}
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h(_VSheet_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
staticClass: 'v-color-picker',
|
||
class: __assign({
|
||
'v-color-picker--flat': this.flat
|
||
}, this.themeClasses),
|
||
props: {
|
||
maxWidth: this.width
|
||
}
|
||
}, [!this.hideCanvas && this.genCanvas(), this.genControls(), this.showSwatches && this.genSwatches()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPickerCanvas.sass":
|
||
/*!*************************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPickerCanvas.sass ***!
|
||
\*************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPickerCanvas.ts":
|
||
/*!***********************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPickerCanvas.ts ***!
|
||
\***********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VColorPickerCanvas_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VColorPickerCanvas.sass */ "./src/components/VColorPicker/VColorPickerCanvas.sass");
|
||
/* harmony import */ var _VColorPickerCanvas_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VColorPickerCanvas_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ "./src/components/VColorPicker/util/index.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_3__);
|
||
// Styles
|
||
// Helpers
|
||
|
||
|
||
// Types
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_3___default.a.extend({
|
||
name: 'v-color-picker-canvas',
|
||
props: {
|
||
color: {
|
||
type: Object,
|
||
default: function _default() {
|
||
return Object(_util__WEBPACK_IMPORTED_MODULE_2__["fromRGBA"])({
|
||
r: 255,
|
||
g: 0,
|
||
b: 0,
|
||
a: 1
|
||
});
|
||
}
|
||
},
|
||
disabled: Boolean,
|
||
dotSize: {
|
||
type: [Number, String],
|
||
default: 10
|
||
},
|
||
height: {
|
||
type: [Number, String],
|
||
default: 150
|
||
},
|
||
width: {
|
||
type: [Number, String],
|
||
default: 300
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
boundingRect: {
|
||
width: 0,
|
||
height: 0,
|
||
left: 0,
|
||
top: 0
|
||
}
|
||
};
|
||
},
|
||
computed: {
|
||
dot: function dot() {
|
||
if (!this.color) return {
|
||
x: 0,
|
||
y: 0
|
||
};
|
||
return {
|
||
x: this.color.hsva.s * parseInt(this.width, 10),
|
||
y: (1 - this.color.hsva.v) * parseInt(this.height, 10)
|
||
};
|
||
}
|
||
},
|
||
watch: {
|
||
'color.hue': 'updateCanvas'
|
||
},
|
||
mounted: function mounted() {
|
||
this.updateCanvas();
|
||
},
|
||
methods: {
|
||
emitColor: function emitColor(x, y) {
|
||
var _a = this.boundingRect,
|
||
left = _a.left,
|
||
top = _a.top,
|
||
width = _a.width,
|
||
height = _a.height;
|
||
this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_2__["fromHSVA"])({
|
||
h: this.color.hue,
|
||
s: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["clamp"])(x - left, 0, width) / width,
|
||
v: 1 - Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["clamp"])(y - top, 0, height) / height,
|
||
a: this.color.alpha
|
||
}));
|
||
},
|
||
updateCanvas: function updateCanvas() {
|
||
if (!this.color) return;
|
||
var canvas = this.$refs.canvas;
|
||
var ctx = canvas.getContext('2d');
|
||
if (!ctx) return;
|
||
var saturationGradient = ctx.createLinearGradient(0, 0, canvas.width, 0);
|
||
saturationGradient.addColorStop(0, 'hsla(0, 0%, 100%, 1)'); // white
|
||
|
||
saturationGradient.addColorStop(1, "hsla(" + this.color.hue + ", 100%, 50%, 1)");
|
||
ctx.fillStyle = saturationGradient;
|
||
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
||
var valueGradient = ctx.createLinearGradient(0, 0, 0, canvas.height);
|
||
valueGradient.addColorStop(0, 'hsla(0, 0%, 100%, 0)'); // transparent
|
||
|
||
valueGradient.addColorStop(1, 'hsla(0, 0%, 0%, 1)'); // black
|
||
|
||
ctx.fillStyle = valueGradient;
|
||
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
||
},
|
||
handleClick: function handleClick(e) {
|
||
if (this.disabled) return;
|
||
this.boundingRect = this.$el.getBoundingClientRect();
|
||
this.emitColor(e.clientX, e.clientY);
|
||
},
|
||
handleMouseDown: function handleMouseDown(e) {
|
||
// To prevent selection while moving cursor
|
||
e.preventDefault();
|
||
if (this.disabled) return;
|
||
this.boundingRect = this.$el.getBoundingClientRect();
|
||
window.addEventListener('mousemove', this.handleMouseMove);
|
||
window.addEventListener('mouseup', this.handleMouseUp);
|
||
},
|
||
handleMouseMove: function handleMouseMove(e) {
|
||
if (this.disabled) return;
|
||
this.emitColor(e.clientX, e.clientY);
|
||
},
|
||
handleMouseUp: function handleMouseUp() {
|
||
window.removeEventListener('mousemove', this.handleMouseMove);
|
||
window.removeEventListener('mouseup', this.handleMouseUp);
|
||
},
|
||
genCanvas: function genCanvas() {
|
||
return this.$createElement('canvas', {
|
||
ref: 'canvas',
|
||
attrs: {
|
||
width: this.width,
|
||
height: this.height
|
||
}
|
||
});
|
||
},
|
||
genDot: function genDot() {
|
||
var radius = parseInt(this.dotSize, 10) / 2;
|
||
var x = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["convertToUnit"])(this.dot.x - radius);
|
||
var y = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["convertToUnit"])(this.dot.y - radius);
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-color-picker__canvas-dot',
|
||
class: {
|
||
'v-color-picker__canvas-dot--disabled': this.disabled
|
||
},
|
||
style: {
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["convertToUnit"])(this.dotSize),
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["convertToUnit"])(this.dotSize),
|
||
transform: "translate(" + x + ", " + y + ")"
|
||
}
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-color-picker__canvas',
|
||
style: {
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["convertToUnit"])(this.width),
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["convertToUnit"])(this.height)
|
||
},
|
||
on: {
|
||
click: this.handleClick,
|
||
mousedown: this.handleMouseDown
|
||
}
|
||
}, [this.genCanvas(), this.genDot()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPickerEdit.sass":
|
||
/*!***********************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPickerEdit.sass ***!
|
||
\***********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPickerEdit.ts":
|
||
/*!*********************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPickerEdit.ts ***!
|
||
\*********************************************************/
|
||
/*! exports provided: modes, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "modes", function() { return modes; });
|
||
/* harmony import */ var _VColorPickerEdit_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VColorPickerEdit.sass */ "./src/components/VColorPicker/VColorPickerEdit.sass");
|
||
/* harmony import */ var _VColorPickerEdit_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VColorPickerEdit_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _util_colorUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/colorUtils */ "./src/util/colorUtils.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_4__);
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util */ "./src/components/VColorPicker/util/index.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
|
||
// Helpers
|
||
|
||
// Types
|
||
|
||
|
||
|
||
var modes = {
|
||
rgba: {
|
||
inputs: [['r', 255, 'int'], ['g', 255, 'int'], ['b', 255, 'int'], ['a', 1, 'float']],
|
||
from: _util__WEBPACK_IMPORTED_MODULE_5__["fromRGBA"]
|
||
},
|
||
hsla: {
|
||
inputs: [['h', 360, 'int'], ['s', 1, 'float'], ['l', 1, 'float'], ['a', 1, 'float']],
|
||
from: _util__WEBPACK_IMPORTED_MODULE_5__["fromHSLA"]
|
||
},
|
||
hexa: {
|
||
from: _util__WEBPACK_IMPORTED_MODULE_5__["fromHexa"]
|
||
}
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_4___default.a.extend({
|
||
name: 'v-color-picker-edit',
|
||
props: {
|
||
color: Object,
|
||
disabled: Boolean,
|
||
hideAlpha: Boolean,
|
||
hideModeSwitch: Boolean,
|
||
mode: {
|
||
type: String,
|
||
default: 'rgba',
|
||
validator: function validator(v) {
|
||
return Object.keys(modes).includes(v);
|
||
}
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
modes: modes,
|
||
internalMode: this.mode
|
||
};
|
||
},
|
||
computed: {
|
||
currentMode: function currentMode() {
|
||
return this.modes[this.internalMode];
|
||
}
|
||
},
|
||
watch: {
|
||
mode: function mode(_mode) {
|
||
this.internalMode = _mode;
|
||
}
|
||
},
|
||
created: function created() {
|
||
this.internalMode = this.mode;
|
||
},
|
||
methods: {
|
||
getValue: function getValue(v, type) {
|
||
if (type === 'float') return Math.round(v * 100) / 100;else if (type === 'int') return Math.round(v);else return 0;
|
||
},
|
||
parseValue: function parseValue(v, type) {
|
||
if (type === 'float') return parseFloat(v);else if (type === 'int') return parseInt(v, 10) || 0;else return 0;
|
||
},
|
||
changeMode: function changeMode() {
|
||
var modes = Object.keys(this.modes);
|
||
var index = modes.indexOf(this.internalMode);
|
||
var newMode = modes[(index + 1) % modes.length];
|
||
this.internalMode = newMode;
|
||
this.$emit('update:mode', newMode);
|
||
},
|
||
genInput: function genInput(target, attrs, value, on) {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-color-picker__input'
|
||
}, [this.$createElement('input', {
|
||
key: target,
|
||
attrs: attrs,
|
||
domProps: {
|
||
value: value
|
||
},
|
||
on: on
|
||
}), this.$createElement('span', target.toUpperCase())]);
|
||
},
|
||
genInputs: function genInputs() {
|
||
var _this = this;
|
||
|
||
switch (this.internalMode) {
|
||
case 'hexa':
|
||
{
|
||
var hex = this.color.hexa;
|
||
var value = this.hideAlpha && hex.endsWith('FF') ? hex.substr(0, 7) : hex;
|
||
return this.genInput('hex', {
|
||
maxlength: this.hideAlpha ? 7 : 9,
|
||
disabled: this.disabled
|
||
}, value, {
|
||
change: function change(e) {
|
||
var el = e.target;
|
||
|
||
_this.$emit('update:color', _this.currentMode.from(Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_3__["parseHex"])(el.value)));
|
||
}
|
||
});
|
||
}
|
||
|
||
default:
|
||
{
|
||
var inputs = this.hideAlpha ? this.currentMode.inputs.slice(0, -1) : this.currentMode.inputs;
|
||
return inputs.map(function (_a) {
|
||
var _b = __read(_a, 3),
|
||
target = _b[0],
|
||
max = _b[1],
|
||
type = _b[2];
|
||
|
||
var value = _this.color[_this.internalMode];
|
||
return _this.genInput(target, {
|
||
type: 'number',
|
||
min: 0,
|
||
max: max,
|
||
step: type === 'float' ? '0.01' : type === 'int' ? '1' : undefined,
|
||
disabled: _this.disabled
|
||
}, _this.getValue(value[target], type), {
|
||
input: function input(e) {
|
||
var _a;
|
||
|
||
var el = e.target;
|
||
|
||
var newVal = _this.parseValue(el.value || '0', type);
|
||
|
||
_this.$emit('update:color', _this.currentMode.from(Object.assign({}, value, (_a = {}, _a[target] = newVal, _a)), _this.color.alpha));
|
||
}
|
||
});
|
||
});
|
||
}
|
||
}
|
||
},
|
||
genSwitch: function genSwitch() {
|
||
return this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
small: true,
|
||
icon: true,
|
||
disabled: this.disabled
|
||
},
|
||
on: {
|
||
click: this.changeMode
|
||
}
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], '$unfold')]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-color-picker__edit'
|
||
}, [this.genInputs(), !this.hideModeSwitch && this.genSwitch()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPickerPreview.sass":
|
||
/*!**************************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPickerPreview.sass ***!
|
||
\**************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPickerPreview.ts":
|
||
/*!************************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPickerPreview.ts ***!
|
||
\************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VColorPickerPreview_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VColorPickerPreview.sass */ "./src/components/VColorPicker/VColorPickerPreview.sass");
|
||
/* harmony import */ var _VColorPickerPreview_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VColorPickerPreview_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSlider_VSlider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSlider/VSlider */ "./src/components/VSlider/VSlider.ts");
|
||
/* harmony import */ var _util_colorUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/colorUtils */ "./src/util/colorUtils.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_3__);
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/components/VColorPicker/util/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Utilities
|
||
|
||
// Types
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_3___default.a.extend({
|
||
name: 'v-color-picker-preview',
|
||
props: {
|
||
color: Object,
|
||
disabled: Boolean,
|
||
hideAlpha: Boolean
|
||
},
|
||
methods: {
|
||
genAlpha: function genAlpha() {
|
||
var _this = this;
|
||
|
||
return this.genTrack({
|
||
staticClass: 'v-color-picker__alpha',
|
||
props: {
|
||
thumbColor: 'grey lighten-2',
|
||
hideDetails: true,
|
||
value: this.color.alpha,
|
||
step: 0,
|
||
min: 0,
|
||
max: 1
|
||
},
|
||
style: {
|
||
backgroundImage: this.disabled ? undefined : "linear-gradient(to " + (this.$vuetify.rtl ? 'left' : 'right') + ", transparent, " + Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_2__["RGBtoCSS"])(this.color.rgba) + ")"
|
||
},
|
||
on: {
|
||
input: function input(val) {
|
||
return _this.color.alpha !== val && _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHSVA"])(__assign({}, _this.color.hsva, {
|
||
a: val
|
||
})));
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genSliders: function genSliders() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-color-picker__sliders'
|
||
}, [this.genHue(), !this.hideAlpha && this.genAlpha()]);
|
||
},
|
||
genDot: function genDot() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-color-picker__dot'
|
||
}, [this.$createElement('div', {
|
||
style: {
|
||
background: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_2__["RGBAtoCSS"])(this.color.rgba)
|
||
}
|
||
})]);
|
||
},
|
||
genHue: function genHue() {
|
||
var _this = this;
|
||
|
||
return this.genTrack({
|
||
staticClass: 'v-color-picker__hue',
|
||
props: {
|
||
thumbColor: 'grey lighten-2',
|
||
hideDetails: true,
|
||
value: this.color.hue,
|
||
step: 0,
|
||
min: 0,
|
||
max: 360
|
||
},
|
||
on: {
|
||
input: function input(val) {
|
||
return _this.color.hue !== val && _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_4__["fromHSVA"])(__assign({}, _this.color.hsva, {
|
||
h: val
|
||
})));
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genTrack: function genTrack(options) {
|
||
return this.$createElement(_VSlider_VSlider__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({
|
||
class: 'v-color-picker__track'
|
||
}, options, {
|
||
props: __assign({
|
||
disabled: this.disabled
|
||
}, options.props)
|
||
}));
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-color-picker__preview',
|
||
class: {
|
||
'v-color-picker__preview--hide-alpha': this.hideAlpha
|
||
}
|
||
}, [this.genDot(), this.genSliders()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPickerSwatches.sass":
|
||
/*!***************************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPickerSwatches.sass ***!
|
||
\***************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/VColorPickerSwatches.ts":
|
||
/*!*************************************************************!*\
|
||
!*** ./src/components/VColorPicker/VColorPickerSwatches.ts ***!
|
||
\*************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VColorPickerSwatches_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VColorPickerSwatches.sass */ "./src/components/VColorPicker/VColorPickerSwatches.sass");
|
||
/* harmony import */ var _VColorPickerSwatches_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VColorPickerSwatches_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _util_colors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/colors */ "./src/util/colors.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./src/components/VColorPicker/util/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_colorUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/colorUtils */ "./src/util/colorUtils.ts");
|
||
// Styles
|
||
// Components
|
||
|
||
// Helpers
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
function parseDefaultColors(colors) {
|
||
return Object.keys(colors).map(function (key) {
|
||
var color = colors[key];
|
||
return color.base ? [color.base, color.darken4, color.darken3, color.darken2, color.darken1, color.lighten1, color.lighten2, color.lighten3, color.lighten4, color.lighten5] : [color.black, color.white, color.transparent];
|
||
});
|
||
}
|
||
|
||
var white = Object(_util__WEBPACK_IMPORTED_MODULE_3__["fromHex"])('#FFFFFF').rgba;
|
||
var black = Object(_util__WEBPACK_IMPORTED_MODULE_3__["fromHex"])('#000000').rgba;
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
|
||
name: 'v-color-picker-swatches',
|
||
props: {
|
||
swatches: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return parseDefaultColors(_util_colors__WEBPACK_IMPORTED_MODULE_2__["default"]);
|
||
}
|
||
},
|
||
color: Object,
|
||
maxWidth: [Number, String],
|
||
maxHeight: [Number, String]
|
||
},
|
||
methods: {
|
||
genColor: function genColor(color) {
|
||
var _this = this;
|
||
|
||
var content = this.$createElement('div', {
|
||
style: {
|
||
background: color
|
||
}
|
||
}, [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["deepEqual"])(this.color, Object(_util__WEBPACK_IMPORTED_MODULE_3__["parseColor"])(color, null)) && this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
small: true,
|
||
dark: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_7__["contrastRatio"])(this.color.rgba, white) > 2 && this.color.alpha > 0.5,
|
||
light: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_7__["contrastRatio"])(this.color.rgba, black) > 2 && this.color.alpha > 0.5
|
||
}
|
||
}, '$success')]);
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-color-picker__color',
|
||
on: {
|
||
// TODO: Less hacky way of catching transparent
|
||
click: function click() {
|
||
return _this.$emit('update:color', Object(_util__WEBPACK_IMPORTED_MODULE_3__["fromHex"])(color === 'transparent' ? '#00000000' : color));
|
||
}
|
||
}
|
||
}, [content]);
|
||
},
|
||
genSwatches: function genSwatches() {
|
||
var _this = this;
|
||
|
||
return this.swatches.map(function (swatch) {
|
||
var colors = swatch.map(_this.genColor);
|
||
return _this.$createElement('div', {
|
||
staticClass: 'v-color-picker__swatch'
|
||
}, colors);
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-color-picker__swatches',
|
||
style: {
|
||
maxWidth: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.maxWidth),
|
||
maxHeight: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.maxHeight)
|
||
}
|
||
}, [this.$createElement('div', this.genSwatches())]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/index.ts":
|
||
/*!**********************************************!*\
|
||
!*** ./src/components/VColorPicker/index.ts ***!
|
||
\**********************************************/
|
||
/*! exports provided: VColorPicker, VColorPickerSwatches, VColorPickerCanvas, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VColorPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VColorPicker */ "./src/components/VColorPicker/VColorPicker.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VColorPicker", function() { return _VColorPicker__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VColorPickerSwatches__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VColorPickerSwatches */ "./src/components/VColorPicker/VColorPickerSwatches.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VColorPickerSwatches", function() { return _VColorPickerSwatches__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VColorPickerCanvas__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VColorPickerCanvas */ "./src/components/VColorPicker/VColorPickerCanvas.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VColorPickerCanvas", function() { return _VColorPickerCanvas__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VColorPicker__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VColorPicker/util/index.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VColorPicker/util/index.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: fromHSVA, fromHSLA, fromRGBA, fromHexa, fromHex, parseColor, extractColor, hasAlpha */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fromHSVA", function() { return fromHSVA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fromHSLA", function() { return fromHSLA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fromRGBA", function() { return fromRGBA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fromHexa", function() { return fromHexa; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fromHex", function() { return fromHex; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return parseColor; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "extractColor", function() { return extractColor; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hasAlpha", function() { return hasAlpha; });
|
||
/* harmony import */ var _util_colorUtils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../util/colorUtils */ "./src/util/colorUtils.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __rest = undefined && undefined.__rest || function (s, e) {
|
||
var t = {};
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
}
|
||
|
||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
}
|
||
return t;
|
||
}; // Utilities
|
||
|
||
|
||
|
||
function fromHSVA(hsva) {
|
||
hsva = __assign({}, hsva);
|
||
var hexa = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSVAtoHex"])(hsva);
|
||
var hsla = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSVAtoHSLA"])(hsva);
|
||
var rgba = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSVAtoRGBA"])(hsva);
|
||
return {
|
||
alpha: hsva.a,
|
||
hex: hexa.substr(0, 7),
|
||
hexa: hexa,
|
||
hsla: hsla,
|
||
hsva: hsva,
|
||
hue: hsva.h,
|
||
rgba: rgba
|
||
};
|
||
}
|
||
function fromHSLA(hsla) {
|
||
var hsva = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSLAtoHSVA"])(hsla);
|
||
var hexa = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSVAtoHex"])(hsva);
|
||
var rgba = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSVAtoRGBA"])(hsva);
|
||
return {
|
||
alpha: hsva.a,
|
||
hex: hexa.substr(0, 7),
|
||
hexa: hexa,
|
||
hsla: hsla,
|
||
hsva: hsva,
|
||
hue: hsva.h,
|
||
rgba: rgba
|
||
};
|
||
}
|
||
function fromRGBA(rgba) {
|
||
var hsva = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["RGBAtoHSVA"])(rgba);
|
||
var hexa = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["RGBAtoHex"])(rgba);
|
||
var hsla = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSVAtoHSLA"])(hsva);
|
||
return {
|
||
alpha: hsva.a,
|
||
hex: hexa.substr(0, 7),
|
||
hexa: hexa,
|
||
hsla: hsla,
|
||
hsva: hsva,
|
||
hue: hsva.h,
|
||
rgba: rgba
|
||
};
|
||
}
|
||
function fromHexa(hexa) {
|
||
var hsva = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HexToHSVA"])(hexa);
|
||
var hsla = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSVAtoHSLA"])(hsva);
|
||
var rgba = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["HSVAtoRGBA"])(hsva);
|
||
return {
|
||
alpha: hsva.a,
|
||
hex: hexa.substr(0, 7),
|
||
hexa: hexa,
|
||
hsla: hsla,
|
||
hsva: hsva,
|
||
hue: hsva.h,
|
||
rgba: rgba
|
||
};
|
||
}
|
||
function fromHex(hex) {
|
||
return fromHexa(Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["parseHex"])(hex));
|
||
}
|
||
|
||
function has(obj, key) {
|
||
return key.every(function (k) {
|
||
return obj.hasOwnProperty(k);
|
||
});
|
||
}
|
||
|
||
function parseColor(color, oldColor) {
|
||
if (!color) return fromRGBA({
|
||
r: 255,
|
||
g: 0,
|
||
b: 0,
|
||
a: 1
|
||
});
|
||
|
||
if (typeof color === 'string') {
|
||
if (color === 'transparent') return fromHexa('#00000000');
|
||
var hex = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["parseHex"])(color);
|
||
if (oldColor && hex === oldColor.hexa) return oldColor;else return fromHexa(hex);
|
||
}
|
||
|
||
if (_typeof(color) === 'object') {
|
||
if (color.hasOwnProperty('alpha')) return color;
|
||
var a = color.hasOwnProperty('a') ? parseFloat(color.a) : 1;
|
||
|
||
if (has(color, ['r', 'g', 'b'])) {
|
||
if (oldColor && color === oldColor.rgba) return oldColor;else return fromRGBA(__assign({}, color, {
|
||
a: a
|
||
}));
|
||
} else if (has(color, ['h', 's', 'l'])) {
|
||
if (oldColor && color === oldColor.hsla) return oldColor;else return fromHSLA(__assign({}, color, {
|
||
a: a
|
||
}));
|
||
} else if (has(color, ['h', 's', 'v'])) {
|
||
if (oldColor && color === oldColor.hsva) return oldColor;else return fromHSVA(__assign({}, color, {
|
||
a: a
|
||
}));
|
||
}
|
||
}
|
||
|
||
return fromRGBA({
|
||
r: 255,
|
||
g: 0,
|
||
b: 0,
|
||
a: 1
|
||
});
|
||
}
|
||
|
||
function stripAlpha(color, stripAlpha) {
|
||
if (stripAlpha) {
|
||
var a = color.a,
|
||
rest = __rest(color, ["a"]);
|
||
|
||
return rest;
|
||
}
|
||
|
||
return color;
|
||
}
|
||
|
||
function extractColor(color, input) {
|
||
if (input == null) return color;
|
||
|
||
if (typeof input === 'string') {
|
||
return input.length === 7 ? color.hex : color.hexa;
|
||
}
|
||
|
||
if (_typeof(input) === 'object') {
|
||
if (has(input, ['r', 'g', 'b'])) return stripAlpha(color.rgba, !input.a);else if (has(input, ['h', 's', 'l'])) return stripAlpha(color.hsla, !input.a);else if (has(input, ['h', 's', 'v'])) return stripAlpha(color.hsva, !input.a);
|
||
}
|
||
|
||
return color;
|
||
}
|
||
function hasAlpha(color) {
|
||
if (!color) return false;
|
||
|
||
if (typeof color === 'string') {
|
||
return color.length > 7;
|
||
}
|
||
|
||
if (_typeof(color) === 'object') {
|
||
return has(color, ['a']) || has(color, ['alpha']);
|
||
}
|
||
|
||
return false;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCombobox/VCombobox.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VCombobox/VCombobox.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAutocomplete_VAutocomplete_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VAutocomplete/VAutocomplete.sass */ "./src/components/VAutocomplete/VAutocomplete.sass");
|
||
/* harmony import */ var _VAutocomplete_VAutocomplete_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VAutocomplete_VAutocomplete_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSelect/VSelect */ "./src/components/VSelect/VSelect.ts");
|
||
/* harmony import */ var _VAutocomplete_VAutocomplete__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VAutocomplete/VAutocomplete */ "./src/components/VAutocomplete/VAutocomplete.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VAutocomplete_VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].extend({
|
||
name: 'v-combobox',
|
||
props: {
|
||
delimiters: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
returnObject: {
|
||
type: Boolean,
|
||
default: true
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
editingIndex: -1
|
||
};
|
||
},
|
||
computed: {
|
||
computedCounterValue: function computedCounterValue() {
|
||
return this.multiple ? this.selectedItems.length : (this.internalSearch || '').toString().length;
|
||
},
|
||
hasSlot: function hasSlot() {
|
||
return _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.hasSlot.call(this) || this.multiple;
|
||
},
|
||
isAnyValueAllowed: function isAnyValueAllowed() {
|
||
return true;
|
||
},
|
||
menuCanShow: function menuCanShow() {
|
||
if (!this.isFocused) return false;
|
||
return this.hasDisplayedItems || !!this.$slots['no-data'] && !this.hideNoData;
|
||
}
|
||
},
|
||
methods: {
|
||
onInternalSearchChanged: function onInternalSearchChanged(val) {
|
||
if (val && this.multiple && this.delimiters.length) {
|
||
var delimiter = this.delimiters.find(function (d) {
|
||
return val.endsWith(d);
|
||
});
|
||
|
||
if (delimiter != null) {
|
||
this.internalSearch = val.slice(0, val.length - delimiter.length);
|
||
this.updateTags();
|
||
}
|
||
}
|
||
|
||
this.updateMenuDimensions();
|
||
},
|
||
genInput: function genInput() {
|
||
var input = _VAutocomplete_VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genInput.call(this);
|
||
delete input.data.attrs.name;
|
||
input.data.on.paste = this.onPaste;
|
||
return input;
|
||
},
|
||
genChipSelection: function genChipSelection(item, index) {
|
||
var _this = this;
|
||
|
||
var chip = _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genChipSelection.call(this, item, index); // Allow user to update an existing value
|
||
|
||
if (this.multiple) {
|
||
chip.componentOptions.listeners = __assign({}, chip.componentOptions.listeners, {
|
||
dblclick: function dblclick() {
|
||
_this.editingIndex = index;
|
||
_this.internalSearch = _this.getText(item);
|
||
_this.selectedIndex = -1;
|
||
}
|
||
});
|
||
}
|
||
|
||
return chip;
|
||
},
|
||
onChipInput: function onChipInput(item) {
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.onChipInput.call(this, item);
|
||
this.editingIndex = -1;
|
||
},
|
||
// Requires a manual definition
|
||
// to overwrite removal in v-autocomplete
|
||
onEnterDown: function onEnterDown(e) {
|
||
e.preventDefault(); // If has menu index, let v-select-list handle
|
||
|
||
if (this.getMenuIndex() > -1) return;
|
||
this.$nextTick(this.updateSelf);
|
||
},
|
||
onFilteredItemsChanged: function onFilteredItemsChanged(val, oldVal) {
|
||
if (!this.autoSelectFirst) return;
|
||
_VAutocomplete_VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.onFilteredItemsChanged.call(this, val, oldVal);
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
var keyCode = e.keyCode;
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.onKeyDown.call(this, e); // If user is at selection index of 0
|
||
// create a new tag
|
||
|
||
if (this.multiple && keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_3__["keyCodes"].left && this.$refs.input.selectionStart === 0) {
|
||
this.updateSelf();
|
||
} else if (keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_3__["keyCodes"].enter) {
|
||
this.onEnterDown(e);
|
||
} // The ordering is important here
|
||
// allows new value to be updated
|
||
// and then moves the index to the
|
||
// proper location
|
||
|
||
|
||
this.changeSelectedIndex(keyCode);
|
||
},
|
||
onTabDown: function onTabDown(e) {
|
||
// When adding tags, if searching and
|
||
// there is not a filtered options,
|
||
// add the value to the tags list
|
||
if (this.multiple && this.internalSearch && this.getMenuIndex() === -1) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
return this.updateTags();
|
||
}
|
||
|
||
_VAutocomplete_VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.onTabDown.call(this, e);
|
||
},
|
||
selectItem: function selectItem(item) {
|
||
// Currently only supports items:<string[]>
|
||
if (this.editingIndex > -1) {
|
||
this.updateEditing();
|
||
} else {
|
||
_VAutocomplete_VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.selectItem.call(this, item);
|
||
}
|
||
},
|
||
setSelectedItems: function setSelectedItems() {
|
||
if (this.internalValue == null || this.internalValue === '') {
|
||
this.selectedItems = [];
|
||
} else {
|
||
this.selectedItems = this.multiple ? this.internalValue : [this.internalValue];
|
||
}
|
||
},
|
||
setValue: function setValue(value) {
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.setValue.call(this, value != null ? value : this.internalSearch);
|
||
},
|
||
updateEditing: function updateEditing() {
|
||
var value = this.internalValue.slice();
|
||
value[this.editingIndex] = this.internalSearch;
|
||
this.setValue(value);
|
||
this.editingIndex = -1;
|
||
},
|
||
updateCombobox: function updateCombobox() {
|
||
var isUsingSlot = Boolean(this.$scopedSlots.selection) || this.hasChips; // If search is not dirty and is
|
||
// using slot, do nothing
|
||
|
||
if (isUsingSlot && !this.searchIsDirty) return; // The internal search is not matching
|
||
// the internal value, update the input
|
||
|
||
if (this.internalSearch !== this.getText(this.internalValue)) this.setValue(); // Reset search if using slot
|
||
// to avoid a double input
|
||
|
||
if (isUsingSlot) this.internalSearch = undefined;
|
||
},
|
||
updateSelf: function updateSelf() {
|
||
this.multiple ? this.updateTags() : this.updateCombobox();
|
||
},
|
||
updateTags: function updateTags() {
|
||
var menuIndex = this.getMenuIndex(); // If the user is not searching
|
||
// and no menu item is selected
|
||
// do nothing
|
||
|
||
if (menuIndex < 0 && !this.searchIsDirty) return;
|
||
|
||
if (this.editingIndex > -1) {
|
||
return this.updateEditing();
|
||
}
|
||
|
||
var index = this.selectedItems.indexOf(this.internalSearch); // If it already exists, do nothing
|
||
// this might need to change to bring
|
||
// the duplicated item to the last entered
|
||
|
||
if (index > -1) {
|
||
var internalValue = this.internalValue.slice();
|
||
internalValue.splice(index, 1);
|
||
this.setValue(internalValue);
|
||
} // If menu index is greater than 1
|
||
// the selection is handled elsewhere
|
||
// TODO: find out where
|
||
|
||
|
||
if (menuIndex > -1) return this.internalSearch = null;
|
||
this.selectItem(this.internalSearch);
|
||
this.internalSearch = null;
|
||
},
|
||
onPaste: function onPaste(event) {
|
||
if (!this.multiple || this.searchIsDirty) return;
|
||
var pastedItemText = event.clipboardData.getData('text/vnd.vuetify.autocomplete.item+plain');
|
||
|
||
if (pastedItemText && this.findExistingIndex(pastedItemText) === -1) {
|
||
event.preventDefault();
|
||
_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.selectItem.call(this, pastedItemText);
|
||
}
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCombobox/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VCombobox/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VCombobox, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCombobox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCombobox */ "./src/components/VCombobox/VCombobox.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCombobox", function() { return _VCombobox__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VCombobox__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VContent/VContent.sass":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VContent/VContent.sass ***!
|
||
\***********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VContent/VContent.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VContent/VContent.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VContent_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VContent.sass */ "./src/components/VContent/VContent.sass");
|
||
/* harmony import */ var _VContent_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VContent_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/ssr-bootable */ "./src/mixins/ssr-bootable/index.ts");
|
||
// Styles
|
||
// Mixins
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-content',
|
||
props: {
|
||
tag: {
|
||
type: String,
|
||
default: 'main'
|
||
}
|
||
},
|
||
computed: {
|
||
styles: function styles() {
|
||
var _a = this.$vuetify.application,
|
||
bar = _a.bar,
|
||
top = _a.top,
|
||
right = _a.right,
|
||
footer = _a.footer,
|
||
insetFooter = _a.insetFooter,
|
||
bottom = _a.bottom,
|
||
left = _a.left;
|
||
return {
|
||
paddingTop: top + bar + "px",
|
||
paddingRight: right + "px",
|
||
paddingBottom: footer + insetFooter + bottom + "px",
|
||
paddingLeft: left + "px"
|
||
};
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var data = {
|
||
staticClass: 'v-content',
|
||
style: this.styles,
|
||
ref: 'content'
|
||
};
|
||
return h(this.tag, data, [h('div', {
|
||
staticClass: 'v-content__wrap'
|
||
}, this.$slots.default)]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VContent/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VContent/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: VContent, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VContent__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VContent */ "./src/components/VContent/VContent.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VContent", function() { return _VContent__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VContent__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCounter/VCounter.sass":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VCounter/VCounter.sass ***!
|
||
\***********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCounter/VCounter.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VCounter/VCounter.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCounter_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCounter.sass */ "./src/components/VCounter/VCounter.sass");
|
||
/* harmony import */ var _VCounter_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VCounter_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_1__["default"]).extend({
|
||
name: 'v-counter',
|
||
functional: true,
|
||
props: {
|
||
value: {
|
||
type: [Number, String],
|
||
default: ''
|
||
},
|
||
max: [Number, String]
|
||
},
|
||
render: function render(h, ctx) {
|
||
var props = ctx.props;
|
||
var max = parseInt(props.max, 10);
|
||
var value = parseInt(props.value, 10);
|
||
var content = max ? value + " / " + max : String(props.value);
|
||
var isGreater = max && value > max;
|
||
return h('div', {
|
||
staticClass: 'v-counter',
|
||
class: __assign({
|
||
'error--text': isGreater
|
||
}, Object(_mixins_themeable__WEBPACK_IMPORTED_MODULE_1__["functionalThemeClasses"])(ctx))
|
||
}, content);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VCounter/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VCounter/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: VCounter, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCounter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VCounter */ "./src/components/VCounter/VCounter.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCounter", function() { return _VCounter__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VCounter__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VData/VData.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VData/VData.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Helpers
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_1___default.a.extend({
|
||
name: 'v-data',
|
||
inheritAttrs: false,
|
||
props: {
|
||
items: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
options: {
|
||
type: Object,
|
||
default: function _default() {
|
||
return {};
|
||
}
|
||
},
|
||
sortBy: {
|
||
type: [String, Array],
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
sortDesc: {
|
||
type: [Boolean, Array],
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
customSort: {
|
||
type: Function,
|
||
default: _util_helpers__WEBPACK_IMPORTED_MODULE_0__["sortItems"]
|
||
},
|
||
mustSort: Boolean,
|
||
multiSort: Boolean,
|
||
page: {
|
||
type: Number,
|
||
default: 1
|
||
},
|
||
itemsPerPage: {
|
||
type: Number,
|
||
default: 10
|
||
},
|
||
groupBy: {
|
||
type: [String, Array],
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
groupDesc: {
|
||
type: [Boolean, Array],
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
customGroup: {
|
||
type: Function,
|
||
default: _util_helpers__WEBPACK_IMPORTED_MODULE_0__["groupItems"]
|
||
},
|
||
locale: {
|
||
type: String,
|
||
default: 'en-US'
|
||
},
|
||
disableSort: Boolean,
|
||
disablePagination: Boolean,
|
||
disableFiltering: Boolean,
|
||
search: String,
|
||
customFilter: {
|
||
type: Function,
|
||
default: _util_helpers__WEBPACK_IMPORTED_MODULE_0__["searchItems"]
|
||
},
|
||
serverItemsLength: {
|
||
type: Number,
|
||
default: -1
|
||
}
|
||
},
|
||
data: function data() {
|
||
var internalOptions = {
|
||
page: this.page,
|
||
itemsPerPage: this.itemsPerPage,
|
||
sortBy: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["wrapInArray"])(this.sortBy),
|
||
sortDesc: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["wrapInArray"])(this.sortDesc),
|
||
groupBy: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["wrapInArray"])(this.groupBy),
|
||
groupDesc: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["wrapInArray"])(this.groupDesc),
|
||
mustSort: this.mustSort,
|
||
multiSort: this.multiSort
|
||
};
|
||
|
||
if (this.options) {
|
||
internalOptions = Object.assign(internalOptions, this.options);
|
||
}
|
||
|
||
return {
|
||
internalOptions: internalOptions
|
||
};
|
||
},
|
||
computed: {
|
||
itemsLength: function itemsLength() {
|
||
return this.serverItemsLength >= 0 ? this.serverItemsLength : this.filteredItems.length;
|
||
},
|
||
pageCount: function pageCount() {
|
||
return this.internalOptions.itemsPerPage <= 0 ? 1 : Math.ceil(this.itemsLength / this.internalOptions.itemsPerPage);
|
||
},
|
||
pageStart: function pageStart() {
|
||
if (this.internalOptions.itemsPerPage === -1 || !this.items.length) return 0;
|
||
return (this.internalOptions.page - 1) * this.internalOptions.itemsPerPage;
|
||
},
|
||
pageStop: function pageStop() {
|
||
if (this.internalOptions.itemsPerPage === -1) return this.itemsLength;
|
||
if (!this.items.length) return 0;
|
||
return Math.min(this.itemsLength, this.internalOptions.page * this.internalOptions.itemsPerPage);
|
||
},
|
||
isGrouped: function isGrouped() {
|
||
return !!this.internalOptions.groupBy.length;
|
||
},
|
||
pagination: function pagination() {
|
||
return {
|
||
page: this.internalOptions.page,
|
||
itemsPerPage: this.internalOptions.itemsPerPage,
|
||
pageStart: this.pageStart,
|
||
pageStop: this.pageStop,
|
||
pageCount: this.pageCount,
|
||
itemsLength: this.itemsLength
|
||
};
|
||
},
|
||
filteredItems: function filteredItems() {
|
||
var items = this.items.slice();
|
||
|
||
if (!this.disableFiltering && this.serverItemsLength <= 0) {
|
||
items = this.customFilter(items, this.search);
|
||
}
|
||
|
||
return items;
|
||
},
|
||
computedItems: function computedItems() {
|
||
var items = this.filteredItems.slice();
|
||
|
||
if (!this.disableSort && this.serverItemsLength <= 0) {
|
||
items = this.sortItems(items);
|
||
}
|
||
|
||
if (!this.disablePagination && this.serverItemsLength <= 0) {
|
||
items = this.paginateItems(items);
|
||
}
|
||
|
||
return items;
|
||
},
|
||
groupedItems: function groupedItems() {
|
||
return this.isGrouped ? this.groupItems(this.computedItems) : null;
|
||
},
|
||
scopedProps: function scopedProps() {
|
||
var props = {
|
||
sort: this.sort,
|
||
sortArray: this.sortArray,
|
||
group: this.group,
|
||
items: this.computedItems,
|
||
options: this.internalOptions,
|
||
updateOptions: this.updateOptions,
|
||
pagination: this.pagination,
|
||
groupedItems: this.groupedItems,
|
||
originalItemsLength: this.items.length
|
||
};
|
||
return props;
|
||
},
|
||
computedOptions: function computedOptions() {
|
||
return __assign({}, this.options);
|
||
}
|
||
},
|
||
watch: {
|
||
computedOptions: {
|
||
handler: function handler(options, old) {
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(options, old)) return;
|
||
this.updateOptions(options);
|
||
},
|
||
deep: true,
|
||
immediate: true
|
||
},
|
||
internalOptions: {
|
||
handler: function handler(options, old) {
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(options, old)) return;
|
||
this.$emit('update:options', options);
|
||
},
|
||
deep: true,
|
||
immediate: true
|
||
},
|
||
page: function page(_page) {
|
||
this.updateOptions({
|
||
page: _page
|
||
});
|
||
},
|
||
'internalOptions.page': function internalOptionsPage(page) {
|
||
this.$emit('update:page', page);
|
||
},
|
||
itemsPerPage: function itemsPerPage(_itemsPerPage) {
|
||
this.updateOptions({
|
||
itemsPerPage: _itemsPerPage
|
||
});
|
||
},
|
||
'internalOptions.itemsPerPage': function internalOptionsItemsPerPage(itemsPerPage) {
|
||
this.$emit('update:items-per-page', itemsPerPage);
|
||
},
|
||
sortBy: function sortBy(_sortBy) {
|
||
this.updateOptions({
|
||
sortBy: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["wrapInArray"])(_sortBy)
|
||
});
|
||
},
|
||
'internalOptions.sortBy': function internalOptionsSortBy(sortBy, old) {
|
||
!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(sortBy, old) && this.$emit('update:sort-by', Array.isArray(this.sortBy) ? sortBy : sortBy[0]);
|
||
},
|
||
sortDesc: function sortDesc(_sortDesc) {
|
||
this.updateOptions({
|
||
sortDesc: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["wrapInArray"])(_sortDesc)
|
||
});
|
||
},
|
||
'internalOptions.sortDesc': function internalOptionsSortDesc(sortDesc, old) {
|
||
!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(sortDesc, old) && this.$emit('update:sort-desc', Array.isArray(this.sortDesc) ? sortDesc : sortDesc[0]);
|
||
},
|
||
groupBy: function groupBy(_groupBy) {
|
||
this.updateOptions({
|
||
groupBy: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["wrapInArray"])(_groupBy)
|
||
});
|
||
},
|
||
'internalOptions.groupBy': function internalOptionsGroupBy(groupBy, old) {
|
||
!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(groupBy, old) && this.$emit('update:group-by', Array.isArray(this.groupBy) ? groupBy : groupBy[0]);
|
||
},
|
||
groupDesc: function groupDesc(_groupDesc) {
|
||
this.updateOptions({
|
||
groupDesc: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["wrapInArray"])(_groupDesc)
|
||
});
|
||
},
|
||
'internalOptions.groupDesc': function internalOptionsGroupDesc(groupDesc, old) {
|
||
!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(groupDesc, old) && this.$emit('update:group-desc', Array.isArray(this.groupDesc) ? groupDesc : groupDesc[0]);
|
||
},
|
||
multiSort: function multiSort(_multiSort) {
|
||
this.updateOptions({
|
||
multiSort: _multiSort
|
||
});
|
||
},
|
||
'internalOptions.multiSort': function internalOptionsMultiSort(multiSort) {
|
||
this.$emit('update:multi-sort', multiSort);
|
||
},
|
||
mustSort: function mustSort(_mustSort) {
|
||
this.updateOptions({
|
||
mustSort: _mustSort
|
||
});
|
||
},
|
||
'internalOptions.mustSort': function internalOptionsMustSort(mustSort) {
|
||
this.$emit('update:must-sort', mustSort);
|
||
},
|
||
pageCount: {
|
||
handler: function handler(pageCount) {
|
||
this.$emit('page-count', pageCount);
|
||
},
|
||
immediate: true
|
||
},
|
||
computedItems: {
|
||
handler: function handler(computedItems) {
|
||
this.$emit('current-items', computedItems);
|
||
},
|
||
immediate: true
|
||
},
|
||
pagination: {
|
||
handler: function handler(pagination, old) {
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(pagination, old)) return;
|
||
this.$emit('pagination', this.pagination);
|
||
},
|
||
immediate: true
|
||
}
|
||
},
|
||
methods: {
|
||
toggle: function toggle(key, oldBy, oldDesc, page, mustSort, multiSort) {
|
||
var by = oldBy.slice();
|
||
var desc = oldDesc.slice();
|
||
var byIndex = by.findIndex(function (k) {
|
||
return k === key;
|
||
});
|
||
|
||
if (byIndex < 0) {
|
||
if (!multiSort) {
|
||
by = [];
|
||
desc = [];
|
||
}
|
||
|
||
by.push(key);
|
||
desc.push(false);
|
||
} else if (byIndex >= 0 && !desc[byIndex]) {
|
||
desc[byIndex] = true;
|
||
} else if (!mustSort) {
|
||
by.splice(byIndex, 1);
|
||
desc.splice(byIndex, 1);
|
||
} else {
|
||
desc[byIndex] = false;
|
||
} // Reset page to 1 if sortBy or sortDesc have changed
|
||
|
||
|
||
if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(by, oldBy) || !Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["deepEqual"])(desc, oldDesc)) {
|
||
page = 1;
|
||
}
|
||
|
||
return {
|
||
by: by,
|
||
desc: desc,
|
||
page: page
|
||
};
|
||
},
|
||
group: function group(key) {
|
||
var _a = this.toggle(key, this.internalOptions.groupBy, this.internalOptions.groupDesc, this.internalOptions.page, true, false),
|
||
groupBy = _a.by,
|
||
groupDesc = _a.desc,
|
||
page = _a.page;
|
||
|
||
this.updateOptions({
|
||
groupBy: groupBy,
|
||
groupDesc: groupDesc,
|
||
page: page
|
||
});
|
||
},
|
||
sort: function sort(key) {
|
||
if (Array.isArray(key)) return this.sortArray(key);
|
||
|
||
var _a = this.toggle(key, this.internalOptions.sortBy, this.internalOptions.sortDesc, this.internalOptions.page, this.mustSort, this.multiSort),
|
||
sortBy = _a.by,
|
||
sortDesc = _a.desc,
|
||
page = _a.page;
|
||
|
||
this.updateOptions({
|
||
sortBy: sortBy,
|
||
sortDesc: sortDesc,
|
||
page: page
|
||
});
|
||
},
|
||
sortArray: function sortArray(sortBy) {
|
||
var _this = this;
|
||
|
||
var sortDesc = sortBy.map(function (s) {
|
||
var i = _this.internalOptions.sortBy.findIndex(function (k) {
|
||
return k === s;
|
||
});
|
||
|
||
return i > -1 ? _this.internalOptions.sortDesc[i] : false;
|
||
});
|
||
this.updateOptions({
|
||
sortBy: sortBy,
|
||
sortDesc: sortDesc
|
||
});
|
||
},
|
||
updateOptions: function updateOptions(options) {
|
||
this.internalOptions = __assign({}, this.internalOptions, options, {
|
||
page: this.serverItemsLength < 0 ? Math.max(1, Math.min(options.page || this.internalOptions.page, this.pageCount)) : options.page || this.internalOptions.page
|
||
});
|
||
},
|
||
sortItems: function sortItems(items) {
|
||
var sortBy = this.internalOptions.sortBy;
|
||
var sortDesc = this.internalOptions.sortDesc;
|
||
|
||
if (this.internalOptions.groupBy.length) {
|
||
sortBy = __spread(this.internalOptions.groupBy, sortBy);
|
||
sortDesc = __spread(this.internalOptions.groupDesc, sortDesc);
|
||
}
|
||
|
||
return this.customSort(items, sortBy, sortDesc, this.locale);
|
||
},
|
||
groupItems: function groupItems(items) {
|
||
return this.customGroup(items, this.internalOptions.groupBy, this.internalOptions.groupDesc);
|
||
},
|
||
paginateItems: function paginateItems(items) {
|
||
// Make sure we don't try to display non-existant page if items suddenly change
|
||
// TODO: Could possibly move this to pageStart/pageStop?
|
||
if (this.serverItemsLength === -1 && items.length <= this.pageStart) {
|
||
this.internalOptions.page = Math.max(1, this.internalOptions.page - 1);
|
||
}
|
||
|
||
return items.slice(this.pageStart, this.pageStop);
|
||
}
|
||
},
|
||
render: function render() {
|
||
return this.$scopedSlots.default && this.$scopedSlots.default(this.scopedProps);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VData/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VData/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VData, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VData__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VData */ "./src/components/VData/VData.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VData", function() { return _VData__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VData__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataIterator/VDataFooter.sass":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VDataIterator/VDataFooter.sass ***!
|
||
\*******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataIterator/VDataFooter.ts":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VDataIterator/VDataFooter.ts ***!
|
||
\*****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDataFooter_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDataFooter.sass */ "./src/components/VDataIterator/VDataFooter.sass");
|
||
/* harmony import */ var _VDataFooter_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDataFooter_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSelect/VSelect */ "./src/components/VSelect/VSelect.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_4__);
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
// Components
|
||
|
||
|
||
|
||
// Types
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_4___default.a.extend({
|
||
name: 'v-data-footer',
|
||
props: {
|
||
options: {
|
||
type: Object,
|
||
required: true
|
||
},
|
||
pagination: {
|
||
type: Object,
|
||
required: true
|
||
},
|
||
itemsPerPageOptions: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [5, 10, 15, -1];
|
||
}
|
||
},
|
||
prevIcon: {
|
||
type: String,
|
||
default: '$prev'
|
||
},
|
||
nextIcon: {
|
||
type: String,
|
||
default: '$next'
|
||
},
|
||
firstIcon: {
|
||
type: String,
|
||
default: '$first'
|
||
},
|
||
lastIcon: {
|
||
type: String,
|
||
default: '$last'
|
||
},
|
||
itemsPerPageText: {
|
||
type: String,
|
||
default: '$vuetify.dataFooter.itemsPerPageText'
|
||
},
|
||
itemsPerPageAllText: {
|
||
type: String,
|
||
default: '$vuetify.dataFooter.itemsPerPageAll'
|
||
},
|
||
showFirstLastPage: Boolean,
|
||
showCurrentPage: Boolean,
|
||
disablePagination: Boolean,
|
||
disableItemsPerPage: Boolean,
|
||
pageText: {
|
||
type: String,
|
||
default: '$vuetify.dataFooter.pageText'
|
||
}
|
||
},
|
||
computed: {
|
||
disableNextPageIcon: function disableNextPageIcon() {
|
||
return this.options.itemsPerPage <= 0 || this.options.page * this.options.itemsPerPage >= this.pagination.itemsLength || this.pagination.pageStop < 0;
|
||
},
|
||
computedDataItemsPerPageOptions: function computedDataItemsPerPageOptions() {
|
||
var _this = this;
|
||
|
||
return this.itemsPerPageOptions.map(function (option) {
|
||
if (_typeof(option) === 'object') return option;else return _this.genDataItemsPerPageOption(option);
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
updateOptions: function updateOptions(obj) {
|
||
this.$emit('update:options', Object.assign({}, this.options, obj));
|
||
},
|
||
onFirstPage: function onFirstPage() {
|
||
this.updateOptions({
|
||
page: 1
|
||
});
|
||
},
|
||
onPreviousPage: function onPreviousPage() {
|
||
this.updateOptions({
|
||
page: this.options.page - 1
|
||
});
|
||
},
|
||
onNextPage: function onNextPage() {
|
||
this.updateOptions({
|
||
page: this.options.page + 1
|
||
});
|
||
},
|
||
onLastPage: function onLastPage() {
|
||
this.updateOptions({
|
||
page: this.pagination.pageCount
|
||
});
|
||
},
|
||
onChangeItemsPerPage: function onChangeItemsPerPage(itemsPerPage) {
|
||
this.updateOptions({
|
||
itemsPerPage: itemsPerPage,
|
||
page: 1
|
||
});
|
||
},
|
||
genDataItemsPerPageOption: function genDataItemsPerPageOption(option) {
|
||
return {
|
||
text: option === -1 ? this.$vuetify.lang.t(this.itemsPerPageAllText) : String(option),
|
||
value: option
|
||
};
|
||
},
|
||
genItemsPerPageSelect: function genItemsPerPageSelect() {
|
||
var value = this.options.itemsPerPage;
|
||
var computedIPPO = this.computedDataItemsPerPageOptions;
|
||
if (computedIPPO.length <= 1) return null;
|
||
if (!computedIPPO.find(function (ippo) {
|
||
return ippo.value === value;
|
||
})) value = computedIPPO[0];
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-data-footer__select'
|
||
}, [this.$vuetify.lang.t(this.itemsPerPageText), this.$createElement(_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
attrs: {
|
||
'aria-label': this.itemsPerPageText
|
||
},
|
||
props: {
|
||
disabled: this.disableItemsPerPage,
|
||
items: computedIPPO,
|
||
value: value,
|
||
hideDetails: true,
|
||
auto: true,
|
||
minWidth: '75px'
|
||
},
|
||
on: {
|
||
input: this.onChangeItemsPerPage
|
||
}
|
||
})]);
|
||
},
|
||
genPaginationInfo: function genPaginationInfo() {
|
||
var children = ['–'];
|
||
|
||
if (this.pagination.itemsLength && this.pagination.itemsPerPage) {
|
||
var itemsLength = this.pagination.itemsLength;
|
||
var pageStart = this.pagination.pageStart + 1;
|
||
var pageStop = itemsLength < this.pagination.pageStop || this.pagination.pageStop < 0 ? itemsLength : this.pagination.pageStop;
|
||
children = this.$scopedSlots['page-text'] ? [this.$scopedSlots['page-text']({
|
||
pageStart: pageStart,
|
||
pageStop: pageStop,
|
||
itemsLength: itemsLength
|
||
})] : [this.$vuetify.lang.t(this.pageText, pageStart, pageStop, itemsLength)];
|
||
}
|
||
|
||
return this.$createElement('div', {
|
||
class: 'v-data-footer__pagination'
|
||
}, children);
|
||
},
|
||
genIcon: function genIcon(click, disabled, label, icon) {
|
||
return this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
disabled: disabled || this.disablePagination,
|
||
icon: true,
|
||
text: true
|
||
},
|
||
on: {
|
||
click: click
|
||
},
|
||
attrs: {
|
||
'aria-label': label
|
||
}
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], icon)]);
|
||
},
|
||
genIcons: function genIcons() {
|
||
var before = [];
|
||
var after = [];
|
||
before.push(this.genIcon(this.onPreviousPage, this.options.page === 1, this.$vuetify.lang.t('$vuetify.dataFooter.prevPage'), this.$vuetify.rtl ? this.nextIcon : this.prevIcon));
|
||
after.push(this.genIcon(this.onNextPage, this.disableNextPageIcon, this.$vuetify.lang.t('$vuetify.dataFooter.nextPage'), this.$vuetify.rtl ? this.prevIcon : this.nextIcon));
|
||
|
||
if (this.showFirstLastPage) {
|
||
before.unshift(this.genIcon(this.onFirstPage, this.options.page === 1, this.$vuetify.lang.t('$vuetify.dataFooter.firstPage'), this.$vuetify.rtl ? this.lastIcon : this.firstIcon));
|
||
after.push(this.genIcon(this.onLastPage, this.options.page >= this.pagination.pageCount || this.options.itemsPerPage === -1, this.$vuetify.lang.t('$vuetify.dataFooter.lastPage'), this.$vuetify.rtl ? this.firstIcon : this.lastIcon));
|
||
}
|
||
|
||
return [this.$createElement('div', {
|
||
staticClass: 'v-data-footer__icons-before'
|
||
}, before), this.showCurrentPage && this.$createElement('span', [this.options.page.toString()]), this.$createElement('div', {
|
||
staticClass: 'v-data-footer__icons-after'
|
||
}, after)];
|
||
}
|
||
},
|
||
render: function render() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-data-footer'
|
||
}, [this.genItemsPerPageSelect(), this.genPaginationInfo(), this.genIcons()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataIterator/VDataIterator.ts":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VDataIterator/VDataIterator.ts ***!
|
||
\*******************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VData__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VData */ "./src/components/VData/index.ts");
|
||
/* harmony import */ var _VDataFooter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VDataFooter */ "./src/components/VDataIterator/VDataFooter.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
}; // Components
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
// Helpers
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"].extend({
|
||
name: 'v-data-iterator',
|
||
props: __assign({}, _VData__WEBPACK_IMPORTED_MODULE_0__["VData"].options.props, {
|
||
itemKey: {
|
||
type: String,
|
||
default: 'id'
|
||
},
|
||
value: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
singleSelect: Boolean,
|
||
expanded: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
mobileBreakpoint: {
|
||
type: [Number, String],
|
||
default: 600
|
||
},
|
||
singleExpand: Boolean,
|
||
loading: [Boolean, String],
|
||
noResultsText: {
|
||
type: String,
|
||
default: '$vuetify.dataIterator.noResultsText'
|
||
},
|
||
noDataText: {
|
||
type: String,
|
||
default: '$vuetify.noDataText'
|
||
},
|
||
loadingText: {
|
||
type: String,
|
||
default: '$vuetify.dataIterator.loadingText'
|
||
},
|
||
hideDefaultFooter: Boolean,
|
||
footerProps: Object,
|
||
selectableKey: {
|
||
type: String,
|
||
default: 'isSelectable'
|
||
}
|
||
}),
|
||
data: function data() {
|
||
return {
|
||
selection: {},
|
||
expansion: {},
|
||
internalCurrentItems: []
|
||
};
|
||
},
|
||
computed: {
|
||
everyItem: function everyItem() {
|
||
var _this = this;
|
||
|
||
return !!this.selectableItems.length && this.selectableItems.every(function (i) {
|
||
return _this.isSelected(i);
|
||
});
|
||
},
|
||
someItems: function someItems() {
|
||
var _this = this;
|
||
|
||
return this.selectableItems.some(function (i) {
|
||
return _this.isSelected(i);
|
||
});
|
||
},
|
||
sanitizedFooterProps: function sanitizedFooterProps() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["camelizeObjectKeys"])(this.footerProps);
|
||
},
|
||
selectableItems: function selectableItems() {
|
||
var _this = this;
|
||
|
||
return this.internalCurrentItems.filter(function (item) {
|
||
return _this.isSelectable(item);
|
||
});
|
||
},
|
||
isMobile: function isMobile() {
|
||
// Guard against SSR render
|
||
// https://github.com/vuetifyjs/vuetify/issues/7410
|
||
if (this.$vuetify.breakpoint.width === 0) return false;
|
||
return this.$vuetify.breakpoint.width < parseInt(this.mobileBreakpoint, 10);
|
||
}
|
||
},
|
||
watch: {
|
||
value: {
|
||
handler: function handler(value) {
|
||
var _this = this;
|
||
|
||
this.selection = value.reduce(function (selection, item) {
|
||
selection[Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(item, _this.itemKey)] = item;
|
||
return selection;
|
||
}, {});
|
||
},
|
||
immediate: true
|
||
},
|
||
selection: function selection(value, old) {
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["deepEqual"])(Object.keys(value), Object.keys(old))) return;
|
||
this.$emit('input', Object.values(value));
|
||
},
|
||
expanded: {
|
||
handler: function handler(value) {
|
||
var _this = this;
|
||
|
||
this.expansion = value.reduce(function (expansion, item) {
|
||
expansion[Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(item, _this.itemKey)] = true;
|
||
return expansion;
|
||
}, {});
|
||
},
|
||
immediate: true
|
||
},
|
||
expansion: function expansion(value, old) {
|
||
var _this = this;
|
||
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["deepEqual"])(value, old)) return;
|
||
var keys = Object.keys(value).filter(function (k) {
|
||
return value[k];
|
||
});
|
||
var expanded = !keys.length ? [] : this.items.filter(function (i) {
|
||
return keys.includes(String(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(i, _this.itemKey)));
|
||
});
|
||
this.$emit('update:expanded', expanded);
|
||
}
|
||
},
|
||
created: function created() {
|
||
var _this = this;
|
||
|
||
var breakingProps = [['disable-initial-sort', 'sort-by'], ['filter', 'custom-filter'], ['pagination', 'options'], ['total-items', 'server-items-length'], ['hide-actions', 'hide-default-footer'], ['rows-per-page-items', 'footer-props.items-per-page-options'], ['rows-per-page-text', 'footer-props.items-per-page-text'], ['prev-icon', 'footer-props.prev-icon'], ['next-icon', 'footer-props.next-icon']];
|
||
/* istanbul ignore next */
|
||
|
||
breakingProps.forEach(function (_a) {
|
||
var _b = __read(_a, 2),
|
||
original = _b[0],
|
||
replacement = _b[1];
|
||
|
||
if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["breaking"])(original, replacement, _this);
|
||
});
|
||
var removedProps = ['expand', 'content-class', 'content-props', 'content-tag'];
|
||
/* istanbul ignore next */
|
||
|
||
removedProps.forEach(function (prop) {
|
||
if (_this.$attrs.hasOwnProperty(prop)) Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["removed"])(prop);
|
||
});
|
||
},
|
||
methods: {
|
||
toggleSelectAll: function toggleSelectAll(value) {
|
||
var selection = Object.assign({}, this.selection);
|
||
|
||
for (var i = 0; i < this.selectableItems.length; i++) {
|
||
var item = this.selectableItems[i];
|
||
if (!this.isSelectable(item)) continue;
|
||
var key = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(item, this.itemKey);
|
||
if (value) selection[key] = item;else delete selection[key];
|
||
}
|
||
|
||
this.selection = selection;
|
||
this.$emit('toggle-select-all', {
|
||
items: this.internalCurrentItems,
|
||
value: value
|
||
});
|
||
},
|
||
isSelectable: function isSelectable(item) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(item, this.selectableKey) !== false;
|
||
},
|
||
isSelected: function isSelected(item) {
|
||
return !!this.selection[Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(item, this.itemKey)] || false;
|
||
},
|
||
select: function select(item, value, emit) {
|
||
if (value === void 0) {
|
||
value = true;
|
||
}
|
||
|
||
if (emit === void 0) {
|
||
emit = true;
|
||
}
|
||
|
||
if (!this.isSelectable(item)) return;
|
||
var selection = this.singleSelect ? {} : Object.assign({}, this.selection);
|
||
var key = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(item, this.itemKey);
|
||
if (value) selection[key] = item;else delete selection[key];
|
||
|
||
if (this.singleSelect && emit) {
|
||
var keys = Object.keys(this.selection);
|
||
var old = keys.length && Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(this.selection[keys[0]], this.itemKey);
|
||
old && old !== key && this.$emit('item-selected', {
|
||
item: this.selection[old],
|
||
value: false
|
||
});
|
||
}
|
||
|
||
this.selection = selection;
|
||
emit && this.$emit('item-selected', {
|
||
item: item,
|
||
value: value
|
||
});
|
||
},
|
||
isExpanded: function isExpanded(item) {
|
||
return this.expansion[Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(item, this.itemKey)] || false;
|
||
},
|
||
expand: function expand(item, value) {
|
||
if (value === void 0) {
|
||
value = true;
|
||
}
|
||
|
||
var expansion = this.singleExpand ? {} : Object.assign({}, this.expansion);
|
||
var key = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getObjectValueByPath"])(item, this.itemKey);
|
||
if (value) expansion[key] = true;else delete expansion[key];
|
||
this.expansion = expansion;
|
||
this.$emit('item-expanded', {
|
||
item: item,
|
||
value: value
|
||
});
|
||
},
|
||
createItemProps: function createItemProps(item) {
|
||
var _this = this;
|
||
|
||
return {
|
||
item: item,
|
||
select: function select(v) {
|
||
return _this.select(item, v);
|
||
},
|
||
isSelected: this.isSelected(item),
|
||
expand: function expand(v) {
|
||
return _this.expand(item, v);
|
||
},
|
||
isExpanded: this.isExpanded(item),
|
||
isMobile: this.isMobile
|
||
};
|
||
},
|
||
genEmptyWrapper: function genEmptyWrapper(content) {
|
||
return this.$createElement('div', content);
|
||
},
|
||
genEmpty: function genEmpty(originalItemsLength, filteredItemsLength) {
|
||
if (originalItemsLength === 0 && this.loading) {
|
||
var loading = this.$slots['loading'] || this.$vuetify.lang.t(this.loadingText);
|
||
return this.genEmptyWrapper(loading);
|
||
} else if (originalItemsLength === 0) {
|
||
var noData = this.$slots['no-data'] || this.$vuetify.lang.t(this.noDataText);
|
||
return this.genEmptyWrapper(noData);
|
||
} else if (filteredItemsLength === 0) {
|
||
var noResults = this.$slots['no-results'] || this.$vuetify.lang.t(this.noResultsText);
|
||
return this.genEmptyWrapper(noResults);
|
||
}
|
||
|
||
return null;
|
||
},
|
||
genItems: function genItems(props) {
|
||
var _this = this;
|
||
|
||
var empty = this.genEmpty(props.originalItemsLength, props.pagination.itemsLength);
|
||
if (empty) return [empty];
|
||
|
||
if (this.$scopedSlots.default) {
|
||
return this.$scopedSlots.default(__assign({}, props, {
|
||
isSelected: this.isSelected,
|
||
select: this.select,
|
||
isExpanded: this.isExpanded,
|
||
expand: this.expand
|
||
}));
|
||
}
|
||
|
||
if (this.$scopedSlots.item) {
|
||
return props.items.map(function (item) {
|
||
return _this.$scopedSlots.item(_this.createItemProps(item));
|
||
});
|
||
}
|
||
|
||
return [];
|
||
},
|
||
genFooter: function genFooter(props) {
|
||
if (this.hideDefaultFooter) return null;
|
||
var data = {
|
||
props: __assign({}, this.sanitizedFooterProps, {
|
||
options: props.options,
|
||
pagination: props.pagination
|
||
}),
|
||
on: {
|
||
'update:options': function updateOptions(value) {
|
||
return props.updateOptions(value);
|
||
}
|
||
}
|
||
};
|
||
var scopedSlots = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getPrefixedScopedSlots"])('footer.', this.$scopedSlots);
|
||
return this.$createElement(_VDataFooter__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({
|
||
scopedSlots: scopedSlots
|
||
}, data));
|
||
},
|
||
genDefaultScopedSlot: function genDefaultScopedSlot(props) {
|
||
var outerProps = __assign({}, props, {
|
||
someItems: this.someItems,
|
||
everyItem: this.everyItem,
|
||
toggleSelectAll: this.toggleSelectAll
|
||
});
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-data-iterator'
|
||
}, [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'header', outerProps, true), this.genItems(props), this.genFooter(props), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'footer', outerProps, true)]);
|
||
}
|
||
},
|
||
render: function render() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VData__WEBPACK_IMPORTED_MODULE_0__["VData"], {
|
||
props: this.$props,
|
||
on: {
|
||
'update:options': function updateOptions(v, old) {
|
||
return !Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["deepEqual"])(v, old) && _this.$emit('update:options', v);
|
||
},
|
||
'update:page': function updatePage(v) {
|
||
return _this.$emit('update:page', v);
|
||
},
|
||
'update:items-per-page': function updateItemsPerPage(v) {
|
||
return _this.$emit('update:items-per-page', v);
|
||
},
|
||
'update:sort-by': function updateSortBy(v) {
|
||
return _this.$emit('update:sort-by', v);
|
||
},
|
||
'update:sort-desc': function updateSortDesc(v) {
|
||
return _this.$emit('update:sort-desc', v);
|
||
},
|
||
'update:group-by': function updateGroupBy(v) {
|
||
return _this.$emit('update:group-by', v);
|
||
},
|
||
'update:group-desc': function updateGroupDesc(v) {
|
||
return _this.$emit('update:group-desc', v);
|
||
},
|
||
pagination: function pagination(v, old) {
|
||
return !Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["deepEqual"])(v, old) && _this.$emit('pagination', v);
|
||
},
|
||
'current-items': function currentItems(v) {
|
||
_this.internalCurrentItems = v;
|
||
|
||
_this.$emit('current-items', v);
|
||
},
|
||
'page-count': function pageCount(v) {
|
||
return _this.$emit('page-count', v);
|
||
}
|
||
},
|
||
scopedSlots: {
|
||
default: this.genDefaultScopedSlot
|
||
}
|
||
});
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataIterator/index.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VDataIterator/index.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: VDataIterator, VDataFooter, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDataIterator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDataIterator */ "./src/components/VDataIterator/VDataIterator.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDataIterator", function() { return _VDataIterator__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VDataFooter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VDataFooter */ "./src/components/VDataIterator/VDataFooter.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDataFooter", function() { return _VDataFooter__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VDataIterator: _VDataIterator__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VDataFooter: _VDataFooter__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/MobileRow.ts":
|
||
/*!************************************************!*\
|
||
!*** ./src/components/VDataTable/MobileRow.ts ***!
|
||
\************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'row',
|
||
functional: true,
|
||
props: {
|
||
headers: Array,
|
||
item: Object,
|
||
rtl: Boolean
|
||
},
|
||
render: function render(h, _a) {
|
||
var props = _a.props,
|
||
slots = _a.slots,
|
||
data = _a.data;
|
||
var computedSlots = slots();
|
||
var columns = props.headers.map(function (header) {
|
||
var classes = {
|
||
'v-data-table__mobile-row': true
|
||
};
|
||
var children = [];
|
||
var value = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getObjectValueByPath"])(props.item, header.value);
|
||
var slotName = header.value;
|
||
var scopedSlot = data.scopedSlots && data.scopedSlots[slotName];
|
||
var regularSlot = computedSlots[slotName];
|
||
|
||
if (scopedSlot) {
|
||
children.push(scopedSlot({
|
||
item: props.item,
|
||
header: header,
|
||
value: value
|
||
}));
|
||
} else if (regularSlot) {
|
||
children.push(regularSlot);
|
||
} else {
|
||
children.push(value == null ? value : String(value));
|
||
}
|
||
|
||
var mobileRowChildren = [h('div', {
|
||
staticClass: 'v-data-table__mobile-row__cell'
|
||
}, children)];
|
||
|
||
if (header.value !== 'dataTableSelect') {
|
||
mobileRowChildren.unshift(h('div', {
|
||
staticClass: 'v-data-table__mobile-row__header'
|
||
}, [header.text]));
|
||
}
|
||
|
||
return h('td', {
|
||
class: classes
|
||
}, mobileRowChildren);
|
||
});
|
||
return h('tr', __assign({}, data, {
|
||
staticClass: 'v-data-table__mobile-table-row'
|
||
}), columns);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/Row.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VDataTable/Row.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
// Types
|
||
// Utils
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'row',
|
||
functional: true,
|
||
props: {
|
||
headers: Array,
|
||
item: Object,
|
||
rtl: Boolean
|
||
},
|
||
render: function render(h, _a) {
|
||
var props = _a.props,
|
||
slots = _a.slots,
|
||
data = _a.data;
|
||
var computedSlots = slots();
|
||
var columns = props.headers.map(function (header) {
|
||
var _a;
|
||
|
||
var children = [];
|
||
var value = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getObjectValueByPath"])(props.item, header.value);
|
||
var slotName = header.value;
|
||
var scopedSlot = data.scopedSlots && data.scopedSlots[slotName];
|
||
var regularSlot = computedSlots[slotName];
|
||
|
||
if (scopedSlot) {
|
||
children.push(scopedSlot({
|
||
item: props.item,
|
||
header: header,
|
||
value: value
|
||
}));
|
||
} else if (regularSlot) {
|
||
children.push(regularSlot);
|
||
} else {
|
||
children.push(value == null ? value : String(value));
|
||
}
|
||
|
||
var textAlign = "text-" + (header.align || 'start');
|
||
return h('td', {
|
||
class: (_a = {}, _a[textAlign] = true, _a['v-data-table__divider'] = header.divider, _a)
|
||
}, children);
|
||
});
|
||
return h('tr', data, columns);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/RowGroup.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VDataTable/RowGroup.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'row-group',
|
||
functional: true,
|
||
props: {
|
||
value: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
headerClass: {
|
||
type: String,
|
||
default: 'v-row-group__header'
|
||
},
|
||
contentClass: String,
|
||
summaryClass: {
|
||
type: String,
|
||
default: 'v-row-group__summary'
|
||
}
|
||
},
|
||
render: function render(h, _a) {
|
||
var slots = _a.slots,
|
||
props = _a.props;
|
||
var computedSlots = slots();
|
||
var children = [];
|
||
|
||
if (computedSlots['column.header']) {
|
||
children.push(h('tr', {
|
||
staticClass: props.headerClass
|
||
}, computedSlots['column.header']));
|
||
} else if (computedSlots['row.header']) {
|
||
children.push.apply(children, __spread(computedSlots['row.header']));
|
||
}
|
||
|
||
if (computedSlots['row.content'] && props.value) children.push.apply(children, __spread(computedSlots['row.content']));
|
||
|
||
if (computedSlots['column.summary']) {
|
||
children.push(h('tr', {
|
||
staticClass: props.summaryClass
|
||
}, computedSlots['column.summary']));
|
||
} else if (computedSlots['row.summary']) {
|
||
children.push.apply(children, __spread(computedSlots['row.summary']));
|
||
}
|
||
|
||
return children;
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VDataTable.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VDataTable/VDataTable.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VDataTable.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VDataTable/VDataTable.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDataTable_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDataTable.sass */ "./src/components/VDataTable/VDataTable.sass");
|
||
/* harmony import */ var _VDataTable_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDataTable_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VData__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VData */ "./src/components/VData/index.ts");
|
||
/* harmony import */ var _VDataIterator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VDataIterator */ "./src/components/VDataIterator/index.ts");
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _VDataTableHeader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VDataTableHeader */ "./src/components/VDataTable/VDataTableHeader.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VProgressLinear__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../VProgressLinear */ "./src/components/VProgressLinear/index.ts");
|
||
/* harmony import */ var _Row__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Row */ "./src/components/VDataTable/Row.ts");
|
||
/* harmony import */ var _RowGroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./RowGroup */ "./src/components/VDataTable/RowGroup.ts");
|
||
/* harmony import */ var _VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../VCheckbox/VSimpleCheckbox */ "./src/components/VCheckbox/VSimpleCheckbox.ts");
|
||
/* harmony import */ var _VSimpleTable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./VSimpleTable */ "./src/components/VDataTable/VSimpleTable.ts");
|
||
/* harmony import */ var _MobileRow__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MobileRow */ "./src/components/VDataTable/MobileRow.ts");
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
// Components
|
||
|
||
|
||
|
||
|
||
// import VVirtualTable from './VVirtualTable'
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Helpers
|
||
|
||
|
||
|
||
|
||
function filterFn(item, search, filter) {
|
||
return function (header) {
|
||
var value = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getObjectValueByPath"])(item, header.value);
|
||
return header.filter ? header.filter(value, search, item) : filter(value, search, item);
|
||
};
|
||
}
|
||
|
||
function searchTableItems(items, search, headersWithCustomFilters, headersWithoutCustomFilters, customFilter) {
|
||
var filtered = items;
|
||
search = typeof search === 'string' ? search.trim() : null;
|
||
|
||
if (search && headersWithoutCustomFilters.length) {
|
||
filtered = items.filter(function (item) {
|
||
return headersWithoutCustomFilters.some(filterFn(item, search, customFilter));
|
||
});
|
||
}
|
||
|
||
if (headersWithCustomFilters.length) {
|
||
filtered = filtered.filter(function (item) {
|
||
return headersWithCustomFilters.every(filterFn(item, search, _util_helpers__WEBPACK_IMPORTED_MODULE_13__["defaultFilter"]));
|
||
});
|
||
}
|
||
|
||
return filtered;
|
||
}
|
||
/* @vue/component */
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VDataIterator__WEBPACK_IMPORTED_MODULE_2__["VDataIterator"].extend({
|
||
name: 'v-data-table',
|
||
// https://github.com/vuejs/vue/issues/6872
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_12__["default"]
|
||
},
|
||
props: {
|
||
headers: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
showSelect: Boolean,
|
||
showExpand: Boolean,
|
||
showGroupBy: Boolean,
|
||
// TODO: Fix
|
||
// virtualRows: Boolean,
|
||
height: [Number, String],
|
||
hideDefaultHeader: Boolean,
|
||
caption: String,
|
||
dense: Boolean,
|
||
headerProps: Object,
|
||
calculateWidths: Boolean,
|
||
fixedHeader: Boolean,
|
||
headersLength: Number,
|
||
expandIcon: {
|
||
type: String,
|
||
default: '$expand'
|
||
},
|
||
customFilter: {
|
||
type: Function,
|
||
default: _util_helpers__WEBPACK_IMPORTED_MODULE_13__["defaultFilter"]
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
internalGroupBy: [],
|
||
openCache: {},
|
||
widths: []
|
||
};
|
||
},
|
||
computed: {
|
||
computedHeaders: function computedHeaders() {
|
||
var _this = this;
|
||
|
||
if (!this.headers) return [];
|
||
var headers = this.headers.filter(function (h) {
|
||
return h.value === undefined || !_this.internalGroupBy.find(function (v) {
|
||
return v === h.value;
|
||
});
|
||
});
|
||
var defaultHeader = {
|
||
text: '',
|
||
sortable: false,
|
||
width: '1px'
|
||
};
|
||
|
||
if (this.showSelect) {
|
||
var index = headers.findIndex(function (h) {
|
||
return h.value === 'data-table-select';
|
||
});
|
||
if (index < 0) headers.unshift(__assign({}, defaultHeader, {
|
||
value: 'data-table-select'
|
||
}));else headers.splice(index, 1, __assign({}, defaultHeader, headers[index]));
|
||
}
|
||
|
||
if (this.showExpand) {
|
||
var index = headers.findIndex(function (h) {
|
||
return h.value === 'data-table-expand';
|
||
});
|
||
if (index < 0) headers.unshift(__assign({}, defaultHeader, {
|
||
value: 'data-table-expand'
|
||
}));else headers.splice(index, 1, __assign({}, defaultHeader, headers[index]));
|
||
}
|
||
|
||
return headers;
|
||
},
|
||
colspanAttrs: function colspanAttrs() {
|
||
return this.isMobile ? undefined : {
|
||
colspan: this.headersLength || this.computedHeaders.length
|
||
};
|
||
},
|
||
columnSorters: function columnSorters() {
|
||
return this.computedHeaders.reduce(function (acc, header) {
|
||
if (header.sort) acc[header.value] = header.sort;
|
||
return acc;
|
||
}, {});
|
||
},
|
||
headersWithCustomFilters: function headersWithCustomFilters() {
|
||
return this.headers.filter(function (header) {
|
||
return header.filter && (!header.hasOwnProperty('filterable') || header.filterable === true);
|
||
});
|
||
},
|
||
headersWithoutCustomFilters: function headersWithoutCustomFilters() {
|
||
return this.headers.filter(function (header) {
|
||
return !header.filter && (!header.hasOwnProperty('filterable') || header.filterable === true);
|
||
});
|
||
},
|
||
sanitizedHeaderProps: function sanitizedHeaderProps() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["camelizeObjectKeys"])(this.headerProps);
|
||
},
|
||
computedItemsPerPage: function computedItemsPerPage() {
|
||
var itemsPerPage = this.options && this.options.itemsPerPage ? this.options.itemsPerPage : this.itemsPerPage;
|
||
var itemsPerPageOptions = this.sanitizedFooterProps.itemsPerPageOptions;
|
||
|
||
if (itemsPerPageOptions && !itemsPerPageOptions.find(function (item) {
|
||
return typeof item === 'number' ? item === itemsPerPage : item.value === itemsPerPage;
|
||
})) {
|
||
var firstOption = itemsPerPageOptions[0];
|
||
return _typeof(firstOption) === 'object' ? firstOption.value : firstOption;
|
||
}
|
||
|
||
return itemsPerPage;
|
||
}
|
||
},
|
||
created: function created() {
|
||
var _this = this;
|
||
|
||
var breakingProps = [['sort-icon', 'header-props.sort-icon'], ['hide-headers', 'hide-default-header'], ['select-all', 'show-select']];
|
||
/* istanbul ignore next */
|
||
|
||
breakingProps.forEach(function (_a) {
|
||
var _b = __read(_a, 2),
|
||
original = _b[0],
|
||
replacement = _b[1];
|
||
|
||
if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_14__["breaking"])(original, replacement, _this);
|
||
});
|
||
},
|
||
mounted: function mounted() {
|
||
// if ((!this.sortBy || !this.sortBy.length) && (!this.options.sortBy || !this.options.sortBy.length)) {
|
||
// const firstSortable = this.headers.find(h => !('sortable' in h) || !!h.sortable)
|
||
// if (firstSortable) this.updateOptions({ sortBy: [firstSortable.value], sortDesc: [false] })
|
||
// }
|
||
if (this.calculateWidths) {
|
||
window.addEventListener('resize', this.calcWidths);
|
||
this.calcWidths();
|
||
}
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
if (this.calculateWidths) {
|
||
window.removeEventListener('resize', this.calcWidths);
|
||
}
|
||
},
|
||
methods: {
|
||
calcWidths: function calcWidths() {
|
||
this.widths = Array.from(this.$el.querySelectorAll('th')).map(function (e) {
|
||
return e.clientWidth;
|
||
});
|
||
},
|
||
customFilterWithColumns: function customFilterWithColumns(items, search) {
|
||
return searchTableItems(items, search, this.headersWithCustomFilters, this.headersWithoutCustomFilters, this.customFilter);
|
||
},
|
||
customSortWithHeaders: function customSortWithHeaders(items, sortBy, sortDesc, locale) {
|
||
return this.customSort(items, sortBy, sortDesc, locale, this.columnSorters);
|
||
},
|
||
createItemProps: function createItemProps(item) {
|
||
var props = _VDataIterator__WEBPACK_IMPORTED_MODULE_2__["VDataIterator"].options.methods.createItemProps.call(this, item);
|
||
return Object.assign(props, {
|
||
headers: this.computedHeaders
|
||
});
|
||
},
|
||
genCaption: function genCaption(props) {
|
||
if (this.caption) return [this.$createElement('caption', [this.caption])];
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'caption', props, true);
|
||
},
|
||
genColgroup: function genColgroup(props) {
|
||
var _this = this;
|
||
|
||
return this.$createElement('colgroup', this.computedHeaders.map(function (header) {
|
||
return _this.$createElement('col', {
|
||
class: {
|
||
divider: header.divider
|
||
}
|
||
});
|
||
}));
|
||
},
|
||
genLoading: function genLoading() {
|
||
var progress = this.$slots['progress'] ? this.$slots.progress : this.$createElement(_VProgressLinear__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
||
props: {
|
||
color: this.loading === true ? 'primary' : this.loading,
|
||
height: 2,
|
||
indeterminate: true
|
||
}
|
||
});
|
||
var th = this.$createElement('th', {
|
||
staticClass: 'column',
|
||
attrs: this.colspanAttrs
|
||
}, [progress]);
|
||
var tr = this.$createElement('tr', {
|
||
staticClass: 'v-data-table__progress'
|
||
}, [th]);
|
||
return this.$createElement('thead', [tr]);
|
||
},
|
||
genHeaders: function genHeaders(props) {
|
||
var data = {
|
||
props: __assign({}, this.sanitizedHeaderProps, {
|
||
headers: this.computedHeaders,
|
||
options: props.options,
|
||
mobile: this.isMobile,
|
||
showGroupBy: this.showGroupBy,
|
||
someItems: this.someItems,
|
||
everyItem: this.everyItem,
|
||
singleSelect: this.singleSelect,
|
||
disableSort: this.disableSort
|
||
}),
|
||
on: {
|
||
sort: props.sort,
|
||
group: props.group,
|
||
'toggle-select-all': this.toggleSelectAll
|
||
}
|
||
};
|
||
var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'header', data)];
|
||
|
||
if (!this.hideDefaultHeader) {
|
||
var scopedSlots = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getPrefixedScopedSlots"])('header.', this.$scopedSlots);
|
||
children.push(this.$createElement(_VDataTableHeader__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({}, data, {
|
||
scopedSlots: scopedSlots
|
||
})));
|
||
}
|
||
|
||
if (this.loading) children.push(this.genLoading());
|
||
return children;
|
||
},
|
||
genEmptyWrapper: function genEmptyWrapper(content) {
|
||
return this.$createElement('tr', {
|
||
staticClass: 'v-data-table__empty-wrapper'
|
||
}, [this.$createElement('td', {
|
||
attrs: this.colspanAttrs
|
||
}, content)]);
|
||
},
|
||
genItems: function genItems(items, props) {
|
||
var empty = this.genEmpty(props.originalItemsLength, props.pagination.itemsLength);
|
||
if (empty) return [empty];
|
||
return props.groupedItems ? this.genGroupedRows(props.groupedItems, props) : this.genRows(items, props);
|
||
},
|
||
genGroupedRows: function genGroupedRows(groupedItems, props) {
|
||
var _this = this;
|
||
|
||
return groupedItems.map(function (group) {
|
||
if (!_this.openCache.hasOwnProperty(group.name)) _this.$set(_this.openCache, group.name, true);
|
||
|
||
if (_this.$scopedSlots.group) {
|
||
return _this.$scopedSlots.group({
|
||
group: group.name,
|
||
options: props.options,
|
||
items: group.items,
|
||
headers: _this.computedHeaders
|
||
});
|
||
} else {
|
||
return _this.genDefaultGroupedRow(group.name, group.items, props);
|
||
}
|
||
});
|
||
},
|
||
genDefaultGroupedRow: function genDefaultGroupedRow(group, items, props) {
|
||
var _this = this;
|
||
|
||
var isOpen = !!this.openCache[group];
|
||
var children = [this.$createElement('template', {
|
||
slot: 'row.content'
|
||
}, this.genRows(items, props))];
|
||
|
||
var toggleFn = function toggleFn() {
|
||
return _this.$set(_this.openCache, group, !_this.openCache[group]);
|
||
};
|
||
|
||
var removeFn = function removeFn() {
|
||
return props.updateOptions({
|
||
groupBy: [],
|
||
groupDesc: []
|
||
});
|
||
};
|
||
|
||
if (this.$scopedSlots['group.header']) {
|
||
children.unshift(this.$createElement('template', {
|
||
slot: 'column.header'
|
||
}, [this.$scopedSlots['group.header']({
|
||
group: group,
|
||
groupBy: props.options.groupBy,
|
||
items: items,
|
||
headers: this.computedHeaders,
|
||
isOpen: isOpen,
|
||
toggle: toggleFn,
|
||
remove: removeFn
|
||
})]));
|
||
} else {
|
||
var toggle = this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
staticClass: 'ma-0',
|
||
props: {
|
||
icon: true,
|
||
small: true
|
||
},
|
||
on: {
|
||
click: toggleFn
|
||
}
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_5__["default"], [isOpen ? '$minus' : '$plus'])]);
|
||
var remove = this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
staticClass: 'ma-0',
|
||
props: {
|
||
icon: true,
|
||
small: true
|
||
},
|
||
on: {
|
||
click: removeFn
|
||
}
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_5__["default"], ['$close'])]);
|
||
var column = this.$createElement('td', {
|
||
staticClass: 'text-start',
|
||
attrs: this.colspanAttrs
|
||
}, [toggle, props.options.groupBy[0] + ": " + group, remove]);
|
||
children.unshift(this.$createElement('template', {
|
||
slot: 'column.header'
|
||
}, [column]));
|
||
}
|
||
|
||
if (this.$scopedSlots['group.summary']) {
|
||
children.push(this.$createElement('template', {
|
||
slot: 'column.summary'
|
||
}, [this.$scopedSlots['group.summary']({
|
||
group: group,
|
||
groupBy: props.options.groupBy,
|
||
items: items,
|
||
headers: this.computedHeaders
|
||
})]));
|
||
}
|
||
|
||
return this.$createElement(_RowGroup__WEBPACK_IMPORTED_MODULE_8__["default"], {
|
||
key: group,
|
||
props: {
|
||
value: isOpen
|
||
}
|
||
}, children);
|
||
},
|
||
genRows: function genRows(items, props) {
|
||
return this.$scopedSlots.item ? this.genScopedRows(items, props) : this.genDefaultRows(items, props);
|
||
},
|
||
genScopedRows: function genScopedRows(items, props) {
|
||
var rows = [];
|
||
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
rows.push(this.$scopedSlots.item(__assign({}, this.createItemProps(item), {
|
||
index: i
|
||
})));
|
||
|
||
if (this.isExpanded(item)) {
|
||
rows.push(this.$scopedSlots['expanded-item']({
|
||
item: item,
|
||
headers: this.computedHeaders
|
||
}));
|
||
}
|
||
}
|
||
|
||
return rows;
|
||
},
|
||
genDefaultRows: function genDefaultRows(items, props) {
|
||
var _this = this;
|
||
|
||
return this.$scopedSlots['expanded-item'] ? items.map(function (item) {
|
||
return _this.genDefaultExpandedRow(item);
|
||
}) : items.map(function (item) {
|
||
return _this.genDefaultSimpleRow(item);
|
||
});
|
||
},
|
||
genDefaultExpandedRow: function genDefaultExpandedRow(item) {
|
||
var isExpanded = this.isExpanded(item);
|
||
var classes = {
|
||
'v-data-table__expanded v-data-table__expanded__row': isExpanded
|
||
};
|
||
var headerRow = this.genDefaultSimpleRow(item, classes);
|
||
var expandedRow = this.$createElement('tr', {
|
||
staticClass: 'v-data-table__expanded v-data-table__expanded__content'
|
||
}, [this.$scopedSlots['expanded-item']({
|
||
item: item,
|
||
headers: this.computedHeaders
|
||
})]);
|
||
return this.$createElement(_RowGroup__WEBPACK_IMPORTED_MODULE_8__["default"], {
|
||
props: {
|
||
value: isExpanded
|
||
}
|
||
}, [this.$createElement('template', {
|
||
slot: 'row.header'
|
||
}, [headerRow]), this.$createElement('template', {
|
||
slot: 'row.content'
|
||
}, [expandedRow])]);
|
||
},
|
||
genDefaultSimpleRow: function genDefaultSimpleRow(item, classes) {
|
||
var _this = this;
|
||
|
||
if (classes === void 0) {
|
||
classes = {};
|
||
}
|
||
|
||
var scopedSlots = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getPrefixedScopedSlots"])('item.', this.$scopedSlots);
|
||
var data = this.createItemProps(item);
|
||
|
||
if (this.showSelect) {
|
||
var slot_1 = scopedSlots['data-table-select'];
|
||
scopedSlots['data-table-select'] = slot_1 ? function () {
|
||
return slot_1(data);
|
||
} : function () {
|
||
return _this.$createElement(_VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
||
staticClass: 'v-data-table__checkbox',
|
||
props: {
|
||
value: data.isSelected,
|
||
disabled: !_this.isSelectable(item)
|
||
},
|
||
on: {
|
||
input: function input(val) {
|
||
return data.select(val);
|
||
}
|
||
}
|
||
});
|
||
};
|
||
}
|
||
|
||
if (this.showExpand) {
|
||
var slot_2 = scopedSlots['data-table-expand'];
|
||
scopedSlots['data-table-expand'] = slot_2 ? function () {
|
||
return slot_2(data);
|
||
} : function () {
|
||
return _this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||
staticClass: 'v-data-table__expand-icon',
|
||
class: {
|
||
'v-data-table__expand-icon--active': data.isExpanded
|
||
},
|
||
on: {
|
||
click: function click(e) {
|
||
e.stopPropagation();
|
||
data.expand(!data.isExpanded);
|
||
}
|
||
}
|
||
}, [_this.expandIcon]);
|
||
};
|
||
}
|
||
|
||
return this.$createElement(this.isMobile ? _MobileRow__WEBPACK_IMPORTED_MODULE_11__["default"] : _Row__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
||
key: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getObjectValueByPath"])(item, this.itemKey),
|
||
class: __assign({}, classes, {
|
||
'v-data-table__selected': data.isSelected
|
||
}),
|
||
props: {
|
||
headers: this.computedHeaders,
|
||
item: item,
|
||
rtl: this.$vuetify.rtl
|
||
},
|
||
scopedSlots: scopedSlots,
|
||
on: {
|
||
// TODO: first argument should be the data object
|
||
// but this is a breaking change so it's for v3
|
||
click: function click() {
|
||
return _this.$emit('click:row', item, data);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genBody: function genBody(props) {
|
||
var data = __assign({}, props, {
|
||
expand: this.expand,
|
||
headers: this.computedHeaders,
|
||
isExpanded: this.isExpanded,
|
||
isMobile: this.isMobile,
|
||
isSelected: this.isSelected,
|
||
select: this.select
|
||
});
|
||
|
||
if (this.$scopedSlots.body) {
|
||
return this.$scopedSlots.body(data);
|
||
}
|
||
|
||
return this.$createElement('tbody', [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'body.prepend', data, true), this.genItems(props.items, props), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'body.append', data, true)]);
|
||
},
|
||
genFooters: function genFooters(props) {
|
||
var data = {
|
||
props: __assign({
|
||
options: props.options,
|
||
pagination: props.pagination,
|
||
itemsPerPageText: '$vuetify.dataTable.itemsPerPageText'
|
||
}, this.sanitizedFooterProps),
|
||
on: {
|
||
'update:options': function updateOptions(value) {
|
||
return props.updateOptions(value);
|
||
}
|
||
},
|
||
widths: this.widths,
|
||
headers: this.computedHeaders
|
||
};
|
||
var children = [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'footer', data, true)];
|
||
|
||
if (!this.hideDefaultFooter) {
|
||
children.push(this.$createElement(_VDataIterator__WEBPACK_IMPORTED_MODULE_2__["VDataFooter"], __assign({}, data, {
|
||
scopedSlots: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getPrefixedScopedSlots"])('footer.', this.$scopedSlots)
|
||
})));
|
||
}
|
||
|
||
return children;
|
||
},
|
||
genDefaultScopedSlot: function genDefaultScopedSlot(props) {
|
||
var simpleProps = {
|
||
height: this.height,
|
||
fixedHeader: this.fixedHeader,
|
||
dense: this.dense
|
||
}; // if (this.virtualRows) {
|
||
// return this.$createElement(VVirtualTable, {
|
||
// props: Object.assign(simpleProps, {
|
||
// items: props.items,
|
||
// height: this.height,
|
||
// rowHeight: this.dense ? 24 : 48,
|
||
// headerHeight: this.dense ? 32 : 48,
|
||
// // TODO: expose rest of props from virtual table?
|
||
// }),
|
||
// scopedSlots: {
|
||
// items: ({ items }) => this.genItems(items, props) as any,
|
||
// },
|
||
// }, [
|
||
// this.proxySlot('body.before', [this.genCaption(props), this.genHeaders(props)]),
|
||
// this.proxySlot('bottom', this.genFooters(props)),
|
||
// ])
|
||
// }
|
||
|
||
return this.$createElement(_VSimpleTable__WEBPACK_IMPORTED_MODULE_10__["default"], {
|
||
props: simpleProps
|
||
}, [this.proxySlot('top', Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["getSlot"])(this, 'top', props, true)), this.genCaption(props), this.genColgroup(props), this.genHeaders(props), this.genBody(props), this.proxySlot('bottom', this.genFooters(props))]);
|
||
},
|
||
proxySlot: function proxySlot(slot, content) {
|
||
return this.$createElement('template', {
|
||
slot: slot
|
||
}, content);
|
||
}
|
||
},
|
||
render: function render() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VData__WEBPACK_IMPORTED_MODULE_1__["VData"], {
|
||
props: __assign({}, this.$props, {
|
||
customFilter: this.customFilterWithColumns,
|
||
customSort: this.customSortWithHeaders,
|
||
itemsPerPage: this.computedItemsPerPage
|
||
}),
|
||
on: {
|
||
'update:options': function updateOptions(v, old) {
|
||
_this.internalGroupBy = v.groupBy || [];
|
||
!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["deepEqual"])(v, old) && _this.$emit('update:options', v);
|
||
},
|
||
'update:page': function updatePage(v) {
|
||
return _this.$emit('update:page', v);
|
||
},
|
||
'update:items-per-page': function updateItemsPerPage(v) {
|
||
return _this.$emit('update:items-per-page', v);
|
||
},
|
||
'update:sort-by': function updateSortBy(v) {
|
||
return _this.$emit('update:sort-by', v);
|
||
},
|
||
'update:sort-desc': function updateSortDesc(v) {
|
||
return _this.$emit('update:sort-desc', v);
|
||
},
|
||
'update:group-by': function updateGroupBy(v) {
|
||
return _this.$emit('update:group-by', v);
|
||
},
|
||
'update:group-desc': function updateGroupDesc(v) {
|
||
return _this.$emit('update:group-desc', v);
|
||
},
|
||
pagination: function pagination(v, old) {
|
||
return !Object(_util_helpers__WEBPACK_IMPORTED_MODULE_13__["deepEqual"])(v, old) && _this.$emit('pagination', v);
|
||
},
|
||
'current-items': function currentItems(v) {
|
||
_this.internalCurrentItems = v;
|
||
|
||
_this.$emit('current-items', v);
|
||
},
|
||
'page-count': function pageCount(v) {
|
||
return _this.$emit('page-count', v);
|
||
}
|
||
},
|
||
scopedSlots: {
|
||
default: this.genDefaultScopedSlot
|
||
}
|
||
});
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VDataTableHeader.sass":
|
||
/*!*********************************************************!*\
|
||
!*** ./src/components/VDataTable/VDataTableHeader.sass ***!
|
||
\*********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VDataTableHeader.ts":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VDataTable/VDataTableHeader.ts ***!
|
||
\*******************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDataTableHeader_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDataTableHeader.sass */ "./src/components/VDataTable/VDataTableHeader.sass");
|
||
/* harmony import */ var _VDataTableHeader_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDataTableHeader_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _util_dedupeModelListeners__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/dedupeModelListeners */ "./src/util/dedupeModelListeners.ts");
|
||
/* harmony import */ var _util_rebuildFunctionalSlots__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/rebuildFunctionalSlots */ "./src/util/rebuildFunctionalSlots.ts");
|
||
/* harmony import */ var _VDataTableHeaderMobile__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VDataTableHeaderMobile */ "./src/components/VDataTable/VDataTableHeaderMobile.ts");
|
||
/* harmony import */ var _VDataTableHeaderDesktop__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VDataTableHeaderDesktop */ "./src/components/VDataTable/VDataTableHeaderDesktop.ts");
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_1___default.a.extend({
|
||
name: 'v-data-table-header',
|
||
functional: true,
|
||
props: {
|
||
mobile: Boolean
|
||
},
|
||
render: function render(h, _a) {
|
||
var props = _a.props,
|
||
data = _a.data,
|
||
slots = _a.slots;
|
||
Object(_util_dedupeModelListeners__WEBPACK_IMPORTED_MODULE_2__["default"])(data);
|
||
var children = Object(_util_rebuildFunctionalSlots__WEBPACK_IMPORTED_MODULE_3__["default"])(slots(), h);
|
||
|
||
if (props.mobile) {
|
||
return h(_VDataTableHeaderMobile__WEBPACK_IMPORTED_MODULE_4__["default"], data, children);
|
||
} else {
|
||
return h(_VDataTableHeaderDesktop__WEBPACK_IMPORTED_MODULE_5__["default"], data, children);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VDataTableHeaderDesktop.ts":
|
||
/*!**************************************************************!*\
|
||
!*** ./src/components/VDataTable/VDataTableHeaderDesktop.ts ***!
|
||
\**************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _mixins_header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mixins/header */ "./src/components/VDataTable/mixins/header.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_0__["default"])(_mixins_header__WEBPACK_IMPORTED_MODULE_1__["default"]).extend({
|
||
name: 'v-data-table-header-desktop',
|
||
methods: {
|
||
genGroupByToggle: function genGroupByToggle(header) {
|
||
var _this = this;
|
||
|
||
return this.$createElement('span', {
|
||
on: {
|
||
click: function click(e) {
|
||
e.stopPropagation();
|
||
|
||
_this.$emit('group', header.value);
|
||
}
|
||
}
|
||
}, ['group']);
|
||
},
|
||
getAria: function getAria(beingSorted, isDesc) {
|
||
var _this = this;
|
||
|
||
var $t = function $t(key) {
|
||
return _this.$vuetify.lang.t("$vuetify.dataTable.ariaLabel." + key);
|
||
};
|
||
|
||
var ariaSort = 'none';
|
||
var ariaLabel = [$t('sortNone'), $t('activateAscending')];
|
||
|
||
if (!beingSorted) {
|
||
return {
|
||
ariaSort: ariaSort,
|
||
ariaLabel: ariaLabel.join(' ')
|
||
};
|
||
}
|
||
|
||
if (isDesc) {
|
||
ariaSort = 'descending';
|
||
ariaLabel = [$t('sortDescending'), $t(this.options.mustSort ? 'activateAscending' : 'activateNone')];
|
||
} else {
|
||
ariaSort = 'ascending';
|
||
ariaLabel = [$t('sortAscending'), $t('activateDescending')];
|
||
}
|
||
|
||
return {
|
||
ariaSort: ariaSort,
|
||
ariaLabel: ariaLabel.join(' ')
|
||
};
|
||
},
|
||
genHeader: function genHeader(header) {
|
||
var _this = this;
|
||
|
||
var data = {
|
||
attrs: {
|
||
role: 'columnheader',
|
||
scope: 'col',
|
||
'aria-label': header.text || ''
|
||
},
|
||
style: {
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(header.width),
|
||
minWidth: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(header.width)
|
||
},
|
||
class: __spread(["text-" + (header.align || 'start')], Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["wrapInArray"])(header.class), [header.divider && 'v-data-table__divider']),
|
||
on: {}
|
||
};
|
||
var children = [];
|
||
|
||
if (header.value === 'data-table-select' && !this.singleSelect) {
|
||
return this.$createElement('th', data, [this.genSelectAll()]);
|
||
}
|
||
|
||
children.push(this.$scopedSlots[header.value] ? this.$scopedSlots[header.value]({
|
||
header: header
|
||
}) : this.$createElement('span', [header.text]));
|
||
|
||
if (!this.disableSort && (header.sortable || !header.hasOwnProperty('sortable'))) {
|
||
data.on['click'] = function () {
|
||
return _this.$emit('sort', header.value);
|
||
};
|
||
|
||
var sortIndex = this.options.sortBy.findIndex(function (k) {
|
||
return k === header.value;
|
||
});
|
||
var beingSorted = sortIndex >= 0;
|
||
var isDesc = this.options.sortDesc[sortIndex];
|
||
data.class.push('sortable');
|
||
|
||
var _a = this.getAria(beingSorted, isDesc),
|
||
ariaLabel = _a.ariaLabel,
|
||
ariaSort = _a.ariaSort;
|
||
|
||
data.attrs['aria-label'] += "" + (header.text ? ': ' : '') + ariaLabel;
|
||
data.attrs['aria-sort'] = ariaSort;
|
||
|
||
if (beingSorted) {
|
||
data.class.push('active');
|
||
data.class.push(isDesc ? 'desc' : 'asc');
|
||
}
|
||
|
||
if (header.align === 'end') children.unshift(this.genSortIcon());else children.push(this.genSortIcon());
|
||
|
||
if (this.options.multiSort && beingSorted) {
|
||
children.push(this.$createElement('span', {
|
||
class: 'v-data-table-header__sort-badge'
|
||
}, [String(sortIndex + 1)]));
|
||
}
|
||
}
|
||
|
||
if (this.showGroupBy) children.push(this.genGroupByToggle(header));
|
||
return this.$createElement('th', data, children);
|
||
}
|
||
},
|
||
render: function render() {
|
||
var _this = this;
|
||
|
||
return this.$createElement('thead', {
|
||
staticClass: 'v-data-table-header'
|
||
}, [this.$createElement('tr', this.headers.map(function (header) {
|
||
return _this.genHeader(header);
|
||
}))]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VDataTableHeaderMobile.ts":
|
||
/*!*************************************************************!*\
|
||
!*** ./src/components/VDataTable/VDataTableHeaderMobile.ts ***!
|
||
\*************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSelect/VSelect */ "./src/components/VSelect/VSelect.ts");
|
||
/* harmony import */ var _VChip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VChip */ "./src/components/VChip/index.ts");
|
||
/* harmony import */ var _mixins_header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mixins/header */ "./src/components/VDataTable/mixins/header.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_0__["default"])(_mixins_header__WEBPACK_IMPORTED_MODULE_3__["default"]).extend({
|
||
name: 'v-data-table-header-mobile',
|
||
props: {
|
||
sortByText: {
|
||
type: String,
|
||
default: '$vuetify.dataTable.sortBy'
|
||
}
|
||
},
|
||
methods: {
|
||
genSortChip: function genSortChip(props) {
|
||
var _this = this;
|
||
|
||
var children = [props.item.text];
|
||
var sortIndex = this.options.sortBy.findIndex(function (k) {
|
||
return k === props.item.value;
|
||
});
|
||
var beingSorted = sortIndex >= 0;
|
||
var isDesc = this.options.sortDesc[sortIndex];
|
||
children.push(this.$createElement('div', {
|
||
staticClass: 'v-chip__close',
|
||
class: {
|
||
sortable: true,
|
||
active: beingSorted,
|
||
asc: beingSorted && !isDesc,
|
||
desc: beingSorted && isDesc
|
||
}
|
||
}, [this.genSortIcon()]));
|
||
return this.$createElement(_VChip__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
staticClass: 'sortable',
|
||
nativeOn: {
|
||
click: function click(e) {
|
||
e.stopPropagation();
|
||
|
||
_this.$emit('sort', props.item.value);
|
||
}
|
||
}
|
||
}, children);
|
||
},
|
||
genSortSelect: function genSortSelect(items) {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
label: this.$vuetify.lang.t(this.sortByText),
|
||
items: items,
|
||
hideDetails: true,
|
||
multiple: this.options.multiSort,
|
||
value: this.options.multiSort ? this.options.sortBy : this.options.sortBy[0]
|
||
},
|
||
on: {
|
||
change: function change(v) {
|
||
return _this.$emit('sort', v);
|
||
}
|
||
},
|
||
scopedSlots: {
|
||
selection: function selection(props) {
|
||
return _this.genSortChip(props);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [];
|
||
var header = this.headers.find(function (h) {
|
||
return h.value === 'data-table-select';
|
||
});
|
||
|
||
if (header && !this.singleSelect) {
|
||
children.push(this.$createElement('div', {
|
||
class: __spread(['v-data-table-header-mobile__select'], Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["wrapInArray"])(header.class)),
|
||
attrs: {
|
||
width: header.width
|
||
}
|
||
}, [this.genSelectAll()]));
|
||
}
|
||
|
||
var sortHeaders = this.headers.filter(function (h) {
|
||
return h.sortable !== false && h.value !== 'data-table-select';
|
||
});
|
||
|
||
if (!this.disableSort && sortHeaders.length) {
|
||
children.push(this.genSortSelect(sortHeaders));
|
||
}
|
||
|
||
var th = h('th', [h('div', {
|
||
staticClass: 'v-data-table-header-mobile__wrapper'
|
||
}, children)]);
|
||
var tr = h('tr', [th]);
|
||
return h('thead', {
|
||
staticClass: 'v-data-table-header v-data-table-header-mobile'
|
||
}, [tr]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VEditDialog.sass":
|
||
/*!****************************************************!*\
|
||
!*** ./src/components/VDataTable/VEditDialog.sass ***!
|
||
\****************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VEditDialog.ts":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VDataTable/VEditDialog.ts ***!
|
||
\**************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VEditDialog_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VEditDialog.sass */ "./src/components/VDataTable/VEditDialog.sass");
|
||
/* harmony import */ var _VEditDialog_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VEditDialog_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_returnable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/returnable */ "./src/mixins/returnable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _VMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../VMenu */ "./src/components/VMenu/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Styles
|
||
// Mixins
|
||
|
||
|
||
// Utils
|
||
|
||
// Component
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_mixins_returnable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'v-edit-dialog',
|
||
props: {
|
||
cancelText: {
|
||
default: 'Cancel'
|
||
},
|
||
large: Boolean,
|
||
eager: Boolean,
|
||
persistent: Boolean,
|
||
saveText: {
|
||
default: 'Save'
|
||
},
|
||
transition: {
|
||
type: String,
|
||
default: 'slide-x-reverse-transition'
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: false
|
||
};
|
||
},
|
||
watch: {
|
||
isActive: function isActive(val) {
|
||
if (val) {
|
||
this.$emit('open');
|
||
setTimeout(this.focus, 50); // Give DOM time to paint
|
||
} else {
|
||
this.$emit('close');
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
cancel: function cancel() {
|
||
this.isActive = false;
|
||
this.$emit('cancel');
|
||
},
|
||
focus: function focus() {
|
||
var input = this.$refs.content.querySelector('input');
|
||
input && input.focus();
|
||
},
|
||
genButton: function genButton(fn, text) {
|
||
return this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
||
props: {
|
||
text: true,
|
||
color: 'primary',
|
||
light: true
|
||
},
|
||
on: {
|
||
click: fn
|
||
}
|
||
}, text);
|
||
},
|
||
genActions: function genActions() {
|
||
var _this = this;
|
||
|
||
return this.$createElement('div', {
|
||
class: 'v-small-dialog__actions'
|
||
}, [this.genButton(this.cancel, this.cancelText), this.genButton(function () {
|
||
_this.save(_this.returnValue);
|
||
|
||
_this.$emit('save');
|
||
}, this.saveText)]);
|
||
},
|
||
genContent: function genContent() {
|
||
var _this = this;
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-small-dialog__content',
|
||
on: {
|
||
keydown: function keydown(e) {
|
||
var input = _this.$refs.content.querySelector('input');
|
||
|
||
e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_3__["keyCodes"].esc && _this.cancel();
|
||
|
||
if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_3__["keyCodes"].enter && input) {
|
||
_this.save(input.value);
|
||
|
||
_this.$emit('save');
|
||
}
|
||
}
|
||
},
|
||
ref: 'content'
|
||
}, [this.$slots.input]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
return h(_VMenu__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||
staticClass: 'v-small-dialog',
|
||
class: this.themeClasses,
|
||
props: {
|
||
contentClass: 'v-small-dialog__menu-content',
|
||
transition: this.transition,
|
||
origin: 'top right',
|
||
right: true,
|
||
value: this.isActive,
|
||
closeOnClick: !this.persistent,
|
||
closeOnContentClick: false,
|
||
eager: this.eager,
|
||
light: this.light,
|
||
dark: this.dark
|
||
},
|
||
on: {
|
||
input: function input(val) {
|
||
return _this.isActive = val;
|
||
}
|
||
},
|
||
scopedSlots: {
|
||
activator: function activator(_a) {
|
||
var on = _a.on;
|
||
return h('div', {
|
||
staticClass: 'v-small-dialog__activator',
|
||
on: on
|
||
}, [h('span', {
|
||
staticClass: 'v-small-dialog__activator__content'
|
||
}, _this.$slots.default)]);
|
||
}
|
||
}
|
||
}, [this.genContent(), this.large ? this.genActions() : null]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VSimpleTable.sass":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VDataTable/VSimpleTable.sass ***!
|
||
\*****************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VSimpleTable.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VDataTable/VSimpleTable.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSimpleTable_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSimpleTable.sass */ "./src/components/VDataTable/VSimpleTable.sass");
|
||
/* harmony import */ var _VSimpleTable_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSimpleTable_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'v-simple-table',
|
||
props: {
|
||
dense: Boolean,
|
||
fixedHeader: Boolean,
|
||
height: [Number, String]
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-data-table--dense': this.dense,
|
||
'v-data-table--fixed-height': !!this.height && !this.fixedHeader,
|
||
'v-data-table--fixed-header': this.fixedHeader
|
||
}, this.themeClasses);
|
||
}
|
||
},
|
||
methods: {
|
||
genWrapper: function genWrapper() {
|
||
return this.$slots.wrapper || this.$createElement('div', {
|
||
staticClass: 'v-data-table__wrapper',
|
||
style: {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["convertToUnit"])(this.height)
|
||
}
|
||
}, [this.$createElement('table', this.$slots.default)]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-data-table',
|
||
class: this.classes
|
||
}, [this.$slots.top, this.genWrapper(), this.$slots.bottom]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VVirtualTable.sass":
|
||
/*!******************************************************!*\
|
||
!*** ./src/components/VDataTable/VVirtualTable.sass ***!
|
||
\******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/VVirtualTable.ts":
|
||
/*!****************************************************!*\
|
||
!*** ./src/components/VDataTable/VVirtualTable.ts ***!
|
||
\****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VVirtualTable_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VVirtualTable.sass */ "./src/components/VDataTable/VVirtualTable.sass");
|
||
/* harmony import */ var _VVirtualTable_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VVirtualTable_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSimpleTable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VSimpleTable */ "./src/components/VDataTable/VSimpleTable.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
// Components
|
||
|
||
|
||
// Utiltiies
|
||
|
||
// Types
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_VSimpleTable__WEBPACK_IMPORTED_MODULE_1__["default"]);
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-virtual-table',
|
||
props: {
|
||
chunkSize: {
|
||
type: Number,
|
||
default: 25
|
||
},
|
||
headerHeight: {
|
||
type: Number,
|
||
default: 48
|
||
},
|
||
items: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
rowHeight: {
|
||
type: Number,
|
||
default: 48
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
scrollTop: 0,
|
||
oldChunk: 0,
|
||
scrollDebounce: null,
|
||
invalidateCache: false
|
||
};
|
||
},
|
||
computed: {
|
||
itemsLength: function itemsLength() {
|
||
return this.items.length;
|
||
},
|
||
totalHeight: function totalHeight() {
|
||
return this.itemsLength * this.rowHeight + this.headerHeight;
|
||
},
|
||
topIndex: function topIndex() {
|
||
return Math.floor(this.scrollTop / this.rowHeight);
|
||
},
|
||
chunkIndex: function chunkIndex() {
|
||
return Math.floor(this.topIndex / this.chunkSize);
|
||
},
|
||
startIndex: function startIndex() {
|
||
return Math.max(0, this.chunkIndex * this.chunkSize - this.chunkSize);
|
||
},
|
||
offsetTop: function offsetTop() {
|
||
return Math.max(0, this.startIndex * this.rowHeight);
|
||
},
|
||
stopIndex: function stopIndex() {
|
||
return Math.min(this.startIndex + this.chunkSize * 3, this.itemsLength);
|
||
},
|
||
offsetBottom: function offsetBottom() {
|
||
return Math.max(0, (this.itemsLength - this.stopIndex - this.startIndex) * this.rowHeight);
|
||
}
|
||
},
|
||
watch: {
|
||
chunkIndex: function chunkIndex(newValue, oldValue) {
|
||
this.oldChunk = oldValue;
|
||
},
|
||
items: function items() {
|
||
this.cachedItems = null;
|
||
this.$refs.table.scrollTop = 0;
|
||
}
|
||
},
|
||
created: function created() {
|
||
this.cachedItems = null;
|
||
},
|
||
mounted: function mounted() {
|
||
this.scrollDebounce = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["debounce"])(this.onScroll, 50);
|
||
this.$refs.table.addEventListener('scroll', this.scrollDebounce, {
|
||
passive: true
|
||
});
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.$refs.table.removeEventListener('scroll', this.scrollDebounce);
|
||
},
|
||
methods: {
|
||
createStyleHeight: function createStyleHeight(height) {
|
||
return {
|
||
height: height + "px"
|
||
};
|
||
},
|
||
genBody: function genBody() {
|
||
if (this.cachedItems === null || this.chunkIndex !== this.oldChunk) {
|
||
this.cachedItems = this.genItems();
|
||
this.oldChunk = this.chunkIndex;
|
||
}
|
||
|
||
return this.$createElement('tbody', [this.$createElement('tr', {
|
||
style: this.createStyleHeight(this.offsetTop)
|
||
}), this.cachedItems, this.$createElement('tr', {
|
||
style: this.createStyleHeight(this.offsetBottom)
|
||
})]);
|
||
},
|
||
genItems: function genItems() {
|
||
return this.$scopedSlots.items({
|
||
items: this.items.slice(this.startIndex, this.stopIndex)
|
||
});
|
||
},
|
||
onScroll: function onScroll(e) {
|
||
var target = e.target;
|
||
this.scrollTop = target.scrollTop;
|
||
},
|
||
genTable: function genTable() {
|
||
return this.$createElement('div', {
|
||
ref: 'table',
|
||
staticClass: 'v-virtual-table__table'
|
||
}, [this.$createElement('table', [this.$slots['body.before'], this.genBody(), this.$slots['body.after']])]);
|
||
},
|
||
genWrapper: function genWrapper() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-virtual-table__wrapper',
|
||
style: {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.height)
|
||
}
|
||
}, [this.genTable()]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-data-table v-virtual-table',
|
||
class: this.classes
|
||
}, [this.$slots.top, this.genWrapper(), this.$slots.bottom]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VDataTable/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VDataTable, VEditDialog, VTableOverflow, VDataTableHeader, VSimpleTable, VVirtualTable, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VTableOverflow", function() { return VTableOverflow; });
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _VDataTable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VDataTable */ "./src/components/VDataTable/VDataTable.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDataTable", function() { return _VDataTable__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VDataTableHeader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VDataTableHeader */ "./src/components/VDataTable/VDataTableHeader.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDataTableHeader", function() { return _VDataTableHeader__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _VEditDialog__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VEditDialog */ "./src/components/VDataTable/VEditDialog.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VEditDialog", function() { return _VEditDialog__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
/* harmony import */ var _VSimpleTable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VSimpleTable */ "./src/components/VDataTable/VSimpleTable.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSimpleTable", function() { return _VSimpleTable__WEBPACK_IMPORTED_MODULE_4__["default"]; });
|
||
|
||
/* harmony import */ var _VVirtualTable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VVirtualTable */ "./src/components/VDataTable/VVirtualTable.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VVirtualTable", function() { return _VVirtualTable__WEBPACK_IMPORTED_MODULE_5__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
var VTableOverflow = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["createSimpleFunctional"])('v-table__overflow');
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VDataTable: _VDataTable__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VDataTableHeader: _VDataTableHeader__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||
VEditDialog: _VEditDialog__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||
VTableOverflow: VTableOverflow,
|
||
VSimpleTable: _VSimpleTable__WEBPACK_IMPORTED_MODULE_4__["default"],
|
||
VVirtualTable: _VVirtualTable__WEBPACK_IMPORTED_MODULE_5__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDataTable/mixins/header.ts":
|
||
/*!****************************************************!*\
|
||
!*** ./src/components/VDataTable/mixins/header.ts ***!
|
||
\****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../VCheckbox/VSimpleCheckbox */ "./src/components/VCheckbox/VSimpleCheckbox.ts");
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])().extend({
|
||
// https://github.com/vuejs/vue/issues/6872
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
},
|
||
props: {
|
||
headers: {
|
||
type: Array,
|
||
required: true
|
||
},
|
||
options: {
|
||
type: Object,
|
||
default: function _default() {
|
||
return {
|
||
page: 1,
|
||
itemsPerPage: 10,
|
||
sortBy: [],
|
||
sortDesc: [],
|
||
groupBy: [],
|
||
groupDesc: [],
|
||
multiSort: false,
|
||
mustSort: false
|
||
};
|
||
}
|
||
},
|
||
sortIcon: {
|
||
type: String,
|
||
default: '$sort'
|
||
},
|
||
everyItem: Boolean,
|
||
someItems: Boolean,
|
||
showGroupBy: Boolean,
|
||
singleSelect: Boolean,
|
||
disableSort: Boolean
|
||
},
|
||
methods: {
|
||
genSelectAll: function genSelectAll() {
|
||
var _this = this;
|
||
|
||
var data = {
|
||
props: {
|
||
value: this.everyItem,
|
||
indeterminate: !this.everyItem && this.someItems
|
||
},
|
||
on: {
|
||
input: function input(v) {
|
||
return _this.$emit('toggle-select-all', v);
|
||
}
|
||
}
|
||
};
|
||
|
||
if (this.$scopedSlots['data-table-select']) {
|
||
return this.$scopedSlots['data-table-select'](data);
|
||
}
|
||
|
||
return this.$createElement(_VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({
|
||
staticClass: 'v-data-table__checkbox'
|
||
}, data));
|
||
},
|
||
genSortIcon: function genSortIcon() {
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_0__["default"], {
|
||
staticClass: 'v-data-table-header__icon',
|
||
props: {
|
||
size: 18
|
||
}
|
||
}, [this.sortIcon]);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePicker.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePicker.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDatePickerTitle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDatePickerTitle */ "./src/components/VDatePicker/VDatePickerTitle.ts");
|
||
/* harmony import */ var _VDatePickerHeader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VDatePickerHeader */ "./src/components/VDatePicker/VDatePickerHeader.ts");
|
||
/* harmony import */ var _VDatePickerDateTable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VDatePickerDateTable */ "./src/components/VDatePicker/VDatePickerDateTable.ts");
|
||
/* harmony import */ var _VDatePickerMonthTable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VDatePickerMonthTable */ "./src/components/VDatePicker/VDatePickerMonthTable.ts");
|
||
/* harmony import */ var _VDatePickerYears__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VDatePickerYears */ "./src/components/VDatePicker/VDatePickerYears.ts");
|
||
/* harmony import */ var _mixins_localable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/localable */ "./src/mixins/localable/index.ts");
|
||
/* harmony import */ var _mixins_picker__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/picker */ "./src/mixins/picker/index.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./util */ "./src/components/VDatePicker/util/index.ts");
|
||
/* harmony import */ var _util_isDateAllowed__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util/isDateAllowed */ "./src/components/VDatePicker/util/isDateAllowed.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _VCalendar_util_timestamp__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../VCalendar/util/timestamp */ "./src/components/VCalendar/util/timestamp.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Components
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
|
||
|
||
// Adds leading zero to month/day if necessary, returns 'YYYY' if type = 'year',
|
||
// 'YYYY-MM' if 'month' and 'YYYY-MM-DD' if 'date'
|
||
|
||
function sanitizeDateString(dateString, type) {
|
||
var _a = __read(dateString.split('-'), 3),
|
||
year = _a[0],
|
||
_b = _a[1],
|
||
month = _b === void 0 ? 1 : _b,
|
||
_c = _a[2],
|
||
date = _c === void 0 ? 1 : _c;
|
||
|
||
return (year + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(month) + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(date)).substr(0, {
|
||
date: 10,
|
||
month: 7,
|
||
year: 4
|
||
}[type]);
|
||
}
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_11__["default"])(_mixins_localable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_picker__WEBPACK_IMPORTED_MODULE_6__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-date-picker',
|
||
props: {
|
||
allowedDates: Function,
|
||
// Function formatting the day in date picker table
|
||
dayFormat: Function,
|
||
disabled: Boolean,
|
||
events: {
|
||
type: [Array, Function, Object],
|
||
default: function _default() {
|
||
return null;
|
||
}
|
||
},
|
||
eventColor: {
|
||
type: [Array, Function, Object, String],
|
||
default: function _default() {
|
||
return 'warning';
|
||
}
|
||
},
|
||
firstDayOfWeek: {
|
||
type: [String, Number],
|
||
default: 0
|
||
},
|
||
// Function formatting the tableDate in the day/month table header
|
||
headerDateFormat: Function,
|
||
max: String,
|
||
min: String,
|
||
// Function formatting month in the months table
|
||
monthFormat: Function,
|
||
multiple: Boolean,
|
||
nextIcon: {
|
||
type: String,
|
||
default: '$next'
|
||
},
|
||
pickerDate: String,
|
||
prevIcon: {
|
||
type: String,
|
||
default: '$prev'
|
||
},
|
||
range: Boolean,
|
||
reactive: Boolean,
|
||
readonly: Boolean,
|
||
scrollable: Boolean,
|
||
showCurrent: {
|
||
type: [Boolean, String],
|
||
default: true
|
||
},
|
||
selectedItemsText: {
|
||
type: String,
|
||
default: '$vuetify.datePicker.itemsSelected'
|
||
},
|
||
showWeek: Boolean,
|
||
// Function formatting currently selected date in the picker title
|
||
titleDateFormat: Function,
|
||
type: {
|
||
type: String,
|
||
default: 'date',
|
||
validator: function validator(type) {
|
||
return ['date', 'month'].includes(type);
|
||
}
|
||
},
|
||
value: [Array, String],
|
||
weekdayFormat: Function,
|
||
// Function formatting the year in table header and pickup title
|
||
yearFormat: Function,
|
||
yearIcon: String
|
||
},
|
||
data: function data() {
|
||
var _this = this;
|
||
|
||
var now = new Date();
|
||
return {
|
||
activePicker: this.type.toUpperCase(),
|
||
inputDay: null,
|
||
inputMonth: null,
|
||
inputYear: null,
|
||
isReversing: false,
|
||
now: now,
|
||
// tableDate is a string in 'YYYY' / 'YYYY-M' format (leading zero for month is not required)
|
||
tableDate: function () {
|
||
if (_this.pickerDate) {
|
||
return _this.pickerDate;
|
||
}
|
||
|
||
var date = (_this.multiple || _this.range ? _this.value[_this.value.length - 1] : _this.value) || now.getFullYear() + "-" + (now.getMonth() + 1);
|
||
return sanitizeDateString(date, _this.type === 'date' ? 'month' : 'year');
|
||
}()
|
||
};
|
||
},
|
||
computed: {
|
||
isMultiple: function isMultiple() {
|
||
return this.multiple || this.range;
|
||
},
|
||
lastValue: function lastValue() {
|
||
return this.isMultiple ? this.value[this.value.length - 1] : this.value;
|
||
},
|
||
selectedMonths: function selectedMonths() {
|
||
if (!this.value || !this.value.length || this.type === 'month') {
|
||
return this.value;
|
||
} else if (this.isMultiple) {
|
||
return this.value.map(function (val) {
|
||
return val.substr(0, 7);
|
||
});
|
||
} else {
|
||
return this.value.substr(0, 7);
|
||
}
|
||
},
|
||
current: function current() {
|
||
if (this.showCurrent === true) {
|
||
return sanitizeDateString(this.now.getFullYear() + "-" + (this.now.getMonth() + 1) + "-" + this.now.getDate(), this.type);
|
||
}
|
||
|
||
return this.showCurrent || null;
|
||
},
|
||
inputDate: function inputDate() {
|
||
return this.type === 'date' ? this.inputYear + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.inputMonth + 1) + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.inputDay) : this.inputYear + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.inputMonth + 1);
|
||
},
|
||
tableMonth: function tableMonth() {
|
||
return Number((this.pickerDate || this.tableDate).split('-')[1]) - 1;
|
||
},
|
||
tableYear: function tableYear() {
|
||
return Number((this.pickerDate || this.tableDate).split('-')[0]);
|
||
},
|
||
minMonth: function minMonth() {
|
||
return this.min ? sanitizeDateString(this.min, 'month') : null;
|
||
},
|
||
maxMonth: function maxMonth() {
|
||
return this.max ? sanitizeDateString(this.max, 'month') : null;
|
||
},
|
||
minYear: function minYear() {
|
||
return this.min ? sanitizeDateString(this.min, 'year') : null;
|
||
},
|
||
maxYear: function maxYear() {
|
||
return this.max ? sanitizeDateString(this.max, 'year') : null;
|
||
},
|
||
formatters: function formatters() {
|
||
return {
|
||
year: this.yearFormat || Object(_util__WEBPACK_IMPORTED_MODULE_7__["createNativeLocaleFormatter"])(this.currentLocale, {
|
||
year: 'numeric',
|
||
timeZone: 'UTC'
|
||
}, {
|
||
length: 4
|
||
}),
|
||
titleDate: this.titleDateFormat || (this.isMultiple ? this.defaultTitleMultipleDateFormatter : this.defaultTitleDateFormatter)
|
||
};
|
||
},
|
||
defaultTitleMultipleDateFormatter: function defaultTitleMultipleDateFormatter() {
|
||
var _this = this;
|
||
|
||
return function (dates) {
|
||
if (!dates.length) {
|
||
return '-';
|
||
}
|
||
|
||
if (dates.length === 1) {
|
||
return _this.defaultTitleDateFormatter(dates[0]);
|
||
}
|
||
|
||
return _this.$vuetify.lang.t(_this.selectedItemsText, dates.length);
|
||
};
|
||
},
|
||
defaultTitleDateFormatter: function defaultTitleDateFormatter() {
|
||
var titleFormats = {
|
||
year: {
|
||
year: 'numeric',
|
||
timeZone: 'UTC'
|
||
},
|
||
month: {
|
||
month: 'long',
|
||
timeZone: 'UTC'
|
||
},
|
||
date: {
|
||
weekday: 'short',
|
||
month: 'short',
|
||
day: 'numeric',
|
||
timeZone: 'UTC'
|
||
}
|
||
};
|
||
var titleDateFormatter = Object(_util__WEBPACK_IMPORTED_MODULE_7__["createNativeLocaleFormatter"])(this.currentLocale, titleFormats[this.type], {
|
||
start: 0,
|
||
length: {
|
||
date: 10,
|
||
month: 7,
|
||
year: 4
|
||
}[this.type]
|
||
});
|
||
|
||
var landscapeFormatter = function landscapeFormatter(date) {
|
||
return titleDateFormatter(date).replace(/([^\d\s])([\d])/g, function (match, nonDigit, digit) {
|
||
return nonDigit + " " + digit;
|
||
}).replace(', ', ',<br>');
|
||
};
|
||
|
||
return this.landscape ? landscapeFormatter : titleDateFormatter;
|
||
}
|
||
},
|
||
watch: {
|
||
tableDate: function tableDate(val, prev) {
|
||
// Make a ISO 8601 strings from val and prev for comparision, otherwise it will incorrectly
|
||
// compare for example '2000-9' and '2000-10'
|
||
var sanitizeType = this.type === 'month' ? 'year' : 'month';
|
||
this.isReversing = sanitizeDateString(val, sanitizeType) < sanitizeDateString(prev, sanitizeType);
|
||
this.$emit('update:picker-date', val);
|
||
},
|
||
pickerDate: function pickerDate(val) {
|
||
if (val) {
|
||
this.tableDate = val;
|
||
} else if (this.lastValue && this.type === 'date') {
|
||
this.tableDate = sanitizeDateString(this.lastValue, 'month');
|
||
} else if (this.lastValue && this.type === 'month') {
|
||
this.tableDate = sanitizeDateString(this.lastValue, 'year');
|
||
}
|
||
},
|
||
value: function value(newValue, oldValue) {
|
||
this.checkMultipleProp();
|
||
this.setInputDate();
|
||
|
||
if (!this.isMultiple && this.value && !this.pickerDate) {
|
||
this.tableDate = sanitizeDateString(this.inputDate, this.type === 'month' ? 'year' : 'month');
|
||
} else if (this.isMultiple && this.value.length && !oldValue.length && !this.pickerDate) {
|
||
this.tableDate = sanitizeDateString(this.inputDate, this.type === 'month' ? 'year' : 'month');
|
||
}
|
||
},
|
||
type: function type(_type) {
|
||
this.activePicker = _type.toUpperCase();
|
||
|
||
if (this.value && this.value.length) {
|
||
var output = (this.isMultiple ? this.value : [this.value]).map(function (val) {
|
||
return sanitizeDateString(val, _type);
|
||
}).filter(this.isDateAllowed);
|
||
this.$emit('input', this.isMultiple ? output : output[0]);
|
||
}
|
||
}
|
||
},
|
||
created: function created() {
|
||
this.checkMultipleProp();
|
||
|
||
if (this.pickerDate !== this.tableDate) {
|
||
this.$emit('update:picker-date', this.tableDate);
|
||
}
|
||
|
||
this.setInputDate();
|
||
},
|
||
methods: {
|
||
emitInput: function emitInput(newInput) {
|
||
if (this.range && this.value) {
|
||
if (this.value.length === 2) {
|
||
this.$emit('input', [newInput]);
|
||
} else {
|
||
var output_1 = __spread(this.value, [newInput]);
|
||
|
||
this.$emit('input', output_1);
|
||
this.$emit('change', output_1);
|
||
}
|
||
|
||
return;
|
||
}
|
||
|
||
var output = this.multiple ? this.value.indexOf(newInput) === -1 ? this.value.concat([newInput]) : this.value.filter(function (x) {
|
||
return x !== newInput;
|
||
}) : newInput;
|
||
this.$emit('input', output);
|
||
this.multiple || this.$emit('change', newInput);
|
||
},
|
||
checkMultipleProp: function checkMultipleProp() {
|
||
if (this.value == null) return;
|
||
var valueType = this.value.constructor.name;
|
||
var expected = this.isMultiple ? 'Array' : 'String';
|
||
|
||
if (valueType !== expected) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_9__["consoleWarn"])("Value must be " + (this.isMultiple ? 'an' : 'a') + " " + expected + ", got " + valueType, this);
|
||
}
|
||
},
|
||
isDateAllowed: function isDateAllowed(value) {
|
||
return Object(_util_isDateAllowed__WEBPACK_IMPORTED_MODULE_8__["default"])(value, this.min, this.max, this.allowedDates);
|
||
},
|
||
yearClick: function yearClick(value) {
|
||
this.inputYear = value;
|
||
|
||
if (this.type === 'month') {
|
||
this.tableDate = "" + value;
|
||
} else {
|
||
this.tableDate = value + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])((this.tableMonth || 0) + 1);
|
||
}
|
||
|
||
this.activePicker = 'MONTH';
|
||
|
||
if (this.reactive && !this.readonly && !this.isMultiple && this.isDateAllowed(this.inputDate)) {
|
||
this.$emit('input', this.inputDate);
|
||
}
|
||
},
|
||
monthClick: function monthClick(value) {
|
||
this.inputYear = parseInt(value.split('-')[0], 10);
|
||
this.inputMonth = parseInt(value.split('-')[1], 10) - 1;
|
||
|
||
if (this.type === 'date') {
|
||
if (this.inputDay) {
|
||
this.inputDay = Math.min(this.inputDay, Object(_VCalendar_util_timestamp__WEBPACK_IMPORTED_MODULE_10__["daysInMonth"])(this.inputYear, this.inputMonth + 1));
|
||
}
|
||
|
||
this.tableDate = value;
|
||
this.activePicker = 'DATE';
|
||
|
||
if (this.reactive && !this.readonly && !this.isMultiple && this.isDateAllowed(this.inputDate)) {
|
||
this.$emit('input', this.inputDate);
|
||
}
|
||
} else {
|
||
this.emitInput(this.inputDate);
|
||
}
|
||
},
|
||
dateClick: function dateClick(value) {
|
||
this.inputYear = parseInt(value.split('-')[0], 10);
|
||
this.inputMonth = parseInt(value.split('-')[1], 10) - 1;
|
||
this.inputDay = parseInt(value.split('-')[2], 10);
|
||
this.emitInput(this.inputDate);
|
||
},
|
||
genPickerTitle: function genPickerTitle() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VDatePickerTitle__WEBPACK_IMPORTED_MODULE_0__["default"], {
|
||
props: {
|
||
date: this.value ? this.formatters.titleDate(this.value) : '',
|
||
disabled: this.disabled,
|
||
readonly: this.readonly,
|
||
selectingYear: this.activePicker === 'YEAR',
|
||
year: this.formatters.year(this.value ? "" + this.inputYear : this.tableDate),
|
||
yearIcon: this.yearIcon,
|
||
value: this.isMultiple ? this.value[0] : this.value
|
||
},
|
||
slot: 'title',
|
||
on: {
|
||
'update:selecting-year': function updateSelectingYear(value) {
|
||
return _this.activePicker = value ? 'YEAR' : _this.type.toUpperCase();
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genTableHeader: function genTableHeader() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VDatePickerHeader__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
nextIcon: this.nextIcon,
|
||
color: this.color,
|
||
dark: this.dark,
|
||
disabled: this.disabled,
|
||
format: this.headerDateFormat,
|
||
light: this.light,
|
||
locale: this.locale,
|
||
min: this.activePicker === 'DATE' ? this.minMonth : this.minYear,
|
||
max: this.activePicker === 'DATE' ? this.maxMonth : this.maxYear,
|
||
prevIcon: this.prevIcon,
|
||
readonly: this.readonly,
|
||
value: this.activePicker === 'DATE' ? Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.tableYear, 4) + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.tableMonth + 1) : "" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.tableYear, 4)
|
||
},
|
||
on: {
|
||
toggle: function toggle() {
|
||
return _this.activePicker = _this.activePicker === 'DATE' ? 'MONTH' : 'YEAR';
|
||
},
|
||
input: function input(value) {
|
||
return _this.tableDate = value;
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genDateTable: function genDateTable() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VDatePickerDateTable__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: {
|
||
allowedDates: this.allowedDates,
|
||
color: this.color,
|
||
current: this.current,
|
||
dark: this.dark,
|
||
disabled: this.disabled,
|
||
events: this.events,
|
||
eventColor: this.eventColor,
|
||
firstDayOfWeek: this.firstDayOfWeek,
|
||
format: this.dayFormat,
|
||
light: this.light,
|
||
locale: this.locale,
|
||
min: this.min,
|
||
max: this.max,
|
||
range: this.range,
|
||
readonly: this.readonly,
|
||
scrollable: this.scrollable,
|
||
showWeek: this.showWeek,
|
||
tableDate: Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.tableYear, 4) + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.tableMonth + 1),
|
||
value: this.value,
|
||
weekdayFormat: this.weekdayFormat
|
||
},
|
||
ref: 'table',
|
||
on: {
|
||
input: this.dateClick,
|
||
'update:table-date': function updateTableDate(value) {
|
||
return _this.tableDate = value;
|
||
},
|
||
'click:date': function clickDate(value) {
|
||
return _this.$emit('click:date', value);
|
||
},
|
||
'dblclick:date': function dblclickDate(value) {
|
||
return _this.$emit('dblclick:date', value);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genMonthTable: function genMonthTable() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VDatePickerMonthTable__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
allowedDates: this.type === 'month' ? this.allowedDates : null,
|
||
color: this.color,
|
||
current: this.current ? sanitizeDateString(this.current, 'month') : null,
|
||
dark: this.dark,
|
||
disabled: this.disabled,
|
||
events: this.type === 'month' ? this.events : null,
|
||
eventColor: this.type === 'month' ? this.eventColor : null,
|
||
format: this.monthFormat,
|
||
light: this.light,
|
||
locale: this.locale,
|
||
min: this.minMonth,
|
||
max: this.maxMonth,
|
||
range: this.range,
|
||
readonly: this.readonly && this.type === 'month',
|
||
scrollable: this.scrollable,
|
||
value: this.selectedMonths,
|
||
tableDate: "" + Object(_util__WEBPACK_IMPORTED_MODULE_7__["pad"])(this.tableYear, 4)
|
||
},
|
||
ref: 'table',
|
||
on: {
|
||
input: this.monthClick,
|
||
'update:table-date': function updateTableDate(value) {
|
||
return _this.tableDate = value;
|
||
},
|
||
'click:month': function clickMonth(value) {
|
||
return _this.$emit('click:month', value);
|
||
},
|
||
'dblclick:month': function dblclickMonth(value) {
|
||
return _this.$emit('dblclick:month', value);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genYears: function genYears() {
|
||
return this.$createElement(_VDatePickerYears__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
||
props: {
|
||
color: this.color,
|
||
format: this.yearFormat,
|
||
locale: this.locale,
|
||
min: this.minYear,
|
||
max: this.maxYear,
|
||
value: this.tableYear
|
||
},
|
||
on: {
|
||
input: this.yearClick
|
||
}
|
||
});
|
||
},
|
||
genPickerBody: function genPickerBody() {
|
||
var children = this.activePicker === 'YEAR' ? [this.genYears()] : [this.genTableHeader(), this.activePicker === 'DATE' ? this.genDateTable() : this.genMonthTable()];
|
||
return this.$createElement('div', {
|
||
key: this.activePicker
|
||
}, children);
|
||
},
|
||
setInputDate: function setInputDate() {
|
||
if (this.lastValue) {
|
||
var array = this.lastValue.split('-');
|
||
this.inputYear = parseInt(array[0], 10);
|
||
this.inputMonth = parseInt(array[1], 10) - 1;
|
||
|
||
if (this.type === 'date') {
|
||
this.inputDay = parseInt(array[2], 10);
|
||
}
|
||
} else {
|
||
this.inputYear = this.inputYear || this.now.getFullYear();
|
||
this.inputMonth = this.inputMonth == null ? this.inputMonth : this.now.getMonth();
|
||
this.inputDay = this.inputDay || this.now.getDate();
|
||
}
|
||
}
|
||
},
|
||
render: function render() {
|
||
return this.genPicker('v-picker--date');
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerDateTable.ts":
|
||
/*!************************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerDateTable.ts ***!
|
||
\************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_date_picker_table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mixins/date-picker-table */ "./src/components/VDatePicker/mixins/date-picker-table.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ "./src/components/VDatePicker/util/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Mixins
|
||
// Utils
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_date_picker_table__WEBPACK_IMPORTED_MODULE_0__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-date-picker-date-table',
|
||
props: {
|
||
firstDayOfWeek: {
|
||
type: [String, Number],
|
||
default: 0
|
||
},
|
||
showWeek: Boolean,
|
||
weekdayFormat: Function
|
||
},
|
||
computed: {
|
||
formatter: function formatter() {
|
||
return this.format || Object(_util__WEBPACK_IMPORTED_MODULE_1__["createNativeLocaleFormatter"])(this.currentLocale, {
|
||
day: 'numeric',
|
||
timeZone: 'UTC'
|
||
}, {
|
||
start: 8,
|
||
length: 2
|
||
});
|
||
},
|
||
weekdayFormatter: function weekdayFormatter() {
|
||
return this.weekdayFormat || Object(_util__WEBPACK_IMPORTED_MODULE_1__["createNativeLocaleFormatter"])(this.currentLocale, {
|
||
weekday: 'narrow',
|
||
timeZone: 'UTC'
|
||
});
|
||
},
|
||
weekDays: function weekDays() {
|
||
var _this = this;
|
||
|
||
var first = parseInt(this.firstDayOfWeek, 10);
|
||
return this.weekdayFormatter ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["createRange"])(7).map(function (i) {
|
||
return _this.weekdayFormatter("2017-01-" + (first + i + 15));
|
||
}) // 2017-01-15 is Sunday
|
||
: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["createRange"])(7).map(function (i) {
|
||
return ['S', 'M', 'T', 'W', 'T', 'F', 'S'][(i + first) % 7];
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
calculateTableDate: function calculateTableDate(delta) {
|
||
return Object(_util__WEBPACK_IMPORTED_MODULE_1__["monthChange"])(this.tableDate, Math.sign(delta || 1));
|
||
},
|
||
genTHead: function genTHead() {
|
||
var _this = this;
|
||
|
||
var days = this.weekDays.map(function (day) {
|
||
return _this.$createElement('th', day);
|
||
});
|
||
this.showWeek && days.unshift(this.$createElement('th'));
|
||
return this.$createElement('thead', this.genTR(days));
|
||
},
|
||
// Returns number of the days from the firstDayOfWeek to the first day of the current month
|
||
weekDaysBeforeFirstDayOfTheMonth: function weekDaysBeforeFirstDayOfTheMonth() {
|
||
var firstDayOfTheMonth = new Date(this.displayedYear + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_1__["pad"])(this.displayedMonth + 1) + "-01T00:00:00+00:00");
|
||
var weekDay = firstDayOfTheMonth.getUTCDay();
|
||
return (weekDay - parseInt(this.firstDayOfWeek) + 7) % 7;
|
||
},
|
||
getWeekNumber: function getWeekNumber() {
|
||
var dayOfYear = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334][this.displayedMonth];
|
||
|
||
if (this.displayedMonth > 1 && (this.displayedYear % 4 === 0 && this.displayedYear % 100 !== 0 || this.displayedYear % 400 === 0)) {
|
||
dayOfYear++;
|
||
}
|
||
|
||
var offset = (this.displayedYear + (this.displayedYear - 1 >> 2) - Math.floor((this.displayedYear - 1) / 100) + Math.floor((this.displayedYear - 1) / 400) - Number(this.firstDayOfWeek)) % 7; // https://en.wikipedia.org/wiki/Zeller%27s_congruence
|
||
|
||
return Math.floor((dayOfYear + offset) / 7) + 1;
|
||
},
|
||
genWeekNumber: function genWeekNumber(weekNumber) {
|
||
return this.$createElement('td', [this.$createElement('small', {
|
||
staticClass: 'v-date-picker-table--date__week'
|
||
}, String(weekNumber).padStart(2, '0'))]);
|
||
},
|
||
genTBody: function genTBody() {
|
||
var children = [];
|
||
var daysInMonth = new Date(this.displayedYear, this.displayedMonth + 1, 0).getDate();
|
||
var rows = [];
|
||
var day = this.weekDaysBeforeFirstDayOfTheMonth();
|
||
var weekNumber = this.getWeekNumber();
|
||
this.showWeek && rows.push(this.genWeekNumber(weekNumber++));
|
||
|
||
while (day--) {
|
||
rows.push(this.$createElement('td'));
|
||
}
|
||
|
||
for (day = 1; day <= daysInMonth; day++) {
|
||
var date = this.displayedYear + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_1__["pad"])(this.displayedMonth + 1) + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_1__["pad"])(day);
|
||
rows.push(this.$createElement('td', [this.genButton(date, true, 'date', this.formatter)]));
|
||
|
||
if (rows.length % (this.showWeek ? 8 : 7) === 0) {
|
||
children.push(this.genTR(rows));
|
||
rows = [];
|
||
day < daysInMonth && this.showWeek && rows.push(this.genWeekNumber(weekNumber++));
|
||
}
|
||
}
|
||
|
||
if (rows.length) {
|
||
children.push(this.genTR(rows));
|
||
}
|
||
|
||
return this.$createElement('tbody', children);
|
||
},
|
||
genTR: function genTR(children) {
|
||
return [this.$createElement('tr', children)];
|
||
}
|
||
},
|
||
render: function render() {
|
||
return this.genTable('v-date-picker-table v-date-picker-table--date', [this.genTHead(), this.genTBody()], this.calculateTableDate);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerHeader.sass":
|
||
/*!***********************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerHeader.sass ***!
|
||
\***********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerHeader.ts":
|
||
/*!*********************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerHeader.ts ***!
|
||
\*********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDatePickerHeader_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDatePickerHeader.sass */ "./src/components/VDatePicker/VDatePickerHeader.sass");
|
||
/* harmony import */ var _VDatePickerHeader_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDatePickerHeader_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_localable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/localable */ "./src/mixins/localable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util */ "./src/components/VDatePicker/util/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
// Components
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_localable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-date-picker-header',
|
||
props: {
|
||
disabled: Boolean,
|
||
format: Function,
|
||
min: String,
|
||
max: String,
|
||
nextIcon: {
|
||
type: String,
|
||
default: '$next'
|
||
},
|
||
prevIcon: {
|
||
type: String,
|
||
default: '$prev'
|
||
},
|
||
readonly: Boolean,
|
||
value: {
|
||
type: [Number, String],
|
||
required: true
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isReversing: false
|
||
};
|
||
},
|
||
computed: {
|
||
formatter: function formatter() {
|
||
if (this.format) {
|
||
return this.format;
|
||
} else if (String(this.value).split('-')[1]) {
|
||
return Object(_util__WEBPACK_IMPORTED_MODULE_6__["createNativeLocaleFormatter"])(this.currentLocale, {
|
||
month: 'long',
|
||
year: 'numeric',
|
||
timeZone: 'UTC'
|
||
}, {
|
||
length: 7
|
||
});
|
||
} else {
|
||
return Object(_util__WEBPACK_IMPORTED_MODULE_6__["createNativeLocaleFormatter"])(this.currentLocale, {
|
||
year: 'numeric',
|
||
timeZone: 'UTC'
|
||
}, {
|
||
length: 4
|
||
});
|
||
}
|
||
}
|
||
},
|
||
watch: {
|
||
value: function value(newVal, oldVal) {
|
||
this.isReversing = newVal < oldVal;
|
||
}
|
||
},
|
||
methods: {
|
||
genBtn: function genBtn(change) {
|
||
var _this = this;
|
||
|
||
var disabled = this.disabled || change < 0 && this.min && this.calculateChange(change) < this.min || change > 0 && this.max && this.calculateChange(change) > this.max;
|
||
return this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
dark: this.dark,
|
||
disabled: disabled,
|
||
icon: true,
|
||
light: this.light
|
||
},
|
||
nativeOn: {
|
||
click: function click(e) {
|
||
e.stopPropagation();
|
||
|
||
_this.$emit('input', _this.calculateChange(change));
|
||
}
|
||
}
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], change < 0 === !this.$vuetify.rtl ? this.prevIcon : this.nextIcon)]);
|
||
},
|
||
calculateChange: function calculateChange(sign) {
|
||
var _a = __read(String(this.value).split('-').map(Number), 2),
|
||
year = _a[0],
|
||
month = _a[1];
|
||
|
||
if (month == null) {
|
||
return "" + (year + sign);
|
||
} else {
|
||
return Object(_util__WEBPACK_IMPORTED_MODULE_6__["monthChange"])(String(this.value), sign);
|
||
}
|
||
},
|
||
genHeader: function genHeader() {
|
||
var _this = this;
|
||
|
||
var color = !this.disabled && (this.color || 'accent');
|
||
var header = this.$createElement('div', this.setTextColor(color, {
|
||
key: String(this.value)
|
||
}), [this.$createElement('button', {
|
||
attrs: {
|
||
type: 'button'
|
||
},
|
||
on: {
|
||
click: function click() {
|
||
return _this.$emit('toggle');
|
||
}
|
||
}
|
||
}, [this.$slots.default || this.formatter(String(this.value))])]);
|
||
var transition = this.$createElement('transition', {
|
||
props: {
|
||
name: this.isReversing === !this.$vuetify.rtl ? 'tab-reverse-transition' : 'tab-transition'
|
||
}
|
||
}, [header]);
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-date-picker-header__value',
|
||
class: {
|
||
'v-date-picker-header__value--disabled': this.disabled
|
||
}
|
||
}, [transition]);
|
||
}
|
||
},
|
||
render: function render() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-date-picker-header',
|
||
class: __assign({
|
||
'v-date-picker-header--disabled': this.disabled
|
||
}, this.themeClasses)
|
||
}, [this.genBtn(-1), this.genHeader(), this.genBtn(+1)]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerMonthTable.ts":
|
||
/*!*************************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerMonthTable.ts ***!
|
||
\*************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_date_picker_table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mixins/date-picker-table */ "./src/components/VDatePicker/mixins/date-picker-table.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ "./src/components/VDatePicker/util/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Mixins
|
||
// Utils
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_date_picker_table__WEBPACK_IMPORTED_MODULE_0__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-date-picker-month-table',
|
||
computed: {
|
||
formatter: function formatter() {
|
||
return this.format || Object(_util__WEBPACK_IMPORTED_MODULE_1__["createNativeLocaleFormatter"])(this.currentLocale, {
|
||
month: 'short',
|
||
timeZone: 'UTC'
|
||
}, {
|
||
start: 5,
|
||
length: 2
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
calculateTableDate: function calculateTableDate(delta) {
|
||
return "" + (parseInt(this.tableDate, 10) + Math.sign(delta || 1));
|
||
},
|
||
genTBody: function genTBody() {
|
||
var _this = this;
|
||
|
||
var children = [];
|
||
var cols = Array(3).fill(null);
|
||
var rows = 12 / cols.length;
|
||
|
||
var _loop_1 = function _loop_1(row) {
|
||
var tds = cols.map(function (_, col) {
|
||
var month = row * cols.length + col;
|
||
var date = _this.displayedYear + "-" + Object(_util__WEBPACK_IMPORTED_MODULE_1__["pad"])(month + 1);
|
||
return _this.$createElement('td', {
|
||
key: month
|
||
}, [_this.genButton(date, false, 'month', _this.formatter)]);
|
||
});
|
||
children.push(this_1.$createElement('tr', {
|
||
key: row
|
||
}, tds));
|
||
};
|
||
|
||
var this_1 = this;
|
||
|
||
for (var row = 0; row < rows; row++) {
|
||
_loop_1(row);
|
||
}
|
||
|
||
return this.$createElement('tbody', children);
|
||
}
|
||
},
|
||
render: function render() {
|
||
return this.genTable('v-date-picker-table v-date-picker-table--month', [this.genTBody()], this.calculateTableDate);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerTable.sass":
|
||
/*!**********************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerTable.sass ***!
|
||
\**********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerTitle.sass":
|
||
/*!**********************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerTitle.sass ***!
|
||
\**********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerTitle.ts":
|
||
/*!********************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerTitle.ts ***!
|
||
\********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDatePickerTitle_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDatePickerTitle.sass */ "./src/components/VDatePicker/VDatePickerTitle.sass");
|
||
/* harmony import */ var _VDatePickerTitle_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDatePickerTitle_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_picker_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/picker-button */ "./src/mixins/picker-button/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
// Utils
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_picker_button__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-date-picker-title',
|
||
props: {
|
||
date: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
disabled: Boolean,
|
||
readonly: Boolean,
|
||
selectingYear: Boolean,
|
||
value: {
|
||
type: String
|
||
},
|
||
year: {
|
||
type: [Number, String],
|
||
default: ''
|
||
},
|
||
yearIcon: {
|
||
type: String
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isReversing: false
|
||
};
|
||
},
|
||
computed: {
|
||
computedTransition: function computedTransition() {
|
||
return this.isReversing ? 'picker-reverse-transition' : 'picker-transition';
|
||
}
|
||
},
|
||
watch: {
|
||
value: function value(val, prev) {
|
||
this.isReversing = val < prev;
|
||
}
|
||
},
|
||
methods: {
|
||
genYearIcon: function genYearIcon() {
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
dark: true
|
||
}
|
||
}, this.yearIcon);
|
||
},
|
||
getYearBtn: function getYearBtn() {
|
||
return this.genPickerButton('selectingYear', true, [String(this.year), this.yearIcon ? this.genYearIcon() : null], false, 'v-date-picker-title__year');
|
||
},
|
||
genTitleText: function genTitleText() {
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
name: this.computedTransition
|
||
}
|
||
}, [this.$createElement('div', {
|
||
domProps: {
|
||
innerHTML: this.date || ' '
|
||
},
|
||
key: this.value
|
||
})]);
|
||
},
|
||
genTitleDate: function genTitleDate() {
|
||
return this.genPickerButton('selectingYear', false, [this.genTitleText()], false, 'v-date-picker-title__date');
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-date-picker-title',
|
||
class: {
|
||
'v-date-picker-title--disabled': this.disabled
|
||
}
|
||
}, [this.getYearBtn(), this.genTitleDate()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerYears.sass":
|
||
/*!**********************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerYears.sass ***!
|
||
\**********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/VDatePickerYears.ts":
|
||
/*!********************************************************!*\
|
||
!*** ./src/components/VDatePicker/VDatePickerYears.ts ***!
|
||
\********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDatePickerYears_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDatePickerYears.sass */ "./src/components/VDatePicker/VDatePickerYears.sass");
|
||
/* harmony import */ var _VDatePickerYears_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDatePickerYears_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_localable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/localable */ "./src/mixins/localable/index.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./src/components/VDatePicker/util/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Mixins
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_localable__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-date-picker-years',
|
||
props: {
|
||
format: Function,
|
||
min: [Number, String],
|
||
max: [Number, String],
|
||
readonly: Boolean,
|
||
value: [Number, String]
|
||
},
|
||
data: function data() {
|
||
return {
|
||
defaultColor: 'primary'
|
||
};
|
||
},
|
||
computed: {
|
||
formatter: function formatter() {
|
||
return this.format || Object(_util__WEBPACK_IMPORTED_MODULE_3__["createNativeLocaleFormatter"])(this.currentLocale, {
|
||
year: 'numeric',
|
||
timeZone: 'UTC'
|
||
}, {
|
||
length: 4
|
||
});
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
var _this = this;
|
||
|
||
setTimeout(function () {
|
||
var activeItem = _this.$el.getElementsByClassName('active')[0];
|
||
|
||
if (activeItem) {
|
||
_this.$el.scrollTop = activeItem.offsetTop - _this.$el.offsetHeight / 2 + activeItem.offsetHeight / 2;
|
||
} else if (_this.min && !_this.max) {
|
||
_this.$el.scrollTop = _this.$el.scrollHeight;
|
||
} else if (!_this.min && _this.max) {
|
||
_this.$el.scrollTop = 0;
|
||
} else {
|
||
_this.$el.scrollTop = _this.$el.scrollHeight / 2 - _this.$el.offsetHeight / 2;
|
||
}
|
||
});
|
||
},
|
||
methods: {
|
||
genYearItem: function genYearItem(year) {
|
||
var _this = this;
|
||
|
||
var formatted = this.formatter("" + year);
|
||
var active = parseInt(this.value, 10) === year;
|
||
var color = active && (this.color || 'primary');
|
||
return this.$createElement('li', this.setTextColor(color, {
|
||
key: year,
|
||
class: {
|
||
active: active
|
||
},
|
||
on: {
|
||
click: function click() {
|
||
return _this.$emit('input', year);
|
||
}
|
||
}
|
||
}), formatted);
|
||
},
|
||
genYearItems: function genYearItems() {
|
||
var children = [];
|
||
var selectedYear = this.value ? parseInt(this.value, 10) : new Date().getFullYear();
|
||
var maxYear = this.max ? parseInt(this.max, 10) : selectedYear + 100;
|
||
var minYear = Math.min(maxYear, this.min ? parseInt(this.min, 10) : selectedYear - 100);
|
||
|
||
for (var year = maxYear; year >= minYear; year--) {
|
||
children.push(this.genYearItem(year));
|
||
}
|
||
|
||
return children;
|
||
}
|
||
},
|
||
render: function render() {
|
||
return this.$createElement('ul', {
|
||
staticClass: 'v-date-picker-years',
|
||
ref: 'years'
|
||
}, this.genYearItems());
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VDatePicker/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: VDatePicker, VDatePickerTitle, VDatePickerHeader, VDatePickerDateTable, VDatePickerMonthTable, VDatePickerYears, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDatePicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDatePicker */ "./src/components/VDatePicker/VDatePicker.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePicker", function() { return _VDatePicker__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VDatePickerTitle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VDatePickerTitle */ "./src/components/VDatePicker/VDatePickerTitle.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerTitle", function() { return _VDatePickerTitle__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VDatePickerHeader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VDatePickerHeader */ "./src/components/VDatePicker/VDatePickerHeader.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerHeader", function() { return _VDatePickerHeader__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _VDatePickerDateTable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VDatePickerDateTable */ "./src/components/VDatePicker/VDatePickerDateTable.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerDateTable", function() { return _VDatePickerDateTable__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
/* harmony import */ var _VDatePickerMonthTable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VDatePickerMonthTable */ "./src/components/VDatePicker/VDatePickerMonthTable.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerMonthTable", function() { return _VDatePickerMonthTable__WEBPACK_IMPORTED_MODULE_4__["default"]; });
|
||
|
||
/* harmony import */ var _VDatePickerYears__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VDatePickerYears */ "./src/components/VDatePicker/VDatePickerYears.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerYears", function() { return _VDatePickerYears__WEBPACK_IMPORTED_MODULE_5__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VDatePicker: _VDatePicker__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VDatePickerTitle: _VDatePickerTitle__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VDatePickerHeader: _VDatePickerHeader__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||
VDatePickerDateTable: _VDatePickerDateTable__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||
VDatePickerMonthTable: _VDatePickerMonthTable__WEBPACK_IMPORTED_MODULE_4__["default"],
|
||
VDatePickerYears: _VDatePickerYears__WEBPACK_IMPORTED_MODULE_5__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/mixins/date-picker-table.ts":
|
||
/*!****************************************************************!*\
|
||
!*** ./src/components/VDatePicker/mixins/date-picker-table.ts ***!
|
||
\****************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDatePickerTable_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VDatePickerTable.sass */ "./src/components/VDatePicker/VDatePickerTable.sass");
|
||
/* harmony import */ var _VDatePickerTable_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDatePickerTable_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _directives_touch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../directives/touch */ "./src/directives/touch/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_localable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../mixins/localable */ "./src/mixins/localable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_isDateAllowed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util/isDateAllowed */ "./src/components/VDatePicker/util/isDateAllowed.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
// Directives
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_localable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
directives: {
|
||
Touch: _directives_touch__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
},
|
||
props: {
|
||
allowedDates: Function,
|
||
current: String,
|
||
disabled: Boolean,
|
||
format: Function,
|
||
events: {
|
||
type: [Array, Function, Object],
|
||
default: function _default() {
|
||
return null;
|
||
}
|
||
},
|
||
eventColor: {
|
||
type: [Array, Function, Object, String],
|
||
default: function _default() {
|
||
return 'warning';
|
||
}
|
||
},
|
||
min: String,
|
||
max: String,
|
||
range: Boolean,
|
||
readonly: Boolean,
|
||
scrollable: Boolean,
|
||
tableDate: {
|
||
type: String,
|
||
required: true
|
||
},
|
||
value: [String, Array]
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isReversing: false
|
||
};
|
||
},
|
||
computed: {
|
||
computedTransition: function computedTransition() {
|
||
return this.isReversing === !this.$vuetify.rtl ? 'tab-reverse-transition' : 'tab-transition';
|
||
},
|
||
displayedMonth: function displayedMonth() {
|
||
return Number(this.tableDate.split('-')[1]) - 1;
|
||
},
|
||
displayedYear: function displayedYear() {
|
||
return Number(this.tableDate.split('-')[0]);
|
||
}
|
||
},
|
||
watch: {
|
||
tableDate: function tableDate(newVal, oldVal) {
|
||
this.isReversing = newVal < oldVal;
|
||
}
|
||
},
|
||
methods: {
|
||
genButtonClasses: function genButtonClasses(isAllowed, isFloating, isSelected, isCurrent) {
|
||
return __assign({
|
||
'v-size--default': !isFloating,
|
||
'v-date-picker-table__current': isCurrent,
|
||
'v-btn--active': isSelected,
|
||
'v-btn--flat': !isAllowed || this.disabled,
|
||
'v-btn--text': isSelected === isCurrent,
|
||
'v-btn--rounded': isFloating,
|
||
'v-btn--disabled': !isAllowed || this.disabled,
|
||
'v-btn--outlined': isCurrent && !isSelected
|
||
}, this.themeClasses);
|
||
},
|
||
genButtonEvents: function genButtonEvents(value, isAllowed, mouseEventType) {
|
||
var _this = this;
|
||
|
||
if (this.disabled) return undefined;
|
||
return {
|
||
click: function click() {
|
||
isAllowed && !_this.readonly && _this.$emit('input', value);
|
||
|
||
_this.$emit("click:" + mouseEventType, value);
|
||
},
|
||
dblclick: function dblclick() {
|
||
return _this.$emit("dblclick:" + mouseEventType, value);
|
||
}
|
||
};
|
||
},
|
||
genButton: function genButton(value, isFloating, mouseEventType, formatter) {
|
||
var isAllowed = Object(_util_isDateAllowed__WEBPACK_IMPORTED_MODULE_5__["default"])(value, this.min, this.max, this.allowedDates);
|
||
var isSelected = this.isSelected(value);
|
||
var isCurrent = value === this.current;
|
||
var setColor = isSelected ? this.setBackgroundColor : this.setTextColor;
|
||
var color = (isSelected || isCurrent) && (this.color || 'accent');
|
||
return this.$createElement('button', setColor(color, {
|
||
staticClass: 'v-btn',
|
||
class: this.genButtonClasses(isAllowed, isFloating, isSelected, isCurrent),
|
||
attrs: {
|
||
type: 'button'
|
||
},
|
||
domProps: {
|
||
disabled: this.disabled || !isAllowed
|
||
},
|
||
on: this.genButtonEvents(value, isAllowed, mouseEventType)
|
||
}), [this.$createElement('div', {
|
||
staticClass: 'v-btn__content'
|
||
}, [formatter(value)]), this.genEvents(value)]);
|
||
},
|
||
getEventColors: function getEventColors(date) {
|
||
var arrayize = function arrayize(v) {
|
||
return Array.isArray(v) ? v : [v];
|
||
};
|
||
|
||
var eventData;
|
||
var eventColors = [];
|
||
|
||
if (Array.isArray(this.events)) {
|
||
eventData = this.events.includes(date);
|
||
} else if (this.events instanceof Function) {
|
||
eventData = this.events(date) || false;
|
||
} else if (this.events) {
|
||
eventData = this.events[date] || false;
|
||
} else {
|
||
eventData = false;
|
||
}
|
||
|
||
if (!eventData) {
|
||
return [];
|
||
} else if (eventData !== true) {
|
||
eventColors = arrayize(eventData);
|
||
} else if (typeof this.eventColor === 'string') {
|
||
eventColors = [this.eventColor];
|
||
} else if (typeof this.eventColor === 'function') {
|
||
eventColors = arrayize(this.eventColor(date));
|
||
} else if (Array.isArray(this.eventColor)) {
|
||
eventColors = this.eventColor;
|
||
} else {
|
||
eventColors = arrayize(this.eventColor[date]);
|
||
}
|
||
|
||
return eventColors.filter(function (v) {
|
||
return v;
|
||
});
|
||
},
|
||
genEvents: function genEvents(date) {
|
||
var _this = this;
|
||
|
||
var eventColors = this.getEventColors(date);
|
||
return eventColors.length ? this.$createElement('div', {
|
||
staticClass: 'v-date-picker-table__events'
|
||
}, eventColors.map(function (color) {
|
||
return _this.$createElement('div', _this.setBackgroundColor(color));
|
||
})) : null;
|
||
},
|
||
wheel: function wheel(e, calculateTableDate) {
|
||
e.preventDefault();
|
||
this.$emit('update:table-date', calculateTableDate(e.deltaY));
|
||
},
|
||
touch: function touch(value, calculateTableDate) {
|
||
this.$emit('update:table-date', calculateTableDate(value));
|
||
},
|
||
genTable: function genTable(staticClass, children, calculateTableDate) {
|
||
var _this = this;
|
||
|
||
var transition = this.$createElement('transition', {
|
||
props: {
|
||
name: this.computedTransition
|
||
}
|
||
}, [this.$createElement('table', {
|
||
key: this.tableDate
|
||
}, children)]);
|
||
var touchDirective = {
|
||
name: 'touch',
|
||
value: {
|
||
left: function left(e) {
|
||
return e.offsetX < -15 && _this.touch(1, calculateTableDate);
|
||
},
|
||
right: function right(e) {
|
||
return e.offsetX > 15 && _this.touch(-1, calculateTableDate);
|
||
}
|
||
}
|
||
};
|
||
return this.$createElement('div', {
|
||
staticClass: staticClass,
|
||
class: __assign({
|
||
'v-date-picker-table--disabled': this.disabled
|
||
}, this.themeClasses),
|
||
on: !this.disabled && this.scrollable ? {
|
||
wheel: function wheel(e) {
|
||
return _this.wheel(e, calculateTableDate);
|
||
}
|
||
} : undefined,
|
||
directives: [touchDirective]
|
||
}, [transition]);
|
||
},
|
||
isSelected: function isSelected(value) {
|
||
if (Array.isArray(this.value)) {
|
||
if (this.range && this.value.length === 2) {
|
||
var _a = __read(__spread(this.value).sort(), 2),
|
||
from = _a[0],
|
||
to = _a[1];
|
||
|
||
return from <= value && value <= to;
|
||
} else {
|
||
return this.value.indexOf(value) !== -1;
|
||
}
|
||
}
|
||
|
||
return value === this.value;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/util/createNativeLocaleFormatter.ts":
|
||
/*!************************************************************************!*\
|
||
!*** ./src/components/VDatePicker/util/createNativeLocaleFormatter.ts ***!
|
||
\************************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _pad__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pad */ "./src/components/VDatePicker/util/pad.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
function createNativeLocaleFormatter(locale, options, substrOptions) {
|
||
if (substrOptions === void 0) {
|
||
substrOptions = {
|
||
start: 0,
|
||
length: 0
|
||
};
|
||
}
|
||
|
||
var makeIsoString = function makeIsoString(dateString) {
|
||
var _a = __read(dateString.trim().split(' ')[0].split('-'), 3),
|
||
year = _a[0],
|
||
month = _a[1],
|
||
date = _a[2];
|
||
|
||
return [Object(_pad__WEBPACK_IMPORTED_MODULE_0__["default"])(year, 4), Object(_pad__WEBPACK_IMPORTED_MODULE_0__["default"])(month || 1), Object(_pad__WEBPACK_IMPORTED_MODULE_0__["default"])(date || 1)].join('-');
|
||
};
|
||
|
||
try {
|
||
var intlFormatter_1 = new Intl.DateTimeFormat(locale || undefined, options);
|
||
return function (dateString) {
|
||
return intlFormatter_1.format(new Date(makeIsoString(dateString) + "T00:00:00+00:00"));
|
||
};
|
||
} catch (e) {
|
||
return substrOptions.start || substrOptions.length ? function (dateString) {
|
||
return makeIsoString(dateString).substr(substrOptions.start || 0, substrOptions.length);
|
||
} : undefined;
|
||
}
|
||
}
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (createNativeLocaleFormatter);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/util/index.ts":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VDatePicker/util/index.ts ***!
|
||
\**************************************************/
|
||
/*! exports provided: createNativeLocaleFormatter, monthChange, pad */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _createNativeLocaleFormatter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createNativeLocaleFormatter */ "./src/components/VDatePicker/util/createNativeLocaleFormatter.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createNativeLocaleFormatter", function() { return _createNativeLocaleFormatter__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _monthChange__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./monthChange */ "./src/components/VDatePicker/util/monthChange.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "monthChange", function() { return _monthChange__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _pad__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pad */ "./src/components/VDatePicker/util/pad.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "pad", function() { return _pad__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/util/isDateAllowed.ts":
|
||
/*!**********************************************************!*\
|
||
!*** ./src/components/VDatePicker/util/isDateAllowed.ts ***!
|
||
\**********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return isDateAllowed; });
|
||
function isDateAllowed(date, min, max, allowedFn) {
|
||
return (!allowedFn || allowedFn(date)) && (!min || date >= min.substr(0, 10)) && (!max || date <= max);
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/util/monthChange.ts":
|
||
/*!********************************************************!*\
|
||
!*** ./src/components/VDatePicker/util/monthChange.ts ***!
|
||
\********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _pad__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pad */ "./src/components/VDatePicker/util/pad.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
/**
|
||
* @param {String} value YYYY-MM format
|
||
* @param {Number} sign -1 or +1
|
||
*/
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (function (value, sign) {
|
||
var _a = __read(value.split('-').map(Number), 2),
|
||
year = _a[0],
|
||
month = _a[1];
|
||
|
||
if (month + sign === 0) {
|
||
return year - 1 + "-12";
|
||
} else if (month + sign === 13) {
|
||
return year + 1 + "-01";
|
||
} else {
|
||
return year + "-" + Object(_pad__WEBPACK_IMPORTED_MODULE_0__["default"])(month + sign);
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDatePicker/util/pad.ts":
|
||
/*!************************************************!*\
|
||
!*** ./src/components/VDatePicker/util/pad.ts ***!
|
||
\************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
var padStart = function padStart(string, targetLength, padString) {
|
||
targetLength = targetLength >> 0;
|
||
string = String(string);
|
||
padString = String(padString);
|
||
|
||
if (string.length > targetLength) {
|
||
return String(string);
|
||
}
|
||
|
||
targetLength = targetLength - string.length;
|
||
|
||
if (targetLength > padString.length) {
|
||
padString += padString.repeat(targetLength / padString.length);
|
||
}
|
||
|
||
return padString.slice(0, targetLength) + String(string);
|
||
};
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (function (n, length) {
|
||
if (length === void 0) {
|
||
length = 2;
|
||
}
|
||
|
||
return padStart(n, length, '0');
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDialog/VDialog.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VDialog/VDialog.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDialog/VDialog.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VDialog/VDialog.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDialog_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDialog.sass */ "./src/components/VDialog/VDialog.sass");
|
||
/* harmony import */ var _VDialog_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDialog_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VThemeProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VThemeProvider */ "./src/components/VThemeProvider/index.ts");
|
||
/* harmony import */ var _mixins_activatable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/activatable */ "./src/mixins/activatable/index.ts");
|
||
/* harmony import */ var _mixins_dependent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/dependent */ "./src/mixins/dependent/index.ts");
|
||
/* harmony import */ var _mixins_detachable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/detachable */ "./src/mixins/detachable/index.ts");
|
||
/* harmony import */ var _mixins_overlayable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/overlayable */ "./src/mixins/overlayable/index.ts");
|
||
/* harmony import */ var _mixins_returnable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/returnable */ "./src/mixins/returnable/index.ts");
|
||
/* harmony import */ var _mixins_stackable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/stackable */ "./src/mixins/stackable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _directives_click_outside__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../directives/click-outside */ "./src/directives/click-outside/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Helpers
|
||
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_mixins_activatable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_dependent__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_detachable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_overlayable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_returnable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_stackable__WEBPACK_IMPORTED_MODULE_7__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_8__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-dialog',
|
||
directives: {
|
||
ClickOutside: _directives_click_outside__WEBPACK_IMPORTED_MODULE_9__["default"]
|
||
},
|
||
props: {
|
||
dark: Boolean,
|
||
disabled: Boolean,
|
||
fullscreen: Boolean,
|
||
light: Boolean,
|
||
maxWidth: {
|
||
type: [String, Number],
|
||
default: 'none'
|
||
},
|
||
noClickAnimation: Boolean,
|
||
origin: {
|
||
type: String,
|
||
default: 'center center'
|
||
},
|
||
persistent: Boolean,
|
||
retainFocus: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
scrollable: Boolean,
|
||
transition: {
|
||
type: [String, Boolean],
|
||
default: 'dialog-transition'
|
||
},
|
||
width: {
|
||
type: [String, Number],
|
||
default: 'auto'
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
activatedBy: null,
|
||
animate: false,
|
||
animateTimeout: -1,
|
||
isActive: !!this.value,
|
||
stackMinZIndex: 200
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
var _a;
|
||
|
||
return _a = {}, _a[("v-dialog " + this.contentClass).trim()] = true, _a['v-dialog--active'] = this.isActive, _a['v-dialog--persistent'] = this.persistent, _a['v-dialog--fullscreen'] = this.fullscreen, _a['v-dialog--scrollable'] = this.scrollable, _a['v-dialog--animated'] = this.animate, _a;
|
||
},
|
||
contentClasses: function contentClasses() {
|
||
return {
|
||
'v-dialog__content': true,
|
||
'v-dialog__content--active': this.isActive
|
||
};
|
||
},
|
||
hasActivator: function hasActivator() {
|
||
return Boolean(!!this.$slots.activator || !!this.$scopedSlots.activator);
|
||
}
|
||
},
|
||
watch: {
|
||
isActive: function isActive(val) {
|
||
if (val) {
|
||
this.show();
|
||
this.hideScroll();
|
||
} else {
|
||
this.removeOverlay();
|
||
this.unbind();
|
||
}
|
||
},
|
||
fullscreen: function fullscreen(val) {
|
||
if (!this.isActive) return;
|
||
|
||
if (val) {
|
||
this.hideScroll();
|
||
this.removeOverlay(false);
|
||
} else {
|
||
this.showScroll();
|
||
this.genOverlay();
|
||
}
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$attrs.hasOwnProperty('full-width')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_11__["removed"])('full-width', this);
|
||
}
|
||
},
|
||
beforeMount: function beforeMount() {
|
||
var _this = this;
|
||
|
||
this.$nextTick(function () {
|
||
_this.isBooted = _this.isActive;
|
||
_this.isActive && _this.show();
|
||
});
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
if (typeof window !== 'undefined') this.unbind();
|
||
},
|
||
methods: {
|
||
animateClick: function animateClick() {
|
||
var _this = this;
|
||
|
||
this.animate = false; // Needed for when clicking very fast
|
||
// outside of the dialog
|
||
|
||
this.$nextTick(function () {
|
||
_this.animate = true;
|
||
window.clearTimeout(_this.animateTimeout);
|
||
_this.animateTimeout = window.setTimeout(function () {
|
||
return _this.animate = false;
|
||
}, 150);
|
||
});
|
||
},
|
||
closeConditional: function closeConditional(e) {
|
||
var target = e.target; // Ignore the click if the dialog is closed or destroyed,
|
||
// if it was on an element inside the content,
|
||
// if it was dragged onto the overlay (#6969),
|
||
// or if this isn't the topmost dialog (#9907)
|
||
|
||
return !(this._isDestroyed || !this.isActive || this.$refs.content.contains(target) || this.overlay && target && !this.overlay.$el.contains(target)) && this.activeZIndex >= this.getMaxZIndex();
|
||
},
|
||
hideScroll: function hideScroll() {
|
||
if (this.fullscreen) {
|
||
document.documentElement.classList.add('overflow-y-hidden');
|
||
} else {
|
||
_mixins_overlayable__WEBPACK_IMPORTED_MODULE_5__["default"].options.methods.hideScroll.call(this);
|
||
}
|
||
},
|
||
show: function show() {
|
||
var _this = this;
|
||
|
||
!this.fullscreen && !this.hideOverlay && this.genOverlay();
|
||
this.$nextTick(function () {
|
||
_this.$refs.content.focus();
|
||
|
||
_this.bind();
|
||
});
|
||
},
|
||
bind: function bind() {
|
||
window.addEventListener('focusin', this.onFocusin);
|
||
},
|
||
unbind: function unbind() {
|
||
window.removeEventListener('focusin', this.onFocusin);
|
||
},
|
||
onClickOutside: function onClickOutside(e) {
|
||
this.$emit('click:outside', e);
|
||
|
||
if (this.persistent) {
|
||
this.noClickAnimation || this.animateClick();
|
||
} else {
|
||
this.isActive = false;
|
||
}
|
||
},
|
||
onKeydown: function onKeydown(e) {
|
||
if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_12__["keyCodes"].esc && !this.getOpenDependents().length) {
|
||
if (!this.persistent) {
|
||
this.isActive = false;
|
||
var activator_1 = this.getActivator();
|
||
this.$nextTick(function () {
|
||
return activator_1 && activator_1.focus();
|
||
});
|
||
} else if (!this.noClickAnimation) {
|
||
this.animateClick();
|
||
}
|
||
}
|
||
|
||
this.$emit('keydown', e);
|
||
},
|
||
// On focus change, wrap focus to stay inside the dialog
|
||
// https://github.com/vuetifyjs/vuetify/issues/6892
|
||
onFocusin: function onFocusin(e) {
|
||
if (!e || !this.retainFocus) return;
|
||
var target = e.target;
|
||
|
||
if (!!target && // It isn't the document or the dialog body
|
||
![document, this.$refs.content].includes(target) && // It isn't inside the dialog body
|
||
!this.$refs.content.contains(target) && // We're the topmost dialog
|
||
this.activeZIndex >= this.getMaxZIndex() && // It isn't inside a dependent element (like a menu)
|
||
!this.getOpenDependentElements().some(function (el) {
|
||
return el.contains(target);
|
||
}) // So we must have focused something outside the dialog and its children
|
||
) {
|
||
// Find and focus the first available element inside the dialog
|
||
var focusable = this.$refs.content.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
||
focusable.length && focusable[0].focus();
|
||
}
|
||
},
|
||
genContent: function genContent() {
|
||
var _this = this;
|
||
|
||
return this.showLazyContent(function () {
|
||
return [_this.$createElement(_VThemeProvider__WEBPACK_IMPORTED_MODULE_1__["VThemeProvider"], {
|
||
props: {
|
||
root: true,
|
||
light: _this.light,
|
||
dark: _this.dark
|
||
}
|
||
}, [_this.$createElement('div', {
|
||
class: _this.contentClasses,
|
||
attrs: __assign({
|
||
role: 'document',
|
||
tabindex: _this.isActive ? 0 : undefined
|
||
}, _this.getScopeIdAttrs()),
|
||
on: {
|
||
keydown: _this.onKeydown
|
||
},
|
||
style: {
|
||
zIndex: _this.activeZIndex
|
||
},
|
||
ref: 'content'
|
||
}, [_this.genTransition()])])];
|
||
});
|
||
},
|
||
genTransition: function genTransition() {
|
||
var content = this.genInnerContent();
|
||
if (!this.transition) return content;
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
name: this.transition,
|
||
origin: this.origin,
|
||
appear: true
|
||
}
|
||
}, [content]);
|
||
},
|
||
genInnerContent: function genInnerContent() {
|
||
var data = {
|
||
class: this.classes,
|
||
ref: 'dialog',
|
||
directives: [{
|
||
name: 'click-outside',
|
||
value: this.onClickOutside,
|
||
args: {
|
||
closeConditional: this.closeConditional,
|
||
include: this.getOpenDependentElements
|
||
}
|
||
}, {
|
||
name: 'show',
|
||
value: this.isActive
|
||
}],
|
||
style: {
|
||
transformOrigin: this.origin
|
||
}
|
||
};
|
||
|
||
if (!this.fullscreen) {
|
||
data.style = __assign({}, data.style, {
|
||
maxWidth: this.maxWidth === 'none' ? undefined : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["convertToUnit"])(this.maxWidth),
|
||
width: this.width === 'auto' ? undefined : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["convertToUnit"])(this.width)
|
||
});
|
||
}
|
||
|
||
return this.$createElement('div', data, this.getContentSlot());
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-dialog__container',
|
||
class: {
|
||
'v-dialog__container--attached': this.attach === '' || this.attach === true || this.attach === 'attach'
|
||
},
|
||
attrs: {
|
||
role: 'dialog'
|
||
}
|
||
}, [this.genActivator(), this.genContent()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDialog/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VDialog/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VDialog, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDialog */ "./src/components/VDialog/VDialog.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDialog", function() { return _VDialog__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VDialog__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDivider/VDivider.sass":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VDivider/VDivider.sass ***!
|
||
\***********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDivider/VDivider.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VDivider/VDivider.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDivider_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDivider.sass */ "./src/components/VDivider/VDivider.sass");
|
||
/* harmony import */ var _VDivider_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VDivider_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_themeable__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-divider',
|
||
props: {
|
||
inset: Boolean,
|
||
vertical: Boolean
|
||
},
|
||
render: function render(h) {
|
||
// WAI-ARIA attributes
|
||
var orientation;
|
||
|
||
if (!this.$attrs.role || this.$attrs.role === 'separator') {
|
||
orientation = this.vertical ? 'vertical' : 'horizontal';
|
||
}
|
||
|
||
return h('hr', {
|
||
class: __assign({
|
||
'v-divider': true,
|
||
'v-divider--inset': this.inset,
|
||
'v-divider--vertical': this.vertical
|
||
}, this.themeClasses),
|
||
attrs: __assign({
|
||
role: 'separator',
|
||
'aria-orientation': orientation
|
||
}, this.$attrs),
|
||
on: this.$listeners
|
||
});
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VDivider/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VDivider/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: VDivider, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VDivider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VDivider */ "./src/components/VDivider/VDivider.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDivider", function() { return _VDivider__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VDivider__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VExpansionPanel/VExpansionPanel.sass":
|
||
/*!*************************************************************!*\
|
||
!*** ./src/components/VExpansionPanel/VExpansionPanel.sass ***!
|
||
\*************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VExpansionPanel/VExpansionPanel.ts":
|
||
/*!***********************************************************!*\
|
||
!*** ./src/components/VExpansionPanel/VExpansionPanel.ts ***!
|
||
\***********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_0__["factory"])('expansionPanels', 'v-expansion-panel', 'v-expansion-panels'), Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_1__["provide"])('expansionPanel', true)
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-expansion-panel',
|
||
props: {
|
||
disabled: Boolean,
|
||
readonly: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
content: null,
|
||
header: null,
|
||
nextIsActive: false
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-expansion-panel--active': this.isActive,
|
||
'v-expansion-panel--next-active': this.nextIsActive,
|
||
'v-expansion-panel--disabled': this.isDisabled
|
||
}, this.groupClasses);
|
||
},
|
||
isDisabled: function isDisabled() {
|
||
return this.expansionPanels.disabled || this.disabled;
|
||
},
|
||
isReadonly: function isReadonly() {
|
||
return this.expansionPanels.readonly || this.readonly;
|
||
}
|
||
},
|
||
methods: {
|
||
registerContent: function registerContent(vm) {
|
||
this.content = vm;
|
||
},
|
||
unregisterContent: function unregisterContent() {
|
||
this.content = null;
|
||
},
|
||
registerHeader: function registerHeader(vm) {
|
||
this.header = vm;
|
||
vm.$on('click', this.onClick);
|
||
},
|
||
unregisterHeader: function unregisterHeader() {
|
||
this.header = null;
|
||
},
|
||
onClick: function onClick(e) {
|
||
if (e.detail) this.header.$el.blur();
|
||
this.$emit('click', e);
|
||
this.isReadonly || this.isDisabled || this.toggle();
|
||
},
|
||
toggle: function toggle() {
|
||
var _this = this;
|
||
/* istanbul ignore else */
|
||
|
||
|
||
if (this.content) this.content.isBooted = true;
|
||
this.$nextTick(function () {
|
||
return _this.$emit('change');
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-expansion-panel',
|
||
class: this.classes,
|
||
attrs: {
|
||
'aria-expanded': String(this.isActive)
|
||
}
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["getSlot"])(this));
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VExpansionPanel/VExpansionPanelContent.ts":
|
||
/*!******************************************************************!*\
|
||
!*** ./src/components/VExpansionPanel/VExpansionPanelContent.ts ***!
|
||
\******************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _mixins_bootable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/bootable */ "./src/mixins/bootable/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_mixins_bootable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_3__["inject"])('expansionPanel', 'v-expansion-panel-content', 'v-expansion-panel'));
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-expansion-panel-content',
|
||
computed: {
|
||
isActive: function isActive() {
|
||
return this.expansionPanel.isActive;
|
||
}
|
||
},
|
||
created: function created() {
|
||
this.expansionPanel.registerContent(this);
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.expansionPanel.unregisterContent();
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
return h(_transitions__WEBPACK_IMPORTED_MODULE_0__["VExpandTransition"], this.showLazyContent(function () {
|
||
return [h('div', _this.setBackgroundColor(_this.color, {
|
||
staticClass: 'v-expansion-panel-content',
|
||
directives: [{
|
||
name: 'show',
|
||
value: _this.isActive
|
||
}]
|
||
}), [h('div', {
|
||
class: 'v-expansion-panel-content__wrap'
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(_this))])];
|
||
}));
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VExpansionPanel/VExpansionPanelHeader.ts":
|
||
/*!*****************************************************************!*\
|
||
!*** ./src/components/VExpansionPanel/VExpansionPanelHeader.ts ***!
|
||
\*****************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Components
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_3__["inject"])('expansionPanel', 'v-expansion-panel-header', 'v-expansion-panel'));
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-expansion-panel-header',
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||
},
|
||
props: {
|
||
disableIconRotate: Boolean,
|
||
expandIcon: {
|
||
type: String,
|
||
default: '$expand'
|
||
},
|
||
hideActions: Boolean,
|
||
ripple: {
|
||
type: [Boolean, Object],
|
||
default: false
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
hasMousedown: false
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return {
|
||
'v-expansion-panel-header--active': this.isActive,
|
||
'v-expansion-panel-header--mousedown': this.hasMousedown
|
||
};
|
||
},
|
||
isActive: function isActive() {
|
||
return this.expansionPanel.isActive;
|
||
},
|
||
isDisabled: function isDisabled() {
|
||
return this.expansionPanel.isDisabled;
|
||
},
|
||
isReadonly: function isReadonly() {
|
||
return this.expansionPanel.isReadonly;
|
||
}
|
||
},
|
||
created: function created() {
|
||
this.expansionPanel.registerHeader(this);
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.expansionPanel.unregisterHeader();
|
||
},
|
||
methods: {
|
||
onClick: function onClick(e) {
|
||
this.$emit('click', e);
|
||
},
|
||
genIcon: function genIcon() {
|
||
var icon = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getSlot"])(this, 'actions') || [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], this.expandIcon)];
|
||
return this.$createElement(_transitions__WEBPACK_IMPORTED_MODULE_0__["VFadeTransition"], [this.$createElement('div', {
|
||
staticClass: 'v-expansion-panel-header__icon',
|
||
class: {
|
||
'v-expansion-panel-header__icon--disable-rotate': this.disableIconRotate
|
||
},
|
||
directives: [{
|
||
name: 'show',
|
||
value: !this.isDisabled
|
||
}]
|
||
}, icon)]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
return h('button', this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-expansion-panel-header',
|
||
class: this.classes,
|
||
attrs: {
|
||
tabindex: this.isDisabled ? -1 : null,
|
||
type: 'button'
|
||
},
|
||
directives: [{
|
||
name: 'ripple',
|
||
value: this.ripple
|
||
}],
|
||
on: __assign({}, this.$listeners, {
|
||
click: this.onClick,
|
||
mousedown: function mousedown() {
|
||
return _this.hasMousedown = true;
|
||
},
|
||
mouseup: function mouseup() {
|
||
return _this.hasMousedown = false;
|
||
}
|
||
})
|
||
}), [Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getSlot"])(this, 'default', {
|
||
open: this.isActive
|
||
}, true), this.hideActions || this.genIcon()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VExpansionPanel/VExpansionPanels.ts":
|
||
/*!************************************************************!*\
|
||
!*** ./src/components/VExpansionPanel/VExpansionPanels.ts ***!
|
||
\************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VExpansionPanel_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VExpansionPanel.sass */ "./src/components/VExpansionPanel/VExpansionPanel.sass");
|
||
/* harmony import */ var _VExpansionPanel_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VExpansionPanel_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__["BaseItemGroup"].extend({
|
||
name: 'v-expansion-panels',
|
||
provide: function provide() {
|
||
return {
|
||
expansionPanels: this
|
||
};
|
||
},
|
||
props: {
|
||
accordion: Boolean,
|
||
disabled: Boolean,
|
||
flat: Boolean,
|
||
hover: Boolean,
|
||
focusable: Boolean,
|
||
inset: Boolean,
|
||
popout: Boolean,
|
||
readonly: Boolean,
|
||
tile: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__["BaseItemGroup"].options.computed.classes.call(this), {
|
||
'v-expansion-panels': true,
|
||
'v-expansion-panels--accordion': this.accordion,
|
||
'v-expansion-panels--flat': this.flat,
|
||
'v-expansion-panels--hover': this.hover,
|
||
'v-expansion-panels--focusable': this.focusable,
|
||
'v-expansion-panels--inset': this.inset,
|
||
'v-expansion-panels--popout': this.popout,
|
||
'v-expansion-panels--tile': this.tile
|
||
});
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$attrs.hasOwnProperty('expand')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_2__["breaking"])('expand', 'multiple', this);
|
||
}
|
||
/* istanbul ignore next */
|
||
|
||
|
||
if (Array.isArray(this.value) && this.value.length > 0 && typeof this.value[0] === 'boolean') {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_2__["breaking"])(':value="[true, false, true]"', ':value="[0, 2]"', this);
|
||
}
|
||
},
|
||
methods: {
|
||
updateItem: function updateItem(item, index) {
|
||
var value = this.getValue(item, index);
|
||
var nextValue = this.getValue(item, index + 1);
|
||
item.isActive = this.toggleMethod(value);
|
||
item.nextIsActive = this.toggleMethod(nextValue);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VExpansionPanel/index.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VExpansionPanel/index.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: VExpansionPanels, VExpansionPanel, VExpansionPanelHeader, VExpansionPanelContent, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VExpansionPanels__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VExpansionPanels */ "./src/components/VExpansionPanel/VExpansionPanels.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpansionPanels", function() { return _VExpansionPanels__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VExpansionPanel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VExpansionPanel */ "./src/components/VExpansionPanel/VExpansionPanel.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpansionPanel", function() { return _VExpansionPanel__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VExpansionPanelContent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VExpansionPanelContent */ "./src/components/VExpansionPanel/VExpansionPanelContent.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpansionPanelContent", function() { return _VExpansionPanelContent__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _VExpansionPanelHeader__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VExpansionPanelHeader */ "./src/components/VExpansionPanel/VExpansionPanelHeader.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpansionPanelHeader", function() { return _VExpansionPanelHeader__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VExpansionPanels: _VExpansionPanels__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VExpansionPanel: _VExpansionPanel__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VExpansionPanelHeader: _VExpansionPanelHeader__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||
VExpansionPanelContent: _VExpansionPanelContent__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VFileInput/VFileInput.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VFileInput/VFileInput.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VFileInput/VFileInput.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VFileInput/VFileInput.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VFileInput_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VFileInput.sass */ "./src/components/VFileInput/VFileInput.sass");
|
||
/* harmony import */ var _VFileInput_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VFileInput_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VTextField__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VTextField */ "./src/components/VTextField/index.ts");
|
||
/* harmony import */ var _VChip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VChip */ "./src/components/VChip/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Components
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VTextField__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-file-input',
|
||
model: {
|
||
prop: 'value',
|
||
event: 'change'
|
||
},
|
||
props: {
|
||
chips: Boolean,
|
||
clearable: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
counterSizeString: {
|
||
type: String,
|
||
default: '$vuetify.fileInput.counterSize'
|
||
},
|
||
counterString: {
|
||
type: String,
|
||
default: '$vuetify.fileInput.counter'
|
||
},
|
||
placeholder: String,
|
||
prependIcon: {
|
||
type: String,
|
||
default: '$file'
|
||
},
|
||
readonly: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
showSize: {
|
||
type: [Boolean, Number],
|
||
default: false,
|
||
validator: function validator(v) {
|
||
return typeof v === 'boolean' || [1000, 1024].includes(v);
|
||
}
|
||
},
|
||
smallChips: Boolean,
|
||
truncateLength: {
|
||
type: [Number, String],
|
||
default: 22
|
||
},
|
||
type: {
|
||
type: String,
|
||
default: 'file'
|
||
},
|
||
value: {
|
||
default: undefined,
|
||
validator: function validator(val) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["wrapInArray"])(val).every(function (v) {
|
||
return v != null && _typeof(v) === 'object';
|
||
});
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VTextField__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-file-input': true
|
||
});
|
||
},
|
||
computedCounterValue: function computedCounterValue() {
|
||
var fileCount = this.isMultiple && this.lazyValue ? this.lazyValue.length : this.lazyValue instanceof File ? 1 : 0;
|
||
if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount);
|
||
var bytes = this.internalArrayValue.reduce(function (bytes, _a) {
|
||
var _b = _a.size,
|
||
size = _b === void 0 ? 0 : _b;
|
||
return bytes + size;
|
||
}, 0);
|
||
return this.$vuetify.lang.t(this.counterSizeString, fileCount, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["humanReadableFileSize"])(bytes, this.base === 1024));
|
||
},
|
||
internalArrayValue: function internalArrayValue() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["wrapInArray"])(this.internalValue);
|
||
},
|
||
internalValue: {
|
||
get: function get() {
|
||
return this.lazyValue;
|
||
},
|
||
set: function set(val) {
|
||
this.lazyValue = val;
|
||
this.$emit('change', this.lazyValue);
|
||
}
|
||
},
|
||
isDirty: function isDirty() {
|
||
return this.internalArrayValue.length > 0;
|
||
},
|
||
isLabelActive: function isLabelActive() {
|
||
return this.isDirty;
|
||
},
|
||
isMultiple: function isMultiple() {
|
||
return this.$attrs.hasOwnProperty('multiple');
|
||
},
|
||
text: function text() {
|
||
var _this = this;
|
||
|
||
if (!this.isDirty) return [this.placeholder];
|
||
return this.internalArrayValue.map(function (file) {
|
||
var _a = file.name,
|
||
name = _a === void 0 ? '' : _a,
|
||
_b = file.size,
|
||
size = _b === void 0 ? 0 : _b;
|
||
|
||
var truncatedText = _this.truncateText(name);
|
||
|
||
return !_this.showSize ? truncatedText : truncatedText + " (" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["humanReadableFileSize"])(size, _this.base === 1024) + ")";
|
||
});
|
||
},
|
||
base: function base() {
|
||
return typeof this.showSize !== 'boolean' ? this.showSize : undefined;
|
||
},
|
||
hasChips: function hasChips() {
|
||
return this.chips || this.smallChips;
|
||
}
|
||
},
|
||
watch: {
|
||
readonly: {
|
||
handler: function handler(v) {
|
||
if (v === true) Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["consoleError"])('readonly is not supported on <v-file-input>', this);
|
||
},
|
||
immediate: true
|
||
},
|
||
value: function value(v) {
|
||
var value = this.isMultiple ? v : v ? [v] : [];
|
||
|
||
if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["deepEqual"])(value, this.$refs.input.files)) {
|
||
// When the input value is changed programatically, clear the
|
||
// internal input's value so that the `onInput` handler
|
||
// can be triggered again if the user re-selects the exact
|
||
// same file(s). Ideally, `input.files` should be
|
||
// manipulated directly but that property is readonly.
|
||
this.$refs.input.value = '';
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
clearableCallback: function clearableCallback() {
|
||
this.internalValue = this.isMultiple ? [] : undefined;
|
||
this.$refs.input.value = '';
|
||
},
|
||
genChips: function genChips() {
|
||
var _this = this;
|
||
|
||
if (!this.isDirty) return [];
|
||
return this.text.map(function (text, index) {
|
||
return _this.$createElement(_VChip__WEBPACK_IMPORTED_MODULE_2__["VChip"], {
|
||
props: {
|
||
small: _this.smallChips
|
||
},
|
||
on: {
|
||
'click:close': function clickClose() {
|
||
var internalValue = _this.internalValue;
|
||
internalValue.splice(index, 1);
|
||
_this.internalValue = internalValue; // Trigger the watcher
|
||
}
|
||
}
|
||
}, [text]);
|
||
});
|
||
},
|
||
genInput: function genInput() {
|
||
var input = _VTextField__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genInput.call(this); // We should not be setting value
|
||
// programmatically on the input
|
||
// when it is using type="file"
|
||
|
||
delete input.data.domProps.value; // This solves an issue in Safari where
|
||
// nothing happens when adding a file
|
||
// do to the input event not firing
|
||
// https://github.com/vuetifyjs/vuetify/issues/7941
|
||
|
||
delete input.data.on.input;
|
||
input.data.on.change = this.onInput;
|
||
return [this.genSelections(), input];
|
||
},
|
||
genPrependSlot: function genPrependSlot() {
|
||
var _this = this;
|
||
|
||
if (!this.prependIcon) return null;
|
||
var icon = this.genIcon('prepend', function () {
|
||
_this.$refs.input.click();
|
||
});
|
||
return this.genSlot('prepend', 'outer', [icon]);
|
||
},
|
||
genSelectionText: function genSelectionText() {
|
||
var length = this.text.length;
|
||
if (length < 2) return this.text;
|
||
if (this.showSize && !this.counter) return [this.computedCounterValue];
|
||
return [this.$vuetify.lang.t(this.counterString, length)];
|
||
},
|
||
genSelections: function genSelections() {
|
||
var _this = this;
|
||
|
||
var children = [];
|
||
|
||
if (this.isDirty && this.$scopedSlots.selection) {
|
||
this.internalArrayValue.forEach(function (file, index) {
|
||
if (!_this.$scopedSlots.selection) return;
|
||
children.push(_this.$scopedSlots.selection({
|
||
text: _this.text[index],
|
||
file: file,
|
||
index: index
|
||
}));
|
||
});
|
||
} else {
|
||
children.push(this.hasChips && this.isDirty ? this.genChips() : this.genSelectionText());
|
||
}
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-file-input__text',
|
||
class: {
|
||
'v-file-input__text--placeholder': this.placeholder && !this.isDirty,
|
||
'v-file-input__text--chips': this.hasChips && !this.$scopedSlots.selection
|
||
}
|
||
}, children);
|
||
},
|
||
genTextFieldSlot: function genTextFieldSlot() {
|
||
var _this = this;
|
||
|
||
var node = _VTextField__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genTextFieldSlot.call(this);
|
||
node.data.on = __assign({}, node.data.on || {}, {
|
||
click: function click() {
|
||
return _this.$refs.input.click();
|
||
}
|
||
});
|
||
return node;
|
||
},
|
||
onInput: function onInput(e) {
|
||
var files = __spread(e.target.files || []);
|
||
|
||
this.internalValue = this.isMultiple ? files : files[0]; // Set initialValue here otherwise isFocused
|
||
// watcher in VTextField will emit a change
|
||
// event whenever the component is blurred
|
||
|
||
this.initialValue = this.internalValue;
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
this.$emit('keydown', e);
|
||
},
|
||
truncateText: function truncateText(str) {
|
||
if (str.length < Number(this.truncateLength)) return str;
|
||
var charsKeepOneSide = Math.floor((Number(this.truncateLength) - 1) / 2);
|
||
return str.slice(0, charsKeepOneSide) + "\u2026" + str.slice(str.length - charsKeepOneSide);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VFileInput/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VFileInput/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VFileInput, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VFileInput__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VFileInput */ "./src/components/VFileInput/VFileInput.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VFileInput", function() { return _VFileInput__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VFileInput__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VFooter/VFooter.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VFooter/VFooter.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VFooter/VFooter.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VFooter/VFooter.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VFooter_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VFooter.sass */ "./src/components/VFooter/VFooter.sass");
|
||
/* harmony import */ var _VFooter_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VFooter_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_applicationable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/applicationable */ "./src/mixins/applicationable/index.ts");
|
||
/* harmony import */ var _VSheet_VSheet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VSheet/VSheet */ "./src/components/VSheet/VSheet.ts");
|
||
/* harmony import */ var _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ssr-bootable */ "./src/mixins/ssr-bootable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_VSheet_VSheet__WEBPACK_IMPORTED_MODULE_2__["default"], Object(_mixins_applicationable__WEBPACK_IMPORTED_MODULE_1__["default"])('footer', ['height', 'inset']), _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_3__["default"]).extend({
|
||
name: 'v-footer',
|
||
props: {
|
||
height: {
|
||
default: 'auto',
|
||
type: [Number, String]
|
||
},
|
||
inset: Boolean,
|
||
padless: Boolean,
|
||
tile: {
|
||
type: Boolean,
|
||
default: true
|
||
}
|
||
},
|
||
computed: {
|
||
applicationProperty: function applicationProperty() {
|
||
return this.inset ? 'insetFooter' : 'footer';
|
||
},
|
||
classes: function classes() {
|
||
return __assign({}, _VSheet_VSheet__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.classes.call(this), {
|
||
'v-footer--absolute': this.absolute,
|
||
'v-footer--fixed': !this.absolute && (this.app || this.fixed),
|
||
'v-footer--padless': this.padless,
|
||
'v-footer--inset': this.inset
|
||
});
|
||
},
|
||
computedBottom: function computedBottom() {
|
||
if (!this.isPositioned) return undefined;
|
||
return this.app ? this.$vuetify.application.bottom : 0;
|
||
},
|
||
computedLeft: function computedLeft() {
|
||
if (!this.isPositioned) return undefined;
|
||
return this.app && this.inset ? this.$vuetify.application.left : 0;
|
||
},
|
||
computedRight: function computedRight() {
|
||
if (!this.isPositioned) return undefined;
|
||
return this.app && this.inset ? this.$vuetify.application.right : 0;
|
||
},
|
||
isPositioned: function isPositioned() {
|
||
return Boolean(this.absolute || this.fixed || this.app);
|
||
},
|
||
styles: function styles() {
|
||
var height = parseInt(this.height);
|
||
return __assign({}, _VSheet_VSheet__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.styles.call(this), {
|
||
height: isNaN(height) ? height : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["convertToUnit"])(height),
|
||
left: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["convertToUnit"])(this.computedLeft),
|
||
right: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["convertToUnit"])(this.computedRight),
|
||
bottom: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["convertToUnit"])(this.computedBottom)
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
updateApplication: function updateApplication() {
|
||
var height = parseInt(this.height);
|
||
return isNaN(height) ? this.$el ? this.$el.clientHeight : 0 : height;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var data = this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-footer',
|
||
class: this.classes,
|
||
style: this.styles
|
||
});
|
||
return h('footer', data, this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VFooter/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VFooter/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VFooter, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VFooter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VFooter */ "./src/components/VFooter/VFooter.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VFooter", function() { return _VFooter__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VFooter__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VForm/VForm.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VForm/VForm.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/binds-attrs */ "./src/mixins/binds-attrs/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Mixins
|
||
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_0__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__["default"], Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_2__["provide"])('form')
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-form',
|
||
inheritAttrs: false,
|
||
props: {
|
||
lazyValidation: Boolean,
|
||
value: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
inputs: [],
|
||
watchers: [],
|
||
errorBag: {}
|
||
};
|
||
},
|
||
watch: {
|
||
errorBag: {
|
||
handler: function handler(val) {
|
||
var errors = Object.values(val).includes(true);
|
||
this.$emit('input', !errors);
|
||
},
|
||
deep: true,
|
||
immediate: true
|
||
}
|
||
},
|
||
methods: {
|
||
watchInput: function watchInput(input) {
|
||
var _this = this;
|
||
|
||
var watcher = function watcher(input) {
|
||
return input.$watch('hasError', function (val) {
|
||
_this.$set(_this.errorBag, input._uid, val);
|
||
}, {
|
||
immediate: true
|
||
});
|
||
};
|
||
|
||
var watchers = {
|
||
_uid: input._uid,
|
||
valid: function valid() {},
|
||
shouldValidate: function shouldValidate() {}
|
||
};
|
||
|
||
if (this.lazyValidation) {
|
||
// Only start watching inputs if we need to
|
||
watchers.shouldValidate = input.$watch('shouldValidate', function (val) {
|
||
if (!val) return; // Only watch if we're not already doing it
|
||
|
||
if (_this.errorBag.hasOwnProperty(input._uid)) return;
|
||
watchers.valid = watcher(input);
|
||
});
|
||
} else {
|
||
watchers.valid = watcher(input);
|
||
}
|
||
|
||
return watchers;
|
||
},
|
||
|
||
/** @public */
|
||
validate: function validate() {
|
||
return this.inputs.filter(function (input) {
|
||
return !input.validate(true);
|
||
}).length === 0;
|
||
},
|
||
|
||
/** @public */
|
||
reset: function reset() {
|
||
this.inputs.forEach(function (input) {
|
||
return input.reset();
|
||
});
|
||
this.resetErrorBag();
|
||
},
|
||
resetErrorBag: function resetErrorBag() {
|
||
var _this = this;
|
||
|
||
if (this.lazyValidation) {
|
||
// Account for timeout in validatable
|
||
setTimeout(function () {
|
||
_this.errorBag = {};
|
||
}, 0);
|
||
}
|
||
},
|
||
|
||
/** @public */
|
||
resetValidation: function resetValidation() {
|
||
this.inputs.forEach(function (input) {
|
||
return input.resetValidation();
|
||
});
|
||
this.resetErrorBag();
|
||
},
|
||
register: function register(input) {
|
||
this.inputs.push(input);
|
||
this.watchers.push(this.watchInput(input));
|
||
},
|
||
unregister: function unregister(input) {
|
||
var found = this.inputs.find(function (i) {
|
||
return i._uid === input._uid;
|
||
});
|
||
if (!found) return;
|
||
var unwatch = this.watchers.find(function (i) {
|
||
return i._uid === found._uid;
|
||
});
|
||
|
||
if (unwatch) {
|
||
unwatch.valid();
|
||
unwatch.shouldValidate();
|
||
}
|
||
|
||
this.watchers = this.watchers.filter(function (i) {
|
||
return i._uid !== found._uid;
|
||
});
|
||
this.inputs = this.inputs.filter(function (i) {
|
||
return i._uid !== found._uid;
|
||
});
|
||
this.$delete(this.errorBag, found._uid);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
return h('form', {
|
||
staticClass: 'v-form',
|
||
attrs: __assign({
|
||
novalidate: true
|
||
}, this.attrs$),
|
||
on: {
|
||
submit: function submit(e) {
|
||
return _this.$emit('submit', e);
|
||
}
|
||
}
|
||
}, this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VForm/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VForm/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VForm, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VForm__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VForm */ "./src/components/VForm/VForm.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VForm", function() { return _VForm__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VForm__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/VCol.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/components/VGrid/VCol.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VGrid_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VGrid.sass */ "./src/components/VGrid/VGrid.sass");
|
||
/* harmony import */ var _VGrid_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VGrid_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
|
||
|
||
// no xs
|
||
|
||
var breakpoints = ['sm', 'md', 'lg', 'xl'];
|
||
|
||
var breakpointProps = function () {
|
||
return breakpoints.reduce(function (props, val) {
|
||
props[val] = {
|
||
type: [Boolean, String, Number],
|
||
default: false
|
||
};
|
||
return props;
|
||
}, {});
|
||
}();
|
||
|
||
var offsetProps = function () {
|
||
return breakpoints.reduce(function (props, val) {
|
||
props['offset' + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["upperFirst"])(val)] = {
|
||
type: [String, Number],
|
||
default: null
|
||
};
|
||
return props;
|
||
}, {});
|
||
}();
|
||
|
||
var orderProps = function () {
|
||
return breakpoints.reduce(function (props, val) {
|
||
props['order' + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["upperFirst"])(val)] = {
|
||
type: [String, Number],
|
||
default: null
|
||
};
|
||
return props;
|
||
}, {});
|
||
}();
|
||
|
||
var propMap = {
|
||
col: Object.keys(breakpointProps),
|
||
offset: Object.keys(offsetProps),
|
||
order: Object.keys(orderProps)
|
||
};
|
||
|
||
function breakpointClass(type, prop, val) {
|
||
var className = type;
|
||
|
||
if (val == null || val === false) {
|
||
return undefined;
|
||
}
|
||
|
||
if (prop) {
|
||
var breakpoint = prop.replace(type, '');
|
||
className += "-" + breakpoint;
|
||
} // Handling the boolean style prop when accepting [Boolean, String, Number]
|
||
// means Vue will not convert <v-col sm></v-col> to sm: true for us.
|
||
// Since the default is false, an empty string indicates the prop's presence.
|
||
|
||
|
||
if (type === 'col' && (val === '' || val === true)) {
|
||
// .col-md
|
||
return className.toLowerCase();
|
||
} // .order-md-6
|
||
|
||
|
||
className += "-" + val;
|
||
return className.toLowerCase();
|
||
}
|
||
|
||
var cache = new Map();
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_1___default.a.extend({
|
||
name: 'v-col',
|
||
functional: true,
|
||
props: __assign({
|
||
cols: {
|
||
type: [Boolean, String, Number],
|
||
default: false
|
||
}
|
||
}, breakpointProps, {
|
||
offset: {
|
||
type: [String, Number],
|
||
default: null
|
||
}
|
||
}, offsetProps, {
|
||
order: {
|
||
type: [String, Number],
|
||
default: null
|
||
}
|
||
}, orderProps, {
|
||
alignSelf: {
|
||
type: String,
|
||
default: null,
|
||
validator: function validator(str) {
|
||
return ['auto', 'start', 'end', 'center', 'baseline', 'stretch'].includes(str);
|
||
}
|
||
},
|
||
tag: {
|
||
type: String,
|
||
default: 'div'
|
||
}
|
||
}),
|
||
render: function render(h, _a) {
|
||
var _b;
|
||
|
||
var props = _a.props,
|
||
data = _a.data,
|
||
children = _a.children,
|
||
parent = _a.parent; // Super-fast memoization based on props, 5x faster than JSON.stringify
|
||
|
||
var cacheKey = '';
|
||
|
||
for (var prop in props) {
|
||
cacheKey += String(props[prop]);
|
||
}
|
||
|
||
var classList = cache.get(cacheKey);
|
||
|
||
if (!classList) {
|
||
classList = []; // Loop through `col`, `offset`, `order` breakpoint props
|
||
|
||
var type_1;
|
||
|
||
for (type_1 in propMap) {
|
||
propMap[type_1].forEach(function (prop) {
|
||
var value = props[prop];
|
||
var className = breakpointClass(type_1, prop, value);
|
||
if (className) classList.push(className);
|
||
});
|
||
}
|
||
|
||
var hasColClasses = classList.some(function (className) {
|
||
return className.startsWith('col-');
|
||
});
|
||
classList.push((_b = {
|
||
// Default to .col if no other col-{bp}-* classes generated nor `cols` specified.
|
||
col: !hasColClasses || !props.cols
|
||
}, _b["col-" + props.cols] = props.cols, _b["offset-" + props.offset] = props.offset, _b["order-" + props.order] = props.order, _b["align-self-" + props.alignSelf] = props.alignSelf, _b));
|
||
cache.set(cacheKey, classList);
|
||
}
|
||
|
||
return h(props.tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_2__["default"])(data, {
|
||
class: classList
|
||
}), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/VContainer.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VGrid/VContainer.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _grid_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_grid.sass */ "./src/components/VGrid/_grid.sass");
|
||
/* harmony import */ var _grid_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_grid_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VGrid_sass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VGrid.sass */ "./src/components/VGrid/VGrid.sass");
|
||
/* harmony import */ var _VGrid_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VGrid_sass__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./grid */ "./src/components/VGrid/grid.ts");
|
||
/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_grid__WEBPACK_IMPORTED_MODULE_2__["default"])('container').extend({
|
||
name: 'v-container',
|
||
functional: true,
|
||
props: {
|
||
id: String,
|
||
tag: {
|
||
type: String,
|
||
default: 'div'
|
||
},
|
||
fluid: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
render: function render(h, _a) {
|
||
var props = _a.props,
|
||
data = _a.data,
|
||
children = _a.children;
|
||
var classes;
|
||
var attrs = data.attrs;
|
||
|
||
if (attrs) {
|
||
// reset attrs to extract utility clases like pa-3
|
||
data.attrs = {};
|
||
classes = Object.keys(attrs).filter(function (key) {
|
||
// TODO: Remove once resolved
|
||
// https://github.com/vuejs/vue/issues/7841
|
||
if (key === 'slot') return false;
|
||
var value = attrs[key]; // add back data attributes like data-test="foo" but do not
|
||
// add them as classes
|
||
|
||
if (key.startsWith('data-')) {
|
||
data.attrs[key] = value;
|
||
return false;
|
||
}
|
||
|
||
return value || typeof value === 'string';
|
||
});
|
||
}
|
||
|
||
if (props.id) {
|
||
data.domProps = data.domProps || {};
|
||
data.domProps.id = props.id;
|
||
}
|
||
|
||
return h(props.tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_3__["default"])(data, {
|
||
staticClass: 'container',
|
||
class: Array({
|
||
'container--fluid': props.fluid
|
||
}).concat(classes || [])
|
||
}), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/VFlex.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VGrid/VFlex.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _grid_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_grid.sass */ "./src/components/VGrid/_grid.sass");
|
||
/* harmony import */ var _grid_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_grid_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./grid */ "./src/components/VGrid/grid.ts");
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_grid__WEBPACK_IMPORTED_MODULE_1__["default"])('flex'));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/VGrid.sass":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VGrid/VGrid.sass ***!
|
||
\*****************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/VLayout.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VGrid/VLayout.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _grid_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_grid.sass */ "./src/components/VGrid/_grid.sass");
|
||
/* harmony import */ var _grid_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_grid_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./grid */ "./src/components/VGrid/grid.ts");
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_grid__WEBPACK_IMPORTED_MODULE_1__["default"])('layout'));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/VRow.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/components/VGrid/VRow.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VGrid_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VGrid.sass */ "./src/components/VGrid/VGrid.sass");
|
||
/* harmony import */ var _VGrid_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VGrid_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
|
||
// no xs
|
||
|
||
var breakpoints = ['sm', 'md', 'lg', 'xl'];
|
||
var ALIGNMENT = ['start', 'end', 'center'];
|
||
|
||
function makeProps(prefix, def) {
|
||
return breakpoints.reduce(function (props, val) {
|
||
props[prefix + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["upperFirst"])(val)] = def();
|
||
return props;
|
||
}, {});
|
||
}
|
||
|
||
var alignValidator = function alignValidator(str) {
|
||
return __spread(ALIGNMENT, ['baseline', 'stretch']).includes(str);
|
||
};
|
||
|
||
var alignProps = makeProps('align', function () {
|
||
return {
|
||
type: String,
|
||
default: null,
|
||
validator: alignValidator
|
||
};
|
||
});
|
||
|
||
var justifyValidator = function justifyValidator(str) {
|
||
return __spread(ALIGNMENT, ['space-between', 'space-around']).includes(str);
|
||
};
|
||
|
||
var justifyProps = makeProps('justify', function () {
|
||
return {
|
||
type: String,
|
||
default: null,
|
||
validator: justifyValidator
|
||
};
|
||
});
|
||
|
||
var alignContentValidator = function alignContentValidator(str) {
|
||
return __spread(ALIGNMENT, ['space-between', 'space-around', 'stretch']).includes(str);
|
||
};
|
||
|
||
var alignContentProps = makeProps('alignContent', function () {
|
||
return {
|
||
type: String,
|
||
default: null,
|
||
validator: alignContentValidator
|
||
};
|
||
});
|
||
var propMap = {
|
||
align: Object.keys(alignProps),
|
||
justify: Object.keys(justifyProps),
|
||
alignContent: Object.keys(alignContentProps)
|
||
};
|
||
var classMap = {
|
||
align: 'align',
|
||
justify: 'justify',
|
||
alignContent: 'align-content'
|
||
};
|
||
|
||
function breakpointClass(type, prop, val) {
|
||
var className = classMap[type];
|
||
|
||
if (val == null) {
|
||
return undefined;
|
||
}
|
||
|
||
if (prop) {
|
||
// alignSm -> Sm
|
||
var breakpoint = prop.replace(type, '');
|
||
className += "-" + breakpoint;
|
||
} // .align-items-sm-center
|
||
|
||
|
||
className += "-" + val;
|
||
return className.toLowerCase();
|
||
}
|
||
|
||
var cache = new Map();
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_1___default.a.extend({
|
||
name: 'v-row',
|
||
functional: true,
|
||
props: __assign({
|
||
tag: {
|
||
type: String,
|
||
default: 'div'
|
||
},
|
||
dense: Boolean,
|
||
noGutters: Boolean,
|
||
align: {
|
||
type: String,
|
||
default: null,
|
||
validator: alignValidator
|
||
}
|
||
}, alignProps, {
|
||
justify: {
|
||
type: String,
|
||
default: null,
|
||
validator: justifyValidator
|
||
}
|
||
}, justifyProps, {
|
||
alignContent: {
|
||
type: String,
|
||
default: null,
|
||
validator: alignContentValidator
|
||
}
|
||
}, alignContentProps),
|
||
render: function render(h, _a) {
|
||
var _b;
|
||
|
||
var props = _a.props,
|
||
data = _a.data,
|
||
children = _a.children; // Super-fast memoization based on props, 5x faster than JSON.stringify
|
||
|
||
var cacheKey = '';
|
||
|
||
for (var prop in props) {
|
||
cacheKey += String(props[prop]);
|
||
}
|
||
|
||
var classList = cache.get(cacheKey);
|
||
|
||
if (!classList) {
|
||
classList = []; // Loop through `align`, `justify`, `alignContent` breakpoint props
|
||
|
||
var type_1;
|
||
|
||
for (type_1 in propMap) {
|
||
propMap[type_1].forEach(function (prop) {
|
||
var value = props[prop];
|
||
var className = breakpointClass(type_1, prop, value);
|
||
if (className) classList.push(className);
|
||
});
|
||
}
|
||
|
||
classList.push((_b = {
|
||
'no-gutters': props.noGutters,
|
||
'row--dense': props.dense
|
||
}, _b["align-" + props.align] = props.align, _b["justify-" + props.justify] = props.justify, _b["align-content-" + props.alignContent] = props.alignContent, _b));
|
||
cache.set(cacheKey, classList);
|
||
}
|
||
|
||
return h(props.tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_2__["default"])(data, {
|
||
staticClass: 'row',
|
||
class: classList
|
||
}), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/VSpacer.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VGrid/VSpacer.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _grid_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_grid.sass */ "./src/components/VGrid/_grid.sass");
|
||
/* harmony import */ var _grid_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_grid_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["createSimpleFunctional"])('spacer', 'div', 'v-spacer'));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/_grid.sass":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VGrid/_grid.sass ***!
|
||
\*****************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/grid.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/components/VGrid/grid.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return VGrid; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
// Types
|
||
|
||
function VGrid(name) {
|
||
/* @vue/component */
|
||
return vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: "v-" + name,
|
||
functional: true,
|
||
props: {
|
||
id: String,
|
||
tag: {
|
||
type: String,
|
||
default: 'div'
|
||
}
|
||
},
|
||
render: function render(h, _a) {
|
||
var props = _a.props,
|
||
data = _a.data,
|
||
children = _a.children;
|
||
data.staticClass = (name + " " + (data.staticClass || '')).trim();
|
||
var attrs = data.attrs;
|
||
|
||
if (attrs) {
|
||
// reset attrs to extract utility clases like pa-3
|
||
data.attrs = {};
|
||
var classes = Object.keys(attrs).filter(function (key) {
|
||
// TODO: Remove once resolved
|
||
// https://github.com/vuejs/vue/issues/7841
|
||
if (key === 'slot') return false;
|
||
var value = attrs[key]; // add back data attributes like data-test="foo" but do not
|
||
// add them as classes
|
||
|
||
if (key.startsWith('data-')) {
|
||
data.attrs[key] = value;
|
||
return false;
|
||
}
|
||
|
||
return value || typeof value === 'string';
|
||
});
|
||
if (classes.length) data.staticClass += " " + classes.join(' ');
|
||
}
|
||
|
||
if (props.id) {
|
||
data.domProps = data.domProps || {};
|
||
data.domProps.id = props.id;
|
||
}
|
||
|
||
return h(props.tag, data, children);
|
||
}
|
||
});
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VGrid/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VGrid/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VContainer, VCol, VRow, VSpacer, VLayout, VFlex, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VContainer */ "./src/components/VGrid/VContainer.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VContainer", function() { return _VContainer__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VCol__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VCol */ "./src/components/VGrid/VCol.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCol", function() { return _VCol__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VRow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VRow */ "./src/components/VGrid/VRow.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRow", function() { return _VRow__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _VSpacer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VSpacer */ "./src/components/VGrid/VSpacer.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSpacer", function() { return _VSpacer__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
/* harmony import */ var _VLayout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VLayout */ "./src/components/VGrid/VLayout.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VLayout", function() { return _VLayout__WEBPACK_IMPORTED_MODULE_4__["default"]; });
|
||
|
||
/* harmony import */ var _VFlex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VFlex */ "./src/components/VGrid/VFlex.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VFlex", function() { return _VFlex__WEBPACK_IMPORTED_MODULE_5__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VContainer: _VContainer__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VCol: _VCol__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VRow: _VRow__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||
VSpacer: _VSpacer__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||
VLayout: _VLayout__WEBPACK_IMPORTED_MODULE_4__["default"],
|
||
VFlex: _VFlex__WEBPACK_IMPORTED_MODULE_5__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VHover/VHover.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VHover/VHover.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_delayable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/delayable */ "./src/mixins/delayable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
// Mixins
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_delayable__WEBPACK_IMPORTED_MODULE_0__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-hover',
|
||
props: {
|
||
disabled: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
value: {
|
||
type: Boolean,
|
||
default: undefined
|
||
}
|
||
},
|
||
methods: {
|
||
onMouseEnter: function onMouseEnter() {
|
||
this.runDelay('open');
|
||
},
|
||
onMouseLeave: function onMouseLeave() {
|
||
this.runDelay('close');
|
||
}
|
||
},
|
||
render: function render() {
|
||
if (!this.$scopedSlots.default && this.value === undefined) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-hover is missing a default scopedSlot or bound value', this);
|
||
return null;
|
||
}
|
||
|
||
var element;
|
||
/* istanbul ignore else */
|
||
|
||
if (this.$scopedSlots.default) {
|
||
element = this.$scopedSlots.default({
|
||
hover: this.isActive
|
||
});
|
||
}
|
||
|
||
if (Array.isArray(element) && element.length === 1) {
|
||
element = element[0];
|
||
}
|
||
|
||
if (!element || Array.isArray(element) || !element.tag) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])('v-hover should only contain a single element', this);
|
||
return element;
|
||
}
|
||
|
||
if (!this.disabled) {
|
||
element.data = element.data || {};
|
||
|
||
this._g(element.data, {
|
||
mouseenter: this.onMouseEnter,
|
||
mouseleave: this.onMouseLeave
|
||
});
|
||
}
|
||
|
||
return element;
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VHover/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/components/VHover/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: VHover, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VHover__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VHover */ "./src/components/VHover/VHover.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VHover", function() { return _VHover__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VHover__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VIcon/VIcon.sass":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VIcon/VIcon.sass ***!
|
||
\*****************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VIcon/VIcon.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VIcon/VIcon.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VIcon_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VIcon.sass */ "./src/components/VIcon/VIcon.sass");
|
||
/* harmony import */ var _VIcon_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VIcon_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/binds-attrs */ "./src/mixins/binds-attrs/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_sizeable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/sizeable */ "./src/mixins/sizeable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_6__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
// Util
|
||
|
||
// Types
|
||
|
||
|
||
|
||
var SIZE_MAP;
|
||
|
||
(function (SIZE_MAP) {
|
||
SIZE_MAP["xSmall"] = "12px";
|
||
SIZE_MAP["small"] = "16px";
|
||
SIZE_MAP["default"] = "24px";
|
||
SIZE_MAP["medium"] = "28px";
|
||
SIZE_MAP["large"] = "36px";
|
||
SIZE_MAP["xLarge"] = "40px";
|
||
})(SIZE_MAP || (SIZE_MAP = {}));
|
||
|
||
function isFontAwesome5(iconType) {
|
||
return ['fas', 'far', 'fal', 'fab', 'fad'].some(function (val) {
|
||
return iconType.includes(val);
|
||
});
|
||
}
|
||
|
||
function isSvgPath(icon) {
|
||
return /^[mzlhvcsqta]\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\dz]$/i.test(icon) && icon.length > 4;
|
||
}
|
||
|
||
var VIcon = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-icon',
|
||
props: {
|
||
dense: Boolean,
|
||
disabled: Boolean,
|
||
left: Boolean,
|
||
right: Boolean,
|
||
size: [Number, String],
|
||
tag: {
|
||
type: String,
|
||
required: false,
|
||
default: 'i'
|
||
}
|
||
},
|
||
computed: {
|
||
medium: function medium() {
|
||
return false;
|
||
},
|
||
hasClickListener: function hasClickListener() {
|
||
return Boolean(this.listeners$.click || this.listeners$['!click']);
|
||
}
|
||
},
|
||
methods: {
|
||
getIcon: function getIcon() {
|
||
var iconName = '';
|
||
if (this.$slots.default) iconName = this.$slots.default[0].text.trim();
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["remapInternalIcon"])(this, iconName);
|
||
},
|
||
getSize: function getSize() {
|
||
var sizes = {
|
||
xSmall: this.xSmall,
|
||
small: this.small,
|
||
medium: this.medium,
|
||
large: this.large,
|
||
xLarge: this.xLarge
|
||
};
|
||
var explicitSize = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["keys"])(sizes).find(function (key) {
|
||
return sizes[key];
|
||
});
|
||
return explicitSize && SIZE_MAP[explicitSize] || Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["convertToUnit"])(this.size);
|
||
},
|
||
// Component data for both font and svg icon.
|
||
getDefaultData: function getDefaultData() {
|
||
var data = {
|
||
staticClass: 'v-icon notranslate',
|
||
class: {
|
||
'v-icon--disabled': this.disabled,
|
||
'v-icon--left': this.left,
|
||
'v-icon--link': this.hasClickListener,
|
||
'v-icon--right': this.right,
|
||
'v-icon--dense': this.dense
|
||
},
|
||
attrs: __assign({
|
||
'aria-hidden': !this.hasClickListener,
|
||
disabled: this.hasClickListener && this.disabled,
|
||
type: this.hasClickListener ? 'button' : undefined
|
||
}, this.attrs$),
|
||
on: this.listeners$
|
||
};
|
||
return data;
|
||
},
|
||
applyColors: function applyColors(data) {
|
||
data.class = __assign({}, data.class, this.themeClasses);
|
||
this.setTextColor(this.color, data);
|
||
},
|
||
renderFontIcon: function renderFontIcon(icon, h) {
|
||
var newChildren = [];
|
||
var data = this.getDefaultData();
|
||
var iconType = 'material-icons'; // Material Icon delimiter is _
|
||
// https://material.io/icons/
|
||
|
||
var delimiterIndex = icon.indexOf('-');
|
||
var isMaterialIcon = delimiterIndex <= -1;
|
||
|
||
if (isMaterialIcon) {
|
||
// Material icon uses ligatures.
|
||
newChildren.push(icon);
|
||
} else {
|
||
iconType = icon.slice(0, delimiterIndex);
|
||
if (isFontAwesome5(iconType)) iconType = '';
|
||
}
|
||
|
||
data.class[iconType] = true;
|
||
data.class[icon] = !isMaterialIcon;
|
||
var fontSize = this.getSize();
|
||
if (fontSize) data.style = {
|
||
fontSize: fontSize
|
||
};
|
||
this.applyColors(data);
|
||
return h(this.hasClickListener ? 'button' : this.tag, data, newChildren);
|
||
},
|
||
renderSvgIcon: function renderSvgIcon(icon, h) {
|
||
var fontSize = this.getSize();
|
||
|
||
var wrapperData = __assign({}, this.getDefaultData(), {
|
||
style: fontSize ? {
|
||
fontSize: fontSize,
|
||
height: fontSize,
|
||
width: fontSize
|
||
} : undefined
|
||
});
|
||
|
||
wrapperData.class['v-icon--svg'] = true;
|
||
this.applyColors(wrapperData);
|
||
var svgData = {
|
||
attrs: {
|
||
xmlns: 'http://www.w3.org/2000/svg',
|
||
viewBox: '0 0 24 24',
|
||
height: fontSize || '24',
|
||
width: fontSize || '24',
|
||
role: 'img',
|
||
'aria-hidden': true
|
||
}
|
||
};
|
||
return h(this.hasClickListener ? 'button' : 'span', wrapperData, [h('svg', svgData, [h('path', {
|
||
attrs: {
|
||
d: icon
|
||
}
|
||
})])]);
|
||
},
|
||
renderSvgIconComponent: function renderSvgIconComponent(icon, h) {
|
||
var data = this.getDefaultData();
|
||
data.class['v-icon--is-component'] = true;
|
||
var size = this.getSize();
|
||
|
||
if (size) {
|
||
data.style = {
|
||
fontSize: size,
|
||
height: size
|
||
};
|
||
}
|
||
|
||
this.applyColors(data);
|
||
var component = icon.component;
|
||
data.props = icon.props;
|
||
data.nativeOn = data.on;
|
||
return h(component, data);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var icon = this.getIcon();
|
||
|
||
if (typeof icon === 'string') {
|
||
if (isSvgPath(icon)) {
|
||
return this.renderSvgIcon(icon, h);
|
||
}
|
||
|
||
return this.renderFontIcon(icon, h);
|
||
}
|
||
|
||
return this.renderSvgIconComponent(icon, h);
|
||
}
|
||
});
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_6___default.a.extend({
|
||
name: 'v-icon',
|
||
$_wrapperFor: VIcon,
|
||
functional: true,
|
||
render: function render(h, _a) {
|
||
var data = _a.data,
|
||
children = _a.children;
|
||
var iconName = ''; // Support usage of v-text and v-html
|
||
|
||
if (data.domProps) {
|
||
iconName = data.domProps.textContent || data.domProps.innerHTML || iconName; // Remove nodes so it doesn't
|
||
// overwrite our changes
|
||
|
||
delete data.domProps.textContent;
|
||
delete data.domProps.innerHTML;
|
||
}
|
||
|
||
return h(VIcon, data, iconName ? [iconName] : children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VIcon/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VIcon/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VIcon, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VIcon */ "./src/components/VIcon/VIcon.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VIcon", function() { return _VIcon__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VIcon__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VImg/VImg.sass":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VImg/VImg.sass ***!
|
||
\***************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VImg/VImg.ts":
|
||
/*!*************************************!*\
|
||
!*** ./src/components/VImg/VImg.ts ***!
|
||
\*************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VImg_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VImg.sass */ "./src/components/VImg/VImg.sass");
|
||
/* harmony import */ var _VImg_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VImg_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _directives_intersect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../directives/intersect */ "./src/directives/intersect/index.ts");
|
||
/* harmony import */ var _VResponsive__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VResponsive */ "./src/components/VResponsive/index.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
// Styles
|
||
// Directives
|
||
|
||
// Components
|
||
|
||
// Utils
|
||
|
||
|
||
var hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window;
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VResponsive__WEBPACK_IMPORTED_MODULE_2__["default"].extend({
|
||
name: 'v-img',
|
||
directives: {
|
||
intersect: _directives_intersect__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
},
|
||
props: {
|
||
alt: String,
|
||
contain: Boolean,
|
||
eager: Boolean,
|
||
gradient: String,
|
||
lazySrc: String,
|
||
options: {
|
||
type: Object,
|
||
// For more information on types, navigate to:
|
||
// https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
|
||
default: function _default() {
|
||
return {
|
||
root: undefined,
|
||
rootMargin: undefined,
|
||
threshold: undefined
|
||
};
|
||
}
|
||
},
|
||
position: {
|
||
type: String,
|
||
default: 'center center'
|
||
},
|
||
sizes: String,
|
||
src: {
|
||
type: [String, Object],
|
||
default: ''
|
||
},
|
||
srcset: String,
|
||
transition: {
|
||
type: [Boolean, String],
|
||
default: 'fade-transition'
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
currentSrc: '',
|
||
image: null,
|
||
isLoading: true,
|
||
calculatedAspectRatio: undefined,
|
||
naturalWidth: undefined
|
||
};
|
||
},
|
||
computed: {
|
||
computedAspectRatio: function computedAspectRatio() {
|
||
return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio);
|
||
},
|
||
normalisedSrc: function normalisedSrc() {
|
||
return typeof this.src === 'string' ? {
|
||
src: this.src,
|
||
srcset: this.srcset,
|
||
lazySrc: this.lazySrc,
|
||
aspect: Number(this.aspectRatio || 0)
|
||
} : {
|
||
src: this.src.src,
|
||
srcset: this.srcset || this.src.srcset,
|
||
lazySrc: this.lazySrc || this.src.lazySrc,
|
||
aspect: Number(this.aspectRatio || this.src.aspect)
|
||
};
|
||
},
|
||
__cachedImage: function __cachedImage() {
|
||
if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc)) return [];
|
||
var backgroundImage = [];
|
||
var src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc;
|
||
if (this.gradient) backgroundImage.push("linear-gradient(" + this.gradient + ")");
|
||
if (src) backgroundImage.push("url(\"" + src + "\")");
|
||
var image = this.$createElement('div', {
|
||
staticClass: 'v-image__image',
|
||
class: {
|
||
'v-image__image--preload': this.isLoading,
|
||
'v-image__image--contain': this.contain,
|
||
'v-image__image--cover': !this.contain
|
||
},
|
||
style: {
|
||
backgroundImage: backgroundImage.join(', '),
|
||
backgroundPosition: this.position
|
||
},
|
||
key: +this.isLoading
|
||
});
|
||
/* istanbul ignore if */
|
||
|
||
if (!this.transition) return image;
|
||
return this.$createElement('transition', {
|
||
attrs: {
|
||
name: this.transition,
|
||
mode: 'in-out'
|
||
}
|
||
}, [image]);
|
||
}
|
||
},
|
||
watch: {
|
||
src: function src() {
|
||
// Force re-init when src changes
|
||
if (!this.isLoading) this.init(undefined, undefined, true);else this.loadImage();
|
||
},
|
||
'$vuetify.breakpoint.width': 'getSrc'
|
||
},
|
||
mounted: function mounted() {
|
||
this.init();
|
||
},
|
||
methods: {
|
||
init: function init(entries, observer, isIntersecting) {
|
||
// If the current browser supports the intersection
|
||
// observer api, the image is not observable, and
|
||
// the eager prop isn't being used, do not load
|
||
if (hasIntersect && !isIntersecting && !this.eager) return;
|
||
|
||
if (this.normalisedSrc.lazySrc) {
|
||
var lazyImg = new Image();
|
||
lazyImg.src = this.normalisedSrc.lazySrc;
|
||
this.pollForSize(lazyImg, null);
|
||
}
|
||
/* istanbul ignore else */
|
||
|
||
|
||
if (this.normalisedSrc.src) this.loadImage();
|
||
},
|
||
onLoad: function onLoad() {
|
||
this.getSrc();
|
||
this.isLoading = false;
|
||
this.$emit('load', this.src);
|
||
},
|
||
onError: function onError() {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleError"])("Image load failed\n\n" + ("src: " + this.normalisedSrc.src), this);
|
||
this.$emit('error', this.src);
|
||
},
|
||
getSrc: function getSrc() {
|
||
/* istanbul ignore else */
|
||
if (this.image) this.currentSrc = this.image.currentSrc || this.image.src;
|
||
},
|
||
loadImage: function loadImage() {
|
||
var _this = this;
|
||
|
||
var image = new Image();
|
||
this.image = image;
|
||
|
||
image.onload = function () {
|
||
/* istanbul ignore if */
|
||
if (image.decode) {
|
||
image.decode().catch(function (err) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])("Failed to decode image, trying to render anyway\n\n" + ("src: " + _this.normalisedSrc.src) + (err.message ? "\nOriginal error: " + err.message : ''), _this);
|
||
}).then(_this.onLoad);
|
||
} else {
|
||
_this.onLoad();
|
||
}
|
||
};
|
||
|
||
image.onerror = this.onError;
|
||
image.src = this.normalisedSrc.src;
|
||
this.sizes && (image.sizes = this.sizes);
|
||
this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset);
|
||
this.aspectRatio || this.pollForSize(image);
|
||
this.getSrc();
|
||
},
|
||
pollForSize: function pollForSize(img, timeout) {
|
||
var _this = this;
|
||
|
||
if (timeout === void 0) {
|
||
timeout = 100;
|
||
}
|
||
|
||
var poll = function poll() {
|
||
var naturalHeight = img.naturalHeight,
|
||
naturalWidth = img.naturalWidth;
|
||
|
||
if (naturalHeight || naturalWidth) {
|
||
_this.naturalWidth = naturalWidth;
|
||
_this.calculatedAspectRatio = naturalWidth / naturalHeight;
|
||
} else {
|
||
timeout != null && setTimeout(poll, timeout);
|
||
}
|
||
};
|
||
|
||
poll();
|
||
},
|
||
genContent: function genContent() {
|
||
var content = _VResponsive__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genContent.call(this);
|
||
|
||
if (this.naturalWidth) {
|
||
this._b(content.data, 'div', {
|
||
style: {
|
||
width: this.naturalWidth + "px"
|
||
}
|
||
});
|
||
}
|
||
|
||
return content;
|
||
},
|
||
__genPlaceholder: function __genPlaceholder() {
|
||
if (this.$slots.placeholder) {
|
||
var placeholder = this.isLoading ? [this.$createElement('div', {
|
||
staticClass: 'v-image__placeholder'
|
||
}, this.$slots.placeholder)] : [];
|
||
if (!this.transition) return placeholder[0];
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
appear: true,
|
||
name: this.transition
|
||
}
|
||
}, placeholder);
|
||
}
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var node = _VResponsive__WEBPACK_IMPORTED_MODULE_2__["default"].options.render.call(this, h);
|
||
node.data.staticClass += ' v-image'; // Only load intersect directive if it
|
||
// will work in the current browser.
|
||
|
||
if (hasIntersect) {
|
||
node.data.directives = [{
|
||
name: 'intersect',
|
||
modifiers: {
|
||
once: true
|
||
},
|
||
value: {
|
||
handler: this.init,
|
||
options: this.options
|
||
}
|
||
}];
|
||
}
|
||
|
||
node.data.attrs = {
|
||
role: this.alt ? 'img' : undefined,
|
||
'aria-label': this.alt
|
||
};
|
||
node.children = [this.__cachedSizer, this.__cachedImage, this.__genPlaceholder(), this.genContent()];
|
||
return h(node.tag, node.data, node.children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VImg/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/components/VImg/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: VImg, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VImg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VImg */ "./src/components/VImg/VImg.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VImg", function() { return _VImg__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VImg__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VInput/VInput.sass":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VInput/VInput.sass ***!
|
||
\*******************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VInput/VInput.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VInput/VInput.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VInput_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VInput.sass */ "./src/components/VInput/VInput.sass");
|
||
/* harmony import */ var _VInput_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VInput_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VLabel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VLabel */ "./src/components/VLabel/index.ts");
|
||
/* harmony import */ var _VMessages__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VMessages */ "./src/components/VMessages/index.ts");
|
||
/* harmony import */ var _mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/binds-attrs */ "./src/mixins/binds-attrs/index.ts");
|
||
/* harmony import */ var _mixins_validatable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/validatable */ "./src/mixins/validatable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_validatable__WEBPACK_IMPORTED_MODULE_5__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-input',
|
||
inheritAttrs: false,
|
||
props: {
|
||
appendIcon: String,
|
||
backgroundColor: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
dense: Boolean,
|
||
height: [Number, String],
|
||
hideDetails: [Boolean, String],
|
||
hint: String,
|
||
id: String,
|
||
label: String,
|
||
loading: Boolean,
|
||
persistentHint: Boolean,
|
||
prependIcon: String,
|
||
value: null
|
||
},
|
||
data: function data() {
|
||
return {
|
||
lazyValue: this.value,
|
||
hasMouseDown: false
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-input--has-state': this.hasState,
|
||
'v-input--hide-details': !this.showDetails,
|
||
'v-input--is-label-active': this.isLabelActive,
|
||
'v-input--is-dirty': this.isDirty,
|
||
'v-input--is-disabled': this.disabled,
|
||
'v-input--is-focused': this.isFocused,
|
||
// <v-switch loading>.loading === '' so we can't just cast to boolean
|
||
'v-input--is-loading': this.loading !== false && this.loading != null,
|
||
'v-input--is-readonly': this.readonly,
|
||
'v-input--dense': this.dense
|
||
}, this.themeClasses);
|
||
},
|
||
computedId: function computedId() {
|
||
return this.id || "input-" + this._uid;
|
||
},
|
||
hasDetails: function hasDetails() {
|
||
return this.messagesToDisplay.length > 0;
|
||
},
|
||
hasHint: function hasHint() {
|
||
return !this.hasMessages && !!this.hint && (this.persistentHint || this.isFocused);
|
||
},
|
||
hasLabel: function hasLabel() {
|
||
return !!(this.$slots.label || this.label);
|
||
},
|
||
// Proxy for `lazyValue`
|
||
// This allows an input
|
||
// to function without
|
||
// a provided model
|
||
internalValue: {
|
||
get: function get() {
|
||
return this.lazyValue;
|
||
},
|
||
set: function set(val) {
|
||
this.lazyValue = val;
|
||
this.$emit(this.$_modelEvent, val);
|
||
}
|
||
},
|
||
isDirty: function isDirty() {
|
||
return !!this.lazyValue;
|
||
},
|
||
isDisabled: function isDisabled() {
|
||
return this.disabled || this.readonly;
|
||
},
|
||
isLabelActive: function isLabelActive() {
|
||
return this.isDirty;
|
||
},
|
||
messagesToDisplay: function messagesToDisplay() {
|
||
var _this = this;
|
||
|
||
if (this.hasHint) return [this.hint];
|
||
if (!this.hasMessages) return [];
|
||
return this.validations.map(function (validation) {
|
||
if (typeof validation === 'string') return validation;
|
||
var validationResult = validation(_this.internalValue);
|
||
return typeof validationResult === 'string' ? validationResult : '';
|
||
}).filter(function (message) {
|
||
return message !== '';
|
||
});
|
||
},
|
||
showDetails: function showDetails() {
|
||
return this.hideDetails === false || this.hideDetails === 'auto' && this.hasDetails;
|
||
}
|
||
},
|
||
watch: {
|
||
value: function value(val) {
|
||
this.lazyValue = val;
|
||
}
|
||
},
|
||
beforeCreate: function beforeCreate() {
|
||
// v-radio-group needs to emit a different event
|
||
// https://github.com/vuetifyjs/vuetify/issues/4752
|
||
this.$_modelEvent = this.$options.model && this.$options.model.event || 'input';
|
||
},
|
||
methods: {
|
||
genContent: function genContent() {
|
||
return [this.genPrependSlot(), this.genControl(), this.genAppendSlot()];
|
||
},
|
||
genControl: function genControl() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-input__control'
|
||
}, [this.genInputSlot(), this.genMessages()]);
|
||
},
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
return [this.genLabel(), this.$slots.default];
|
||
},
|
||
genIcon: function genIcon(type, cb, extraData) {
|
||
var _this = this;
|
||
|
||
if (extraData === void 0) {
|
||
extraData = {};
|
||
}
|
||
|
||
var icon = this[type + "Icon"];
|
||
var eventName = "click:" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["kebabCase"])(type);
|
||
var hasListener = !!(this.listeners$[eventName] || cb);
|
||
var data = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_7__["default"])({
|
||
attrs: {
|
||
'aria-label': hasListener ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["kebabCase"])(type).split('-')[0] + ' icon' : undefined,
|
||
color: this.validationState,
|
||
dark: this.dark,
|
||
disabled: this.disabled,
|
||
light: this.light
|
||
},
|
||
on: !hasListener ? undefined : {
|
||
click: function click(e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
|
||
_this.$emit(eventName, e);
|
||
|
||
cb && cb(e);
|
||
},
|
||
// Container has g event that will
|
||
// trigger menu open if enclosed
|
||
mouseup: function mouseup(e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
}
|
||
}
|
||
}, extraData);
|
||
return this.$createElement('div', {
|
||
staticClass: "v-input__icon",
|
||
class: type ? "v-input__icon--" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["kebabCase"])(type) : undefined
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], data, icon)]);
|
||
},
|
||
genInputSlot: function genInputSlot() {
|
||
return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {
|
||
staticClass: 'v-input__slot',
|
||
style: {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.height)
|
||
},
|
||
on: {
|
||
click: this.onClick,
|
||
mousedown: this.onMouseDown,
|
||
mouseup: this.onMouseUp
|
||
},
|
||
ref: 'input-slot'
|
||
}), [this.genDefaultSlot()]);
|
||
},
|
||
genLabel: function genLabel() {
|
||
if (!this.hasLabel) return null;
|
||
return this.$createElement(_VLabel__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: {
|
||
color: this.validationState,
|
||
dark: this.dark,
|
||
disabled: this.disabled,
|
||
focused: this.hasState,
|
||
for: this.computedId,
|
||
light: this.light
|
||
}
|
||
}, this.$slots.label || this.label);
|
||
},
|
||
genMessages: function genMessages() {
|
||
var _this = this;
|
||
|
||
if (!this.showDetails) return null;
|
||
return this.$createElement(_VMessages__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
color: this.hasHint ? '' : this.validationState,
|
||
dark: this.dark,
|
||
light: this.light,
|
||
value: this.messagesToDisplay
|
||
},
|
||
attrs: {
|
||
role: this.hasMessages ? 'alert' : null
|
||
},
|
||
scopedSlots: {
|
||
default: function _default(props) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["getSlot"])(_this, 'message', props);
|
||
}
|
||
}
|
||
});
|
||
},
|
||
genSlot: function genSlot(type, location, slot) {
|
||
if (!slot.length) return null;
|
||
var ref = type + "-" + location;
|
||
return this.$createElement('div', {
|
||
staticClass: "v-input__" + ref,
|
||
ref: ref
|
||
}, slot);
|
||
},
|
||
genPrependSlot: function genPrependSlot() {
|
||
var slot = [];
|
||
|
||
if (this.$slots.prepend) {
|
||
slot.push(this.$slots.prepend);
|
||
} else if (this.prependIcon) {
|
||
slot.push(this.genIcon('prepend'));
|
||
}
|
||
|
||
return this.genSlot('prepend', 'outer', slot);
|
||
},
|
||
genAppendSlot: function genAppendSlot() {
|
||
var slot = []; // Append icon for text field was really
|
||
// an appended inner icon, v-text-field
|
||
// will overwrite this method in order to obtain
|
||
// backwards compat
|
||
|
||
if (this.$slots.append) {
|
||
slot.push(this.$slots.append);
|
||
} else if (this.appendIcon) {
|
||
slot.push(this.genIcon('append'));
|
||
}
|
||
|
||
return this.genSlot('append', 'outer', slot);
|
||
},
|
||
onClick: function onClick(e) {
|
||
this.$emit('click', e);
|
||
},
|
||
onMouseDown: function onMouseDown(e) {
|
||
this.hasMouseDown = true;
|
||
this.$emit('mousedown', e);
|
||
},
|
||
onMouseUp: function onMouseUp(e) {
|
||
this.hasMouseDown = false;
|
||
this.$emit('mouseup', e);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', this.setTextColor(this.validationState, {
|
||
staticClass: 'v-input',
|
||
class: this.classes
|
||
}), this.genContent());
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VInput/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/components/VInput/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: VInput, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VInput */ "./src/components/VInput/VInput.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VInput", function() { return _VInput__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VInput__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VItemGroup/VItem.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VItemGroup/VItem.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: BaseItem, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseItem", function() { return BaseItem; });
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_3__);
|
||
// Mixins
|
||
// Utilities
|
||
|
||
|
||
// Types
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
var BaseItem = vue__WEBPACK_IMPORTED_MODULE_3___default.a.extend({
|
||
props: {
|
||
activeClass: String,
|
||
value: {
|
||
required: false
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: false
|
||
};
|
||
},
|
||
methods: {
|
||
toggle: function toggle() {
|
||
this.isActive = !this.isActive;
|
||
}
|
||
},
|
||
render: function render() {
|
||
var _a;
|
||
|
||
if (!this.$scopedSlots.default) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_2__["consoleWarn"])('v-item is missing a default scopedSlot', this);
|
||
return null;
|
||
}
|
||
|
||
var element;
|
||
/* istanbul ignore else */
|
||
|
||
if (this.$scopedSlots.default) {
|
||
element = this.$scopedSlots.default({
|
||
active: this.isActive,
|
||
toggle: this.toggle
|
||
});
|
||
}
|
||
|
||
if (Array.isArray(element) && element.length === 1) {
|
||
element = element[0];
|
||
}
|
||
|
||
if (!element || Array.isArray(element) || !element.tag) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_2__["consoleWarn"])('v-item should only contain a single element', this);
|
||
return element;
|
||
}
|
||
|
||
element.data = this._b(element.data || {}, element.tag, {
|
||
class: (_a = {}, _a[this.activeClass] = this.isActive, _a)
|
||
});
|
||
return element;
|
||
}
|
||
});
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_1__["default"])(BaseItem, Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_0__["factory"])('itemGroup', 'v-item', 'v-item-group')).extend({
|
||
name: 'v-item'
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VItemGroup/VItemGroup.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VItemGroup/VItemGroup.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VItemGroup/VItemGroup.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VItemGroup/VItemGroup.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: BaseItemGroup, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseItemGroup", function() { return BaseItemGroup; });
|
||
/* harmony import */ var _VItemGroup_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VItemGroup.sass */ "./src/components/VItemGroup/VItemGroup.sass");
|
||
/* harmony import */ var _VItemGroup_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VItemGroup_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_proxyable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/proxyable */ "./src/mixins/proxyable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var BaseItemGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_proxyable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'base-item-group',
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: 'v-item--active'
|
||
},
|
||
mandatory: Boolean,
|
||
max: {
|
||
type: [Number, String],
|
||
default: null
|
||
},
|
||
multiple: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
// As long as a value is defined, show it
|
||
// Otherwise, check if multiple
|
||
// to determine which default to provide
|
||
internalLazyValue: this.value !== undefined ? this.value : this.multiple ? [] : undefined,
|
||
items: []
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-item-group': true
|
||
}, this.themeClasses);
|
||
},
|
||
selectedIndex: function selectedIndex() {
|
||
return this.selectedItem && this.items.indexOf(this.selectedItem) || -1;
|
||
},
|
||
selectedItem: function selectedItem() {
|
||
if (this.multiple) return undefined;
|
||
return this.selectedItems[0];
|
||
},
|
||
selectedItems: function selectedItems() {
|
||
var _this = this;
|
||
|
||
return this.items.filter(function (item, index) {
|
||
return _this.toggleMethod(_this.getValue(item, index));
|
||
});
|
||
},
|
||
selectedValues: function selectedValues() {
|
||
if (this.internalValue == null) return [];
|
||
return Array.isArray(this.internalValue) ? this.internalValue : [this.internalValue];
|
||
},
|
||
toggleMethod: function toggleMethod() {
|
||
var _this = this;
|
||
|
||
if (!this.multiple) {
|
||
return function (v) {
|
||
return _this.internalValue === v;
|
||
};
|
||
}
|
||
|
||
var internalValue = this.internalValue;
|
||
|
||
if (Array.isArray(internalValue)) {
|
||
return function (v) {
|
||
return internalValue.includes(v);
|
||
};
|
||
}
|
||
|
||
return function () {
|
||
return false;
|
||
};
|
||
}
|
||
},
|
||
watch: {
|
||
internalValue: 'updateItemsState',
|
||
items: 'updateItemsState'
|
||
},
|
||
created: function created() {
|
||
if (this.multiple && !Array.isArray(this.internalValue)) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["consoleWarn"])('Model must be bound to an array if the multiple property is true.', this);
|
||
}
|
||
},
|
||
methods: {
|
||
genData: function genData() {
|
||
return {
|
||
class: this.classes
|
||
};
|
||
},
|
||
getValue: function getValue(item, i) {
|
||
return item.value == null || item.value === '' ? i : item.value;
|
||
},
|
||
onClick: function onClick(item) {
|
||
this.updateInternalValue(this.getValue(item, this.items.indexOf(item)));
|
||
},
|
||
register: function register(item) {
|
||
var _this = this;
|
||
|
||
var index = this.items.push(item) - 1;
|
||
item.$on('change', function () {
|
||
return _this.onClick(item);
|
||
}); // If no value provided and mandatory,
|
||
// assign first registered item
|
||
|
||
if (this.mandatory && !this.selectedValues.length) {
|
||
this.updateMandatory();
|
||
}
|
||
|
||
this.updateItem(item, index);
|
||
},
|
||
unregister: function unregister(item) {
|
||
if (this._isDestroyed) return;
|
||
var index = this.items.indexOf(item);
|
||
var value = this.getValue(item, index);
|
||
this.items.splice(index, 1);
|
||
var valueIndex = this.selectedValues.indexOf(value); // Items is not selected, do nothing
|
||
|
||
if (valueIndex < 0) return; // If not mandatory, use regular update process
|
||
|
||
if (!this.mandatory) {
|
||
return this.updateInternalValue(value);
|
||
} // Remove the value
|
||
|
||
|
||
if (this.multiple && Array.isArray(this.internalValue)) {
|
||
this.internalValue = this.internalValue.filter(function (v) {
|
||
return v !== value;
|
||
});
|
||
} else {
|
||
this.internalValue = undefined;
|
||
} // If mandatory and we have no selection
|
||
// add the last item as value
|
||
|
||
/* istanbul ignore else */
|
||
|
||
|
||
if (!this.selectedItems.length) {
|
||
this.updateMandatory(true);
|
||
}
|
||
},
|
||
updateItem: function updateItem(item, index) {
|
||
var value = this.getValue(item, index);
|
||
item.isActive = this.toggleMethod(value);
|
||
},
|
||
// https://github.com/vuetifyjs/vuetify/issues/5352
|
||
updateItemsState: function updateItemsState() {
|
||
var _this = this;
|
||
|
||
this.$nextTick(function () {
|
||
if (_this.mandatory && !_this.selectedItems.length) {
|
||
return _this.updateMandatory();
|
||
} // TODO: Make this smarter so it
|
||
// doesn't have to iterate every
|
||
// child in an update
|
||
|
||
|
||
_this.items.forEach(_this.updateItem);
|
||
});
|
||
},
|
||
updateInternalValue: function updateInternalValue(value) {
|
||
this.multiple ? this.updateMultiple(value) : this.updateSingle(value);
|
||
},
|
||
updateMandatory: function updateMandatory(last) {
|
||
if (!this.items.length) return;
|
||
var items = this.items.slice();
|
||
if (last) items.reverse();
|
||
var item = items.find(function (item) {
|
||
return !item.disabled;
|
||
}); // If no tabs are available
|
||
// aborts mandatory value
|
||
|
||
if (!item) return;
|
||
var index = this.items.indexOf(item);
|
||
this.updateInternalValue(this.getValue(item, index));
|
||
},
|
||
updateMultiple: function updateMultiple(value) {
|
||
var defaultValue = Array.isArray(this.internalValue) ? this.internalValue : [];
|
||
var internalValue = defaultValue.slice();
|
||
var index = internalValue.findIndex(function (val) {
|
||
return val === value;
|
||
});
|
||
if (this.mandatory && // Item already exists
|
||
index > -1 && // value would be reduced below min
|
||
internalValue.length - 1 < 1) return;
|
||
if ( // Max is set
|
||
this.max != null && // Item doesn't exist
|
||
index < 0 && // value would be increased above max
|
||
internalValue.length + 1 > this.max) return;
|
||
index > -1 ? internalValue.splice(index, 1) : internalValue.push(value);
|
||
this.internalValue = internalValue;
|
||
},
|
||
updateSingle: function updateSingle(value) {
|
||
var isSame = value === this.internalValue;
|
||
if (this.mandatory && isSame) return;
|
||
this.internalValue = isSame ? undefined : value;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', this.genData(), this.$slots.default);
|
||
}
|
||
});
|
||
/* harmony default export */ __webpack_exports__["default"] = (BaseItemGroup.extend({
|
||
name: 'v-item-group',
|
||
provide: function provide() {
|
||
return {
|
||
itemGroup: this
|
||
};
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VItemGroup/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VItemGroup/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VItem, VItemGroup, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VItem */ "./src/components/VItemGroup/VItem.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VItem", function() { return _VItem__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VItemGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VItemGroup", function() { return _VItemGroup__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VItem: _VItem__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VItemGroup: _VItemGroup__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VLabel/VLabel.sass":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VLabel/VLabel.sass ***!
|
||
\*******************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VLabel/VLabel.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VLabel/VLabel.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VLabel_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VLabel.sass */ "./src/components/VLabel/VLabel.sass");
|
||
/* harmony import */ var _VLabel_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VLabel_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Helpers
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'v-label',
|
||
functional: true,
|
||
props: {
|
||
absolute: Boolean,
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
disabled: Boolean,
|
||
focused: Boolean,
|
||
for: String,
|
||
left: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
right: {
|
||
type: [Number, String],
|
||
default: 'auto'
|
||
},
|
||
value: Boolean
|
||
},
|
||
render: function render(h, ctx) {
|
||
var children = ctx.children,
|
||
listeners = ctx.listeners,
|
||
props = ctx.props;
|
||
var data = {
|
||
staticClass: 'v-label',
|
||
class: __assign({
|
||
'v-label--active': props.value,
|
||
'v-label--is-disabled': props.disabled
|
||
}, Object(_mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["functionalThemeClasses"])(ctx)),
|
||
attrs: {
|
||
for: props.for,
|
||
'aria-hidden': !props.for
|
||
},
|
||
on: listeners,
|
||
style: {
|
||
left: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(props.left),
|
||
right: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(props.right),
|
||
position: props.absolute ? 'absolute' : 'relative'
|
||
},
|
||
ref: 'label'
|
||
};
|
||
return h('label', _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.setTextColor(props.focused && props.color, data), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VLabel/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/components/VLabel/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: VLabel, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VLabel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VLabel */ "./src/components/VLabel/VLabel.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VLabel", function() { return _VLabel__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VLabel__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VLazy/VLazy.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VLazy/VLazy.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _directives_intersect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../directives/intersect */ "./src/directives/intersect/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
// Mixins
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_0__["default"]).extend({
|
||
name: 'VLazy',
|
||
directives: {
|
||
intersect: _directives_intersect__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
},
|
||
props: {
|
||
minHeight: [Number, String],
|
||
options: {
|
||
type: Object,
|
||
// For more information on types, navigate to:
|
||
// https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
|
||
default: function _default() {
|
||
return {
|
||
root: undefined,
|
||
rootMargin: undefined,
|
||
threshold: undefined
|
||
};
|
||
}
|
||
},
|
||
tag: {
|
||
type: String,
|
||
default: 'div'
|
||
},
|
||
transition: {
|
||
type: String,
|
||
default: 'fade-transition'
|
||
}
|
||
},
|
||
computed: {
|
||
styles: function styles() {
|
||
return {
|
||
minHeight: parseInt(this.minHeight) ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.minHeight) : this.minHeight
|
||
};
|
||
}
|
||
},
|
||
methods: {
|
||
genContent: function genContent() {
|
||
var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this);
|
||
/* istanbul ignore if */
|
||
|
||
if (!this.transition) return slot;
|
||
var children = [];
|
||
if (this.isActive) children.push(slot);
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
name: this.transition
|
||
}
|
||
}, children);
|
||
},
|
||
onObserve: function onObserve(entries, observer, isIntersecting) {
|
||
if (this.isActive) return;
|
||
this.isActive = isIntersecting;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h(this.tag, {
|
||
staticClass: 'v-lazy',
|
||
attrs: this.$attrs,
|
||
directives: [{
|
||
name: 'intersect',
|
||
value: {
|
||
handler: this.onObserve,
|
||
options: this.options
|
||
}
|
||
}],
|
||
on: this.$listeners,
|
||
style: this.styles
|
||
}, [this.genContent()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VLazy/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VLazy/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VLazy, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VLazy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VLazy */ "./src/components/VLazy/VLazy.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VLazy", function() { return _VLazy__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VLazy__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VList.sass":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VList/VList.sass ***!
|
||
\*****************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VList.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VList/VList.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VList_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VList.sass */ "./src/components/VList/VList.sass");
|
||
/* harmony import */ var _VList_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VList_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSheet_VSheet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSheet/VSheet */ "./src/components/VSheet/VSheet.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __values = undefined && undefined.__values || function (o) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator],
|
||
i = 0;
|
||
if (m) return m.call(o);
|
||
return {
|
||
next: function next() {
|
||
if (o && i >= o.length) o = void 0;
|
||
return {
|
||
value: o && o[i++],
|
||
done: !o
|
||
};
|
||
}
|
||
};
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSheet_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].extend().extend({
|
||
name: 'v-list',
|
||
provide: function provide() {
|
||
return {
|
||
isInList: true,
|
||
list: this
|
||
};
|
||
},
|
||
inject: {
|
||
isInMenu: {
|
||
default: false
|
||
},
|
||
isInNav: {
|
||
default: false
|
||
}
|
||
},
|
||
props: {
|
||
dense: Boolean,
|
||
disabled: Boolean,
|
||
expand: Boolean,
|
||
flat: Boolean,
|
||
nav: Boolean,
|
||
rounded: Boolean,
|
||
shaped: Boolean,
|
||
subheader: Boolean,
|
||
threeLine: Boolean,
|
||
tile: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
twoLine: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
groups: []
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VSheet_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-list--dense': this.dense,
|
||
'v-list--disabled': this.disabled,
|
||
'v-list--flat': this.flat,
|
||
'v-list--nav': this.nav,
|
||
'v-list--rounded': this.rounded,
|
||
'v-list--shaped': this.shaped,
|
||
'v-list--subheader': this.subheader,
|
||
'v-list--two-line': this.twoLine,
|
||
'v-list--three-line': this.threeLine
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
register: function register(content) {
|
||
this.groups.push(content);
|
||
},
|
||
unregister: function unregister(content) {
|
||
var index = this.groups.findIndex(function (g) {
|
||
return g._uid === content._uid;
|
||
});
|
||
if (index > -1) this.groups.splice(index, 1);
|
||
},
|
||
listClick: function listClick(uid) {
|
||
var e_1, _a;
|
||
|
||
if (this.expand) return;
|
||
|
||
try {
|
||
for (var _b = __values(this.groups), _c = _b.next(); !_c.done; _c = _b.next()) {
|
||
var group = _c.value;
|
||
group.toggle(uid);
|
||
}
|
||
} catch (e_1_1) {
|
||
e_1 = {
|
||
error: e_1_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
||
} finally {
|
||
if (e_1) throw e_1.error;
|
||
}
|
||
}
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var data = {
|
||
staticClass: 'v-list',
|
||
class: this.classes,
|
||
style: this.styles,
|
||
attrs: __assign({
|
||
role: this.isInNav || this.isInMenu ? undefined : 'list'
|
||
}, this.attrs$)
|
||
};
|
||
return h(this.tag, this.setBackgroundColor(this.color, data), [this.$slots.default]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListGroup.sass":
|
||
/*!**********************************************!*\
|
||
!*** ./src/components/VList/VListGroup.sass ***!
|
||
\**********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListGroup.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VList/VListGroup.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VListGroup_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VListGroup.sass */ "./src/components/VList/VListGroup.sass");
|
||
/* harmony import */ var _VListGroup_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VListGroup_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VListItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VListItem */ "./src/components/VList/VListItem.ts");
|
||
/* harmony import */ var _VListItemIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VListItemIcon */ "./src/components/VList/VListItemIcon.ts");
|
||
/* harmony import */ var _mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/binds-attrs */ "./src/mixins/binds-attrs/index.ts");
|
||
/* harmony import */ var _mixins_bootable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/bootable */ "./src/mixins/bootable/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Transitions
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_11__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_bootable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_6__["default"], Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_8__["inject"])('list'), _mixins_toggleable__WEBPACK_IMPORTED_MODULE_7__["default"]);
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-list-group',
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_9__["default"]
|
||
},
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
appendIcon: {
|
||
type: String,
|
||
default: '$expand'
|
||
},
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
disabled: Boolean,
|
||
group: String,
|
||
noAction: Boolean,
|
||
prependIcon: String,
|
||
ripple: {
|
||
type: [Boolean, Object],
|
||
default: true
|
||
},
|
||
subGroup: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return {
|
||
'v-list-group--active': this.isActive,
|
||
'v-list-group--disabled': this.disabled,
|
||
'v-list-group--no-action': this.noAction,
|
||
'v-list-group--sub-group': this.subGroup
|
||
};
|
||
}
|
||
},
|
||
watch: {
|
||
isActive: function isActive(val) {
|
||
/* istanbul ignore else */
|
||
if (!this.subGroup && val) {
|
||
this.list && this.list.listClick(this._uid);
|
||
}
|
||
},
|
||
$route: 'onRouteChange'
|
||
},
|
||
created: function created() {
|
||
this.list && this.list.register(this);
|
||
|
||
if (this.group && this.$route && this.value == null) {
|
||
this.isActive = this.matchRoute(this.$route.path);
|
||
}
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.list && this.list.unregister(this);
|
||
},
|
||
methods: {
|
||
click: function click(e) {
|
||
var _this = this;
|
||
|
||
if (this.disabled) return;
|
||
this.isBooted = true;
|
||
this.$emit('click', e);
|
||
this.$nextTick(function () {
|
||
return _this.isActive = !_this.isActive;
|
||
});
|
||
},
|
||
genIcon: function genIcon(icon) {
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], icon);
|
||
},
|
||
genAppendIcon: function genAppendIcon() {
|
||
var icon = !this.subGroup ? this.appendIcon : false;
|
||
if (!icon && !this.$slots.appendIcon) return null;
|
||
return this.$createElement(_VListItemIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
staticClass: 'v-list-group__header__append-icon'
|
||
}, [this.$slots.appendIcon || this.genIcon(icon)]);
|
||
},
|
||
genHeader: function genHeader() {
|
||
var _a;
|
||
|
||
return this.$createElement(_VListItem__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
staticClass: 'v-list-group__header',
|
||
attrs: {
|
||
'aria-expanded': String(this.isActive),
|
||
role: 'button'
|
||
},
|
||
class: (_a = {}, _a[this.activeClass] = this.isActive, _a),
|
||
props: {
|
||
inputValue: this.isActive
|
||
},
|
||
directives: [{
|
||
name: 'ripple',
|
||
value: this.ripple
|
||
}],
|
||
on: __assign({}, this.listeners$, {
|
||
click: this.click
|
||
})
|
||
}, [this.genPrependIcon(), this.$slots.activator, this.genAppendIcon()]);
|
||
},
|
||
genItems: function genItems() {
|
||
var _this = this;
|
||
|
||
return this.showLazyContent(function () {
|
||
return [_this.$createElement('div', {
|
||
staticClass: 'v-list-group__items',
|
||
directives: [{
|
||
name: 'show',
|
||
value: _this.isActive
|
||
}]
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_12__["getSlot"])(_this))];
|
||
});
|
||
},
|
||
genPrependIcon: function genPrependIcon() {
|
||
var icon = this.subGroup && this.prependIcon == null ? '$subgroup' : this.prependIcon;
|
||
if (!icon && !this.$slots.prependIcon) return null;
|
||
return this.$createElement(_VListItemIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
staticClass: 'v-list-group__header__prepend-icon'
|
||
}, [this.$slots.prependIcon || this.genIcon(icon)]);
|
||
},
|
||
onRouteChange: function onRouteChange(to) {
|
||
/* istanbul ignore if */
|
||
if (!this.group) return;
|
||
var isActive = this.matchRoute(to.path);
|
||
/* istanbul ignore else */
|
||
|
||
if (isActive && this.isActive !== isActive) {
|
||
this.list && this.list.listClick(this._uid);
|
||
}
|
||
|
||
this.isActive = isActive;
|
||
},
|
||
toggle: function toggle(uid) {
|
||
var _this = this;
|
||
|
||
var isActive = this._uid === uid;
|
||
if (isActive) this.isBooted = true;
|
||
this.$nextTick(function () {
|
||
return _this.isActive = isActive;
|
||
});
|
||
},
|
||
matchRoute: function matchRoute(to) {
|
||
return to.match(this.group) !== null;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', this.setTextColor(this.isActive && this.color, {
|
||
staticClass: 'v-list-group',
|
||
class: this.classes
|
||
}), [this.genHeader(), h(_transitions__WEBPACK_IMPORTED_MODULE_10__["VExpandTransition"], this.genItems())]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListItem.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VList/VListItem.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListItem.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VList/VListItem.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VListItem_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VListItem.sass */ "./src/components/VList/VListItem.sass");
|
||
/* harmony import */ var _VListItem_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VListItem_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
// Types
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_routable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_4__["default"], Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_3__["factory"])('listItemGroup'), Object(_mixins_toggleable__WEBPACK_IMPORTED_MODULE_5__["factory"])('inputValue'));
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-list-item',
|
||
directives: {
|
||
Ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_6__["default"]
|
||
},
|
||
inheritAttrs: false,
|
||
inject: {
|
||
isInGroup: {
|
||
default: false
|
||
},
|
||
isInList: {
|
||
default: false
|
||
},
|
||
isInMenu: {
|
||
default: false
|
||
},
|
||
isInNav: {
|
||
default: false
|
||
}
|
||
},
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: function _default() {
|
||
if (!this.listItemGroup) return '';
|
||
return this.listItemGroup.activeClass;
|
||
}
|
||
},
|
||
dense: Boolean,
|
||
inactive: Boolean,
|
||
link: Boolean,
|
||
selectable: {
|
||
type: Boolean
|
||
},
|
||
tag: {
|
||
type: String,
|
||
default: 'div'
|
||
},
|
||
threeLine: Boolean,
|
||
twoLine: Boolean,
|
||
value: null
|
||
},
|
||
data: function data() {
|
||
return {
|
||
proxyClass: 'v-list-item--active'
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-list-item': true
|
||
}, _mixins_routable__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.classes.call(this), {
|
||
'v-list-item--dense': this.dense,
|
||
'v-list-item--disabled': this.disabled,
|
||
'v-list-item--link': this.isClickable && !this.inactive,
|
||
'v-list-item--selectable': this.selectable,
|
||
'v-list-item--three-line': this.threeLine,
|
||
'v-list-item--two-line': this.twoLine
|
||
}, this.themeClasses);
|
||
},
|
||
isClickable: function isClickable() {
|
||
return Boolean(_mixins_routable__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.isClickable.call(this) || this.listItemGroup);
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$attrs.hasOwnProperty('avatar')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_8__["removed"])('avatar', this);
|
||
}
|
||
},
|
||
methods: {
|
||
click: function click(e) {
|
||
if (e.detail) this.$el.blur();
|
||
this.$emit('click', e);
|
||
this.to || this.toggle();
|
||
},
|
||
genAttrs: function genAttrs() {
|
||
var attrs = __assign({
|
||
'aria-disabled': this.disabled ? true : undefined,
|
||
tabindex: this.isClickable && !this.disabled ? 0 : -1
|
||
}, this.$attrs);
|
||
|
||
if (this.$attrs.hasOwnProperty('role')) {// do nothing, role already provided
|
||
} else if (this.isInNav) {// do nothing, role is inherit
|
||
} else if (this.isInGroup) {
|
||
attrs.role = 'listitem';
|
||
attrs['aria-selected'] = String(this.isActive);
|
||
} else if (this.isInMenu) {
|
||
attrs.role = this.isClickable ? 'menuitem' : undefined;
|
||
attrs.id = attrs.id || "list-item-" + this._uid;
|
||
} else if (this.isInList) {
|
||
attrs.role = 'listitem';
|
||
}
|
||
|
||
return attrs;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
var _a = this.generateRouteLink(),
|
||
tag = _a.tag,
|
||
data = _a.data;
|
||
|
||
data.attrs = __assign({}, data.attrs, this.genAttrs());
|
||
data.on = __assign({}, data.on, {
|
||
click: this.click,
|
||
keydown: function keydown(e) {
|
||
/* istanbul ignore else */
|
||
if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_7__["keyCodes"].enter) _this.click(e);
|
||
|
||
_this.$emit('keydown', e);
|
||
}
|
||
});
|
||
var children = this.$scopedSlots.default ? this.$scopedSlots.default({
|
||
active: this.isActive,
|
||
toggle: this.toggle
|
||
}) : this.$slots.default;
|
||
tag = this.inactive ? 'div' : tag;
|
||
return h(tag, this.setTextColor(this.color, data), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListItemAction.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VList/VListItemAction.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
// Types
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'v-list-item-action',
|
||
functional: true,
|
||
render: function render(h, _a) {
|
||
var data = _a.data,
|
||
_b = _a.children,
|
||
children = _b === void 0 ? [] : _b;
|
||
data.staticClass = data.staticClass ? "v-list-item__action " + data.staticClass : 'v-list-item__action';
|
||
var filteredChild = children.filter(function (VNode) {
|
||
return VNode.isComment === false && VNode.text !== ' ';
|
||
});
|
||
if (filteredChild.length > 1) data.staticClass += ' v-list-item__action--stack';
|
||
return h('div', data, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListItemAvatar.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VList/VListItemAvatar.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VAvatar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VAvatar */ "./src/components/VAvatar/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Components
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VAvatar__WEBPACK_IMPORTED_MODULE_0__["default"].extend({
|
||
name: 'v-list-item-avatar',
|
||
props: {
|
||
horizontal: Boolean,
|
||
size: {
|
||
type: [Number, String],
|
||
default: 40
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-list-item__avatar--horizontal': this.horizontal
|
||
}, _VAvatar__WEBPACK_IMPORTED_MODULE_0__["default"].options.computed.classes.call(this), {
|
||
'v-avatar--tile': this.tile || this.horizontal
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var render = _VAvatar__WEBPACK_IMPORTED_MODULE_0__["default"].options.render.call(this, h);
|
||
render.data = render.data || {};
|
||
render.data.staticClass += ' v-list-item__avatar';
|
||
return render;
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListItemGroup.sass":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VList/VListItemGroup.sass ***!
|
||
\**************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListItemGroup.ts":
|
||
/*!************************************************!*\
|
||
!*** ./src/components/VList/VListItemGroup.ts ***!
|
||
\************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VListItemGroup_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VListItemGroup.sass */ "./src/components/VList/VListItemGroup.sass");
|
||
/* harmony import */ var _VListItemGroup_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VListItemGroup_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Mixins
|
||
|
||
// Utilities
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__["BaseItemGroup"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'v-list-item-group',
|
||
provide: function provide() {
|
||
return {
|
||
isInGroup: true,
|
||
listItemGroup: this
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__["BaseItemGroup"].options.computed.classes.call(this), {
|
||
'v-list-item-group': true
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
genData: function genData() {
|
||
return this.setTextColor(this.color, __assign({}, _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__["BaseItemGroup"].options.methods.genData.call(this), {
|
||
attrs: {
|
||
role: 'listbox'
|
||
}
|
||
}));
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/VListItemIcon.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VList/VListItemIcon.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
// Types
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'v-list-item-icon',
|
||
functional: true,
|
||
render: function render(h, _a) {
|
||
var data = _a.data,
|
||
children = _a.children;
|
||
data.staticClass = ("v-list-item__icon " + (data.staticClass || '')).trim();
|
||
return h('div', data, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VList/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VList/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VListItemActionText, VListItemContent, VListItemTitle, VListItemSubtitle, VList, VListGroup, VListItem, VListItemAction, VListItemAvatar, VListItemIcon, VListItemGroup, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VListItemActionText", function() { return VListItemActionText; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VListItemContent", function() { return VListItemContent; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VListItemTitle", function() { return VListItemTitle; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VListItemSubtitle", function() { return VListItemSubtitle; });
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _VList__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VList */ "./src/components/VList/VList.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VList", function() { return _VList__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VListGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VListGroup */ "./src/components/VList/VListGroup.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListGroup", function() { return _VListGroup__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _VListItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VListItem */ "./src/components/VList/VListItem.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItem", function() { return _VListItem__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
/* harmony import */ var _VListItemGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VListItemGroup */ "./src/components/VList/VListItemGroup.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemGroup", function() { return _VListItemGroup__WEBPACK_IMPORTED_MODULE_4__["default"]; });
|
||
|
||
/* harmony import */ var _VListItemAction__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VListItemAction */ "./src/components/VList/VListItemAction.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemAction", function() { return _VListItemAction__WEBPACK_IMPORTED_MODULE_5__["default"]; });
|
||
|
||
/* harmony import */ var _VListItemAvatar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./VListItemAvatar */ "./src/components/VList/VListItemAvatar.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemAvatar", function() { return _VListItemAvatar__WEBPACK_IMPORTED_MODULE_6__["default"]; });
|
||
|
||
/* harmony import */ var _VListItemIcon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./VListItemIcon */ "./src/components/VList/VListItemIcon.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemIcon", function() { return _VListItemIcon__WEBPACK_IMPORTED_MODULE_7__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
var VListItemActionText = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["createSimpleFunctional"])('v-list-item__action-text', 'span');
|
||
var VListItemContent = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["createSimpleFunctional"])('v-list-item__content', 'div');
|
||
var VListItemTitle = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["createSimpleFunctional"])('v-list-item__title', 'div');
|
||
var VListItemSubtitle = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["createSimpleFunctional"])('v-list-item__subtitle', 'div');
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VList: _VList__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VListGroup: _VListGroup__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||
VListItem: _VListItem__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||
VListItemAction: _VListItemAction__WEBPACK_IMPORTED_MODULE_5__["default"],
|
||
VListItemActionText: VListItemActionText,
|
||
VListItemAvatar: _VListItemAvatar__WEBPACK_IMPORTED_MODULE_6__["default"],
|
||
VListItemContent: VListItemContent,
|
||
VListItemGroup: _VListItemGroup__WEBPACK_IMPORTED_MODULE_4__["default"],
|
||
VListItemIcon: _VListItemIcon__WEBPACK_IMPORTED_MODULE_7__["default"],
|
||
VListItemSubtitle: VListItemSubtitle,
|
||
VListItemTitle: VListItemTitle
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VMenu/VMenu.sass":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VMenu/VMenu.sass ***!
|
||
\*****************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VMenu/VMenu.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VMenu/VMenu.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VMenu_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VMenu.sass */ "./src/components/VMenu/VMenu.sass");
|
||
/* harmony import */ var _VMenu_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VMenu_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VThemeProvider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VThemeProvider */ "./src/components/VThemeProvider/index.ts");
|
||
/* harmony import */ var _mixins_activatable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/activatable */ "./src/mixins/activatable/index.ts");
|
||
/* harmony import */ var _mixins_delayable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/delayable */ "./src/mixins/delayable/index.ts");
|
||
/* harmony import */ var _mixins_dependent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/dependent */ "./src/mixins/dependent/index.ts");
|
||
/* harmony import */ var _mixins_detachable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/detachable */ "./src/mixins/detachable/index.ts");
|
||
/* harmony import */ var _mixins_menuable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/menuable */ "./src/mixins/menuable/index.ts");
|
||
/* harmony import */ var _mixins_returnable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/returnable */ "./src/mixins/returnable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _directives_click_outside__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../directives/click-outside */ "./src/directives/click-outside/index.ts");
|
||
/* harmony import */ var _directives_resize__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../directives/resize */ "./src/directives/resize/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(_mixins_dependent__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_delayable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_detachable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_menuable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_returnable__WEBPACK_IMPORTED_MODULE_7__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_8__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_9__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-menu',
|
||
provide: function provide() {
|
||
return {
|
||
isInMenu: true,
|
||
// Pass theme through to default slot
|
||
theme: this.theme
|
||
};
|
||
},
|
||
directives: {
|
||
ClickOutside: _directives_click_outside__WEBPACK_IMPORTED_MODULE_10__["default"],
|
||
Resize: _directives_resize__WEBPACK_IMPORTED_MODULE_11__["default"]
|
||
},
|
||
props: {
|
||
auto: Boolean,
|
||
closeOnClick: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
closeOnContentClick: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
disabled: Boolean,
|
||
disableKeys: Boolean,
|
||
maxHeight: {
|
||
type: [Number, String],
|
||
default: 'auto'
|
||
},
|
||
offsetX: Boolean,
|
||
offsetY: Boolean,
|
||
openOnClick: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
openOnHover: Boolean,
|
||
origin: {
|
||
type: String,
|
||
default: 'top left'
|
||
},
|
||
transition: {
|
||
type: [Boolean, String],
|
||
default: 'v-menu-transition'
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
calculatedTopAuto: 0,
|
||
defaultOffset: 8,
|
||
hasJustFocused: false,
|
||
listIndex: -1,
|
||
resizeTimeout: 0,
|
||
selectedIndex: null,
|
||
tiles: []
|
||
};
|
||
},
|
||
computed: {
|
||
activeTile: function activeTile() {
|
||
return this.tiles[this.listIndex];
|
||
},
|
||
calculatedLeft: function calculatedLeft() {
|
||
var menuWidth = Math.max(this.dimensions.content.width, parseFloat(this.calculatedMinWidth));
|
||
if (!this.auto) return this.calcLeft(menuWidth) || '0';
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_14__["convertToUnit"])(this.calcXOverflow(this.calcLeftAuto(), menuWidth)) || '0';
|
||
},
|
||
calculatedMaxHeight: function calculatedMaxHeight() {
|
||
var height = this.auto ? '200px' : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_14__["convertToUnit"])(this.maxHeight);
|
||
return height || '0';
|
||
},
|
||
calculatedMaxWidth: function calculatedMaxWidth() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_14__["convertToUnit"])(this.maxWidth) || '0';
|
||
},
|
||
calculatedMinWidth: function calculatedMinWidth() {
|
||
if (this.minWidth) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_14__["convertToUnit"])(this.minWidth) || '0';
|
||
}
|
||
|
||
var minWidth = Math.min(this.dimensions.activator.width + Number(this.nudgeWidth) + (this.auto ? 16 : 0), Math.max(this.pageWidth - 24, 0));
|
||
var calculatedMaxWidth = isNaN(parseInt(this.calculatedMaxWidth)) ? minWidth : parseInt(this.calculatedMaxWidth);
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_14__["convertToUnit"])(Math.min(calculatedMaxWidth, minWidth)) || '0';
|
||
},
|
||
calculatedTop: function calculatedTop() {
|
||
var top = !this.auto ? this.calcTop() : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_14__["convertToUnit"])(this.calcYOverflow(this.calculatedTopAuto));
|
||
return top || '0';
|
||
},
|
||
hasClickableTiles: function hasClickableTiles() {
|
||
return Boolean(this.tiles.find(function (tile) {
|
||
return tile.tabIndex > -1;
|
||
}));
|
||
},
|
||
styles: function styles() {
|
||
return {
|
||
maxHeight: this.calculatedMaxHeight,
|
||
minWidth: this.calculatedMinWidth,
|
||
maxWidth: this.calculatedMaxWidth,
|
||
top: this.calculatedTop,
|
||
left: this.calculatedLeft,
|
||
transformOrigin: this.origin,
|
||
zIndex: this.zIndex || this.activeZIndex
|
||
};
|
||
}
|
||
},
|
||
watch: {
|
||
isActive: function isActive(val) {
|
||
if (!val) this.listIndex = -1;
|
||
},
|
||
isContentActive: function isContentActive(val) {
|
||
this.hasJustFocused = val;
|
||
},
|
||
listIndex: function listIndex(next, prev) {
|
||
if (next in this.tiles) {
|
||
var tile = this.tiles[next];
|
||
tile.classList.add('v-list-item--highlighted');
|
||
this.$refs.content.scrollTop = tile.offsetTop - tile.clientHeight;
|
||
}
|
||
|
||
prev in this.tiles && this.tiles[prev].classList.remove('v-list-item--highlighted');
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$attrs.hasOwnProperty('full-width')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_13__["removed"])('full-width', this);
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.isActive && this.callActivate();
|
||
},
|
||
methods: {
|
||
activate: function activate() {
|
||
var _this = this; // Update coordinates and dimensions of menu
|
||
// and its activator
|
||
|
||
|
||
this.updateDimensions(); // Start the transition
|
||
|
||
requestAnimationFrame(function () {
|
||
// Once transitioning, calculate scroll and top position
|
||
_this.startTransition().then(function () {
|
||
if (_this.$refs.content) {
|
||
_this.calculatedTopAuto = _this.calcTopAuto();
|
||
_this.auto && (_this.$refs.content.scrollTop = _this.calcScrollPosition());
|
||
}
|
||
});
|
||
});
|
||
},
|
||
calcScrollPosition: function calcScrollPosition() {
|
||
var $el = this.$refs.content;
|
||
var activeTile = $el.querySelector('.v-list-item--active');
|
||
var maxScrollTop = $el.scrollHeight - $el.offsetHeight;
|
||
return activeTile ? Math.min(maxScrollTop, Math.max(0, activeTile.offsetTop - $el.offsetHeight / 2 + activeTile.offsetHeight / 2)) : $el.scrollTop;
|
||
},
|
||
calcLeftAuto: function calcLeftAuto() {
|
||
return parseInt(this.dimensions.activator.left - this.defaultOffset * 2);
|
||
},
|
||
calcTopAuto: function calcTopAuto() {
|
||
var $el = this.$refs.content;
|
||
var activeTile = $el.querySelector('.v-list-item--active');
|
||
|
||
if (!activeTile) {
|
||
this.selectedIndex = null;
|
||
}
|
||
|
||
if (this.offsetY || !activeTile) {
|
||
return this.computedTop;
|
||
}
|
||
|
||
this.selectedIndex = Array.from(this.tiles).indexOf(activeTile);
|
||
var tileDistanceFromMenuTop = activeTile.offsetTop - this.calcScrollPosition();
|
||
var firstTileOffsetTop = $el.querySelector('.v-list-item').offsetTop;
|
||
return this.computedTop - tileDistanceFromMenuTop - firstTileOffsetTop - 1;
|
||
},
|
||
changeListIndex: function changeListIndex(e) {
|
||
// For infinite scroll and autocomplete, re-evaluate children
|
||
this.getTiles();
|
||
|
||
if (!this.isActive || !this.hasClickableTiles) {
|
||
return;
|
||
} else if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_14__["keyCodes"].tab) {
|
||
this.isActive = false;
|
||
return;
|
||
} else if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_14__["keyCodes"].down) {
|
||
this.nextTile();
|
||
} else if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_14__["keyCodes"].up) {
|
||
this.prevTile();
|
||
} else if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_14__["keyCodes"].enter && this.listIndex !== -1) {
|
||
this.tiles[this.listIndex].click();
|
||
} else {
|
||
return;
|
||
} // One of the conditions was met, prevent default action (#2988)
|
||
|
||
|
||
e.preventDefault();
|
||
},
|
||
closeConditional: function closeConditional(e) {
|
||
var target = e.target;
|
||
return this.isActive && !this._isDestroyed && this.closeOnClick && !this.$refs.content.contains(target);
|
||
},
|
||
genActivatorAttributes: function genActivatorAttributes() {
|
||
var attributes = _mixins_activatable__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genActivatorAttributes.call(this);
|
||
|
||
if (this.activeTile && this.activeTile.id) {
|
||
return __assign({}, attributes, {
|
||
'aria-activedescendant': this.activeTile.id
|
||
});
|
||
}
|
||
|
||
return attributes;
|
||
},
|
||
genActivatorListeners: function genActivatorListeners() {
|
||
var listeners = _mixins_menuable__WEBPACK_IMPORTED_MODULE_6__["default"].options.methods.genActivatorListeners.call(this);
|
||
|
||
if (!this.disableKeys) {
|
||
listeners.keydown = this.onKeyDown;
|
||
}
|
||
|
||
return listeners;
|
||
},
|
||
genTransition: function genTransition() {
|
||
var content = this.genContent();
|
||
if (!this.transition) return content;
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
name: this.transition
|
||
}
|
||
}, [content]);
|
||
},
|
||
genDirectives: function genDirectives() {
|
||
var _this = this;
|
||
|
||
var directives = [{
|
||
name: 'show',
|
||
value: this.isContentActive
|
||
}]; // Do not add click outside for hover menu
|
||
|
||
if (!this.openOnHover && this.closeOnClick) {
|
||
directives.push({
|
||
name: 'click-outside',
|
||
value: function value() {
|
||
_this.isActive = false;
|
||
},
|
||
args: {
|
||
closeConditional: this.closeConditional,
|
||
include: function include() {
|
||
return __spread([_this.$el], _this.getOpenDependentElements());
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
return directives;
|
||
},
|
||
genContent: function genContent() {
|
||
var _a;
|
||
|
||
var _this = this;
|
||
|
||
var options = {
|
||
attrs: __assign({}, this.getScopeIdAttrs(), {
|
||
role: 'role' in this.$attrs ? this.$attrs.role : 'menu'
|
||
}),
|
||
staticClass: 'v-menu__content',
|
||
class: __assign({}, this.rootThemeClasses, (_a = {
|
||
'v-menu__content--auto': this.auto,
|
||
'v-menu__content--fixed': this.activatorFixed,
|
||
menuable__content__active: this.isActive
|
||
}, _a[this.contentClass.trim()] = true, _a)),
|
||
style: this.styles,
|
||
directives: this.genDirectives(),
|
||
ref: 'content',
|
||
on: {
|
||
click: function click(e) {
|
||
var target = e.target;
|
||
if (target.getAttribute('disabled')) return;
|
||
if (_this.closeOnContentClick) _this.isActive = false;
|
||
},
|
||
keydown: this.onKeyDown
|
||
}
|
||
};
|
||
|
||
if (!this.disabled && this.openOnHover) {
|
||
options.on = options.on || {};
|
||
options.on.mouseenter = this.mouseEnterHandler;
|
||
}
|
||
|
||
if (this.openOnHover) {
|
||
options.on = options.on || {};
|
||
options.on.mouseleave = this.mouseLeaveHandler;
|
||
}
|
||
|
||
return this.$createElement('div', options, this.getContentSlot());
|
||
},
|
||
getTiles: function getTiles() {
|
||
if (!this.$refs.content) return;
|
||
this.tiles = Array.from(this.$refs.content.querySelectorAll('.v-list-item'));
|
||
},
|
||
mouseEnterHandler: function mouseEnterHandler() {
|
||
var _this = this;
|
||
|
||
this.runDelay('open', function () {
|
||
if (_this.hasJustFocused) return;
|
||
_this.hasJustFocused = true;
|
||
_this.isActive = true;
|
||
});
|
||
},
|
||
mouseLeaveHandler: function mouseLeaveHandler(e) {
|
||
var _this = this; // Prevent accidental re-activation
|
||
|
||
|
||
this.runDelay('close', function () {
|
||
if (_this.$refs.content.contains(e.relatedTarget)) return;
|
||
requestAnimationFrame(function () {
|
||
_this.isActive = false;
|
||
|
||
_this.callDeactivate();
|
||
});
|
||
});
|
||
},
|
||
nextTile: function nextTile() {
|
||
var tile = this.tiles[this.listIndex + 1];
|
||
|
||
if (!tile) {
|
||
if (!this.tiles.length) return;
|
||
this.listIndex = -1;
|
||
this.nextTile();
|
||
return;
|
||
}
|
||
|
||
this.listIndex++;
|
||
if (tile.tabIndex === -1) this.nextTile();
|
||
},
|
||
prevTile: function prevTile() {
|
||
var tile = this.tiles[this.listIndex - 1];
|
||
|
||
if (!tile) {
|
||
if (!this.tiles.length) return;
|
||
this.listIndex = this.tiles.length;
|
||
this.prevTile();
|
||
return;
|
||
}
|
||
|
||
this.listIndex--;
|
||
if (tile.tabIndex === -1) this.prevTile();
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
var _this = this;
|
||
|
||
if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_14__["keyCodes"].esc) {
|
||
// Wait for dependent elements to close first
|
||
setTimeout(function () {
|
||
_this.isActive = false;
|
||
});
|
||
var activator_1 = this.getActivator();
|
||
this.$nextTick(function () {
|
||
return activator_1 && activator_1.focus();
|
||
});
|
||
} else if (!this.isActive && [_util_helpers__WEBPACK_IMPORTED_MODULE_14__["keyCodes"].up, _util_helpers__WEBPACK_IMPORTED_MODULE_14__["keyCodes"].down].includes(e.keyCode)) {
|
||
this.isActive = true;
|
||
} // Allow for isActive watcher to generate tile list
|
||
|
||
|
||
this.$nextTick(function () {
|
||
return _this.changeListIndex(e);
|
||
});
|
||
},
|
||
onResize: function onResize() {
|
||
if (!this.isActive) return; // Account for screen resize
|
||
// and orientation change
|
||
// eslint-disable-next-line no-unused-expressions
|
||
|
||
this.$refs.content.offsetWidth;
|
||
this.updateDimensions(); // When resizing to a smaller width
|
||
// content width is evaluated before
|
||
// the new activator width has been
|
||
// set, causing it to not size properly
|
||
// hacky but will revisit in the future
|
||
|
||
clearTimeout(this.resizeTimeout);
|
||
this.resizeTimeout = window.setTimeout(this.updateDimensions, 100);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
var data = {
|
||
staticClass: 'v-menu',
|
||
class: {
|
||
'v-menu--attached': this.attach === '' || this.attach === true || this.attach === 'attach'
|
||
},
|
||
directives: [{
|
||
arg: '500',
|
||
name: 'resize',
|
||
value: this.onResize
|
||
}]
|
||
};
|
||
return h('div', data, [!this.activator && this.genActivator(), this.showLazyContent(function () {
|
||
return [_this.$createElement(_VThemeProvider__WEBPACK_IMPORTED_MODULE_1__["VThemeProvider"], {
|
||
props: {
|
||
root: true,
|
||
light: _this.light,
|
||
dark: _this.dark
|
||
}
|
||
}, [_this.genTransition()])];
|
||
})]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VMenu/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VMenu/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VMenu, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VMenu__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VMenu */ "./src/components/VMenu/VMenu.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VMenu", function() { return _VMenu__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VMenu__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VMessages/VMessages.sass":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VMessages/VMessages.sass ***!
|
||
\*************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VMessages/VMessages.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VMessages/VMessages.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VMessages_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VMessages.sass */ "./src/components/VMessages/VMessages.sass");
|
||
/* harmony import */ var _VMessages_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VMessages_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
// Styles
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'v-messages',
|
||
props: {
|
||
value: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
genChildren: function genChildren() {
|
||
return this.$createElement('transition-group', {
|
||
staticClass: 'v-messages__wrapper',
|
||
attrs: {
|
||
name: 'message-transition',
|
||
tag: 'div'
|
||
}
|
||
}, this.value.map(this.genMessage));
|
||
},
|
||
genMessage: function genMessage(message, key) {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-messages__message',
|
||
key: key
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getSlot"])(this, 'default', {
|
||
message: message,
|
||
key: key
|
||
}) || [message]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', this.setTextColor(this.color, {
|
||
staticClass: 'v-messages',
|
||
class: this.themeClasses
|
||
}), [this.genChildren()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VMessages/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VMessages/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VMessages, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VMessages__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VMessages */ "./src/components/VMessages/VMessages.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VMessages", function() { return _VMessages__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VMessages__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VNavigationDrawer/VNavigationDrawer.sass":
|
||
/*!*****************************************************************!*\
|
||
!*** ./src/components/VNavigationDrawer/VNavigationDrawer.sass ***!
|
||
\*****************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VNavigationDrawer/VNavigationDrawer.ts":
|
||
/*!***************************************************************!*\
|
||
!*** ./src/components/VNavigationDrawer/VNavigationDrawer.ts ***!
|
||
\***************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VNavigationDrawer_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VNavigationDrawer.sass */ "./src/components/VNavigationDrawer/VNavigationDrawer.sass");
|
||
/* harmony import */ var _VNavigationDrawer_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VNavigationDrawer_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VImg_VImg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VImg/VImg */ "./src/components/VImg/VImg.ts");
|
||
/* harmony import */ var _mixins_applicationable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/applicationable */ "./src/mixins/applicationable/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_dependent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/dependent */ "./src/mixins/dependent/index.ts");
|
||
/* harmony import */ var _mixins_overlayable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/overlayable */ "./src/mixins/overlayable/index.ts");
|
||
/* harmony import */ var _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/ssr-bootable */ "./src/mixins/ssr-bootable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _directives_click_outside__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../directives/click-outside */ "./src/directives/click-outside/index.ts");
|
||
/* harmony import */ var _directives_resize__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../directives/resize */ "./src/directives/resize/index.ts");
|
||
/* harmony import */ var _directives_touch__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../directives/touch */ "./src/directives/touch/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_12__["default"])(Object(_mixins_applicationable__WEBPACK_IMPORTED_MODULE_2__["default"])('left', ['isActive', 'isMobile', 'miniVariant', 'expandOnHover', 'permanent', 'right', 'temporary', 'width']), _mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_dependent__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_overlayable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_7__["default"]);
|
||
var DEFAULT_WIDTH = 256;
|
||
var DEFAULT_MINI_VARIANT_WIDTH = 56;
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-navigation-drawer',
|
||
provide: function provide() {
|
||
return {
|
||
isInNav: this.tag === 'nav'
|
||
};
|
||
},
|
||
directives: {
|
||
ClickOutside: _directives_click_outside__WEBPACK_IMPORTED_MODULE_8__["default"],
|
||
Resize: _directives_resize__WEBPACK_IMPORTED_MODULE_9__["default"],
|
||
Touch: _directives_touch__WEBPACK_IMPORTED_MODULE_10__["default"]
|
||
},
|
||
props: {
|
||
bottom: Boolean,
|
||
clipped: Boolean,
|
||
disableResizeWatcher: Boolean,
|
||
disableRouteWatcher: Boolean,
|
||
expandOnHover: Boolean,
|
||
floating: Boolean,
|
||
height: {
|
||
type: [Number, String],
|
||
default: function _default() {
|
||
return this.app ? '100vh' : '100%';
|
||
}
|
||
},
|
||
miniVariant: Boolean,
|
||
miniVariantWidth: {
|
||
type: [Number, String],
|
||
default: DEFAULT_MINI_VARIANT_WIDTH
|
||
},
|
||
mobileBreakPoint: {
|
||
type: [Number, String],
|
||
default: 1264
|
||
},
|
||
permanent: Boolean,
|
||
right: Boolean,
|
||
src: {
|
||
type: [String, Object],
|
||
default: ''
|
||
},
|
||
stateless: Boolean,
|
||
tag: {
|
||
type: String,
|
||
default: function _default() {
|
||
return this.app ? 'nav' : 'aside';
|
||
}
|
||
},
|
||
temporary: Boolean,
|
||
touchless: Boolean,
|
||
width: {
|
||
type: [Number, String],
|
||
default: DEFAULT_WIDTH
|
||
},
|
||
value: null
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isMouseover: false,
|
||
touchArea: {
|
||
left: 0,
|
||
right: 0
|
||
},
|
||
stackMinZIndex: 6
|
||
};
|
||
},
|
||
computed: {
|
||
/**
|
||
* Used for setting an app value from a dynamic
|
||
* property. Called from applicationable.js
|
||
*/
|
||
applicationProperty: function applicationProperty() {
|
||
return this.right ? 'right' : 'left';
|
||
},
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-navigation-drawer': true,
|
||
'v-navigation-drawer--absolute': this.absolute,
|
||
'v-navigation-drawer--bottom': this.bottom,
|
||
'v-navigation-drawer--clipped': this.clipped,
|
||
'v-navigation-drawer--close': !this.isActive,
|
||
'v-navigation-drawer--fixed': !this.absolute && (this.app || this.fixed),
|
||
'v-navigation-drawer--floating': this.floating,
|
||
'v-navigation-drawer--is-mobile': this.isMobile,
|
||
'v-navigation-drawer--is-mouseover': this.isMouseover,
|
||
'v-navigation-drawer--mini-variant': this.isMiniVariant,
|
||
'v-navigation-drawer--custom-mini-variant': Number(this.miniVariantWidth) !== 56,
|
||
'v-navigation-drawer--open': this.isActive,
|
||
'v-navigation-drawer--open-on-hover': this.expandOnHover,
|
||
'v-navigation-drawer--right': this.right,
|
||
'v-navigation-drawer--temporary': this.temporary
|
||
}, this.themeClasses);
|
||
},
|
||
computedMaxHeight: function computedMaxHeight() {
|
||
if (!this.hasApp) return null;
|
||
var computedMaxHeight = this.$vuetify.application.bottom + this.$vuetify.application.footer + this.$vuetify.application.bar;
|
||
if (!this.clipped) return computedMaxHeight;
|
||
return computedMaxHeight + this.$vuetify.application.top;
|
||
},
|
||
computedTop: function computedTop() {
|
||
if (!this.hasApp) return 0;
|
||
var computedTop = this.$vuetify.application.bar;
|
||
computedTop += this.clipped ? this.$vuetify.application.top : 0;
|
||
return computedTop;
|
||
},
|
||
computedTransform: function computedTransform() {
|
||
if (this.isActive) return 0;
|
||
if (this.isBottom) return 100;
|
||
return this.right ? 100 : -100;
|
||
},
|
||
computedApplicationWidth: function computedApplicationWidth() {
|
||
return this.expandOnHover || this.miniVariant ? this.miniVariantWidth : this.width;
|
||
},
|
||
computedNavigationWidth: function computedNavigationWidth() {
|
||
return this.isMiniVariant ? this.miniVariantWidth : this.width;
|
||
},
|
||
hasApp: function hasApp() {
|
||
return this.app && !this.isMobile && !this.temporary;
|
||
},
|
||
isBottom: function isBottom() {
|
||
return this.bottom && this.isMobile;
|
||
},
|
||
isMiniVariant: function isMiniVariant() {
|
||
return !this.expandOnHover && this.miniVariant || this.expandOnHover && !this.isMouseover;
|
||
},
|
||
isMobile: function isMobile() {
|
||
return !this.stateless && !this.permanent && this.$vuetify.breakpoint.width < parseInt(this.mobileBreakPoint, 10);
|
||
},
|
||
reactsToClick: function reactsToClick() {
|
||
return !this.stateless && !this.permanent && (this.isMobile || this.temporary);
|
||
},
|
||
reactsToMobile: function reactsToMobile() {
|
||
return this.app && !this.disableResizeWatcher && !this.permanent && !this.stateless && !this.temporary;
|
||
},
|
||
reactsToResize: function reactsToResize() {
|
||
return !this.disableResizeWatcher && !this.stateless;
|
||
},
|
||
reactsToRoute: function reactsToRoute() {
|
||
return !this.disableRouteWatcher && !this.stateless && (this.temporary || this.isMobile);
|
||
},
|
||
showOverlay: function showOverlay() {
|
||
return !this.hideOverlay && this.isActive && (this.isMobile || this.temporary);
|
||
},
|
||
styles: function styles() {
|
||
var translate = this.isBottom ? 'translateY' : 'translateX';
|
||
var styles = {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["convertToUnit"])(this.height),
|
||
top: !this.isBottom ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["convertToUnit"])(this.computedTop) : 'auto',
|
||
maxHeight: this.computedMaxHeight != null ? "calc(100% - " + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["convertToUnit"])(this.computedMaxHeight) + ")" : undefined,
|
||
transform: translate + "(" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["convertToUnit"])(this.computedTransform, '%') + ")",
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["convertToUnit"])(this.computedNavigationWidth)
|
||
};
|
||
return styles;
|
||
}
|
||
},
|
||
watch: {
|
||
$route: 'onRouteChange',
|
||
isActive: function isActive(val) {
|
||
this.$emit('input', val);
|
||
},
|
||
|
||
/**
|
||
* When mobile changes, adjust the active state
|
||
* only when there has been a previous value
|
||
*/
|
||
isMobile: function isMobile(val, prev) {
|
||
!val && this.isActive && !this.temporary && this.removeOverlay();
|
||
if (prev == null || !this.reactsToResize || !this.reactsToMobile) return;
|
||
this.isActive = !val;
|
||
},
|
||
permanent: function permanent(val) {
|
||
// If enabling prop enable the drawer
|
||
if (val) this.isActive = true;
|
||
},
|
||
showOverlay: function showOverlay(val) {
|
||
if (val) this.genOverlay();else this.removeOverlay();
|
||
},
|
||
value: function value(val) {
|
||
if (this.permanent) return;
|
||
|
||
if (val == null) {
|
||
this.init();
|
||
return;
|
||
}
|
||
|
||
if (val !== this.isActive) this.isActive = val;
|
||
},
|
||
expandOnHover: 'updateMiniVariant',
|
||
isMouseover: function isMouseover(val) {
|
||
this.updateMiniVariant(!val);
|
||
}
|
||
},
|
||
beforeMount: function beforeMount() {
|
||
this.init();
|
||
},
|
||
methods: {
|
||
calculateTouchArea: function calculateTouchArea() {
|
||
var parent = this.$el.parentNode;
|
||
if (!parent) return;
|
||
var parentRect = parent.getBoundingClientRect();
|
||
this.touchArea = {
|
||
left: parentRect.left + 50,
|
||
right: parentRect.right - 50
|
||
};
|
||
},
|
||
closeConditional: function closeConditional() {
|
||
return this.isActive && !this._isDestroyed && this.reactsToClick;
|
||
},
|
||
genAppend: function genAppend() {
|
||
return this.genPosition('append');
|
||
},
|
||
genBackground: function genBackground() {
|
||
var props = {
|
||
height: '100%',
|
||
width: '100%',
|
||
src: this.src
|
||
};
|
||
var image = this.$scopedSlots.img ? this.$scopedSlots.img(props) : this.$createElement(_VImg_VImg__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: props
|
||
});
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-navigation-drawer__image'
|
||
}, [image]);
|
||
},
|
||
genDirectives: function genDirectives() {
|
||
var _this = this;
|
||
|
||
var directives = [{
|
||
name: 'click-outside',
|
||
value: function value() {
|
||
return _this.isActive = false;
|
||
},
|
||
args: {
|
||
closeConditional: this.closeConditional,
|
||
include: this.getOpenDependentElements
|
||
}
|
||
}];
|
||
|
||
if (!this.touchless && !this.stateless) {
|
||
directives.push({
|
||
name: 'touch',
|
||
value: {
|
||
parent: true,
|
||
left: this.swipeLeft,
|
||
right: this.swipeRight
|
||
}
|
||
});
|
||
}
|
||
|
||
return directives;
|
||
},
|
||
genListeners: function genListeners() {
|
||
var _this = this;
|
||
|
||
var on = {
|
||
transitionend: function transitionend(e) {
|
||
if (e.target !== e.currentTarget) return;
|
||
|
||
_this.$emit('transitionend', e); // IE11 does not support new Event('resize')
|
||
|
||
|
||
var resizeEvent = document.createEvent('UIEvents');
|
||
resizeEvent.initUIEvent('resize', true, false, window, 0);
|
||
window.dispatchEvent(resizeEvent);
|
||
}
|
||
};
|
||
|
||
if (this.miniVariant) {
|
||
on.click = function () {
|
||
return _this.$emit('update:mini-variant', false);
|
||
};
|
||
}
|
||
|
||
if (this.expandOnHover) {
|
||
on.mouseenter = function () {
|
||
return _this.isMouseover = true;
|
||
};
|
||
|
||
on.mouseleave = function () {
|
||
return _this.isMouseover = false;
|
||
};
|
||
}
|
||
|
||
return on;
|
||
},
|
||
genPosition: function genPosition(name) {
|
||
var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getSlot"])(this, name);
|
||
if (!slot) return slot;
|
||
return this.$createElement('div', {
|
||
staticClass: "v-navigation-drawer__" + name
|
||
}, slot);
|
||
},
|
||
genPrepend: function genPrepend() {
|
||
return this.genPosition('prepend');
|
||
},
|
||
genContent: function genContent() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-navigation-drawer__content'
|
||
}, this.$slots.default);
|
||
},
|
||
genBorder: function genBorder() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-navigation-drawer__border'
|
||
});
|
||
},
|
||
init: function init() {
|
||
if (this.permanent) {
|
||
this.isActive = true;
|
||
} else if (this.stateless || this.value != null) {
|
||
this.isActive = this.value;
|
||
} else if (!this.temporary) {
|
||
this.isActive = !this.isMobile;
|
||
}
|
||
},
|
||
onRouteChange: function onRouteChange() {
|
||
if (this.reactsToRoute && this.closeConditional()) {
|
||
this.isActive = false;
|
||
}
|
||
},
|
||
swipeLeft: function swipeLeft(e) {
|
||
if (this.isActive && this.right) return;
|
||
this.calculateTouchArea();
|
||
if (Math.abs(e.touchendX - e.touchstartX) < 100) return;
|
||
if (this.right && e.touchstartX >= this.touchArea.right) this.isActive = true;else if (!this.right && this.isActive) this.isActive = false;
|
||
},
|
||
swipeRight: function swipeRight(e) {
|
||
if (this.isActive && !this.right) return;
|
||
this.calculateTouchArea();
|
||
if (Math.abs(e.touchendX - e.touchstartX) < 100) return;
|
||
if (!this.right && e.touchstartX <= this.touchArea.left) this.isActive = true;else if (this.right && this.isActive) this.isActive = false;
|
||
},
|
||
|
||
/**
|
||
* Update the application layout
|
||
*/
|
||
updateApplication: function updateApplication() {
|
||
if (!this.isActive || this.isMobile || this.temporary || !this.$el) return 0;
|
||
var width = Number(this.computedApplicationWidth);
|
||
|
||
if (isNaN(width)) {
|
||
return this.expandOnHover || this.miniVariant ? DEFAULT_MINI_VARIANT_WIDTH : DEFAULT_WIDTH;
|
||
}
|
||
|
||
return width;
|
||
},
|
||
updateMiniVariant: function updateMiniVariant(val) {
|
||
if (this.miniVariant !== val) this.$emit('update:mini-variant', val);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [this.genPrepend(), this.genContent(), this.genAppend(), this.genBorder()];
|
||
if (this.src || Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getSlot"])(this, 'img')) children.unshift(this.genBackground());
|
||
return h(this.tag, this.setBackgroundColor(this.color, {
|
||
class: this.classes,
|
||
style: this.styles,
|
||
directives: this.genDirectives(),
|
||
on: this.genListeners()
|
||
}), children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VNavigationDrawer/index.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VNavigationDrawer/index.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: VNavigationDrawer, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VNavigationDrawer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VNavigationDrawer */ "./src/components/VNavigationDrawer/VNavigationDrawer.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VNavigationDrawer", function() { return _VNavigationDrawer__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VNavigationDrawer__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VOverflowBtn/VOverflowBtn.sass":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VOverflowBtn/VOverflowBtn.sass ***!
|
||
\*******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VOverflowBtn/VOverflowBtn.ts":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VOverflowBtn/VOverflowBtn.ts ***!
|
||
\*****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VOverflowBtn_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VOverflowBtn.sass */ "./src/components/VOverflowBtn/VOverflowBtn.sass");
|
||
/* harmony import */ var _VOverflowBtn_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VOverflowBtn_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSelect/VSelect */ "./src/components/VSelect/VSelect.ts");
|
||
/* harmony import */ var _VAutocomplete__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VAutocomplete */ "./src/components/VAutocomplete/index.ts");
|
||
/* harmony import */ var _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VTextField/VTextField */ "./src/components/VTextField/VTextField.ts");
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
|
||
|
||
// Components
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].extend({
|
||
name: 'v-overflow-btn',
|
||
props: {
|
||
editable: Boolean,
|
||
segmented: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.classes.call(this), {
|
||
'v-overflow-btn': true,
|
||
'v-overflow-btn--segmented': this.segmented,
|
||
'v-overflow-btn--editable': this.editable
|
||
});
|
||
},
|
||
isAnyValueAllowed: function isAnyValueAllowed() {
|
||
return this.editable || _VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.isAnyValueAllowed.call(this);
|
||
},
|
||
isSingle: function isSingle() {
|
||
return true;
|
||
},
|
||
computedItems: function computedItems() {
|
||
return this.segmented ? this.allItems : this.filteredItems;
|
||
}
|
||
},
|
||
methods: {
|
||
genSelections: function genSelections() {
|
||
return this.editable ? _VAutocomplete__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genSelections.call(this) : _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genSelections.call(this); // Override v-autocomplete's override
|
||
},
|
||
genCommaSelection: function genCommaSelection(item, index, last) {
|
||
return this.segmented ? this.genSegmentedBtn(item) : _VSelect_VSelect__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genCommaSelection.call(this, item, index, last);
|
||
},
|
||
genInput: function genInput() {
|
||
var input = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_3__["default"].options.methods.genInput.call(this);
|
||
input.data = input.data || {};
|
||
input.data.domProps.value = this.editable ? this.internalSearch : '';
|
||
input.data.attrs.readonly = !this.isAnyValueAllowed;
|
||
return input;
|
||
},
|
||
genLabel: function genLabel() {
|
||
if (this.editable && this.isFocused) return null;
|
||
var label = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_3__["default"].options.methods.genLabel.call(this);
|
||
if (!label) return label;
|
||
label.data = label.data || {}; // Reset previously set styles from parent
|
||
|
||
label.data.style = {};
|
||
return label;
|
||
},
|
||
genSegmentedBtn: function genSegmentedBtn(item) {
|
||
var _this = this;
|
||
|
||
var itemValue = this.getValue(item);
|
||
var itemObj = this.computedItems.find(function (i) {
|
||
return _this.getValue(i) === itemValue;
|
||
}) || item;
|
||
|
||
if (!itemObj.text || !itemObj.callback) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_5__["consoleWarn"])('When using \'segmented\' prop without a selection slot, items must contain both a text and callback property', this);
|
||
return null;
|
||
}
|
||
|
||
return this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
||
props: {
|
||
text: true
|
||
},
|
||
on: {
|
||
click: function click(e) {
|
||
e.stopPropagation();
|
||
itemObj.callback(e);
|
||
}
|
||
}
|
||
}, [itemObj.text]);
|
||
},
|
||
updateValue: function updateValue(val) {
|
||
if (val) {
|
||
this.initialValue = this.lazyValue;
|
||
} else if (this.initialValue !== this.lazyValue) {
|
||
this.$emit('change', this.lazyValue);
|
||
}
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VOverflowBtn/index.ts":
|
||
/*!**********************************************!*\
|
||
!*** ./src/components/VOverflowBtn/index.ts ***!
|
||
\**********************************************/
|
||
/*! exports provided: VOverflowBtn, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VOverflowBtn__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VOverflowBtn */ "./src/components/VOverflowBtn/VOverflowBtn.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VOverflowBtn", function() { return _VOverflowBtn__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VOverflowBtn__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VOverlay/VOverlay.sass":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VOverlay/VOverlay.sass ***!
|
||
\***********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VOverlay/VOverlay.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VOverlay/VOverlay.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VOverlay_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VOverlay.sass */ "./src/components/VOverlay/VOverlay.sass");
|
||
/* harmony import */ var _VOverlay_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VOverlay_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_3__["default"]).extend({
|
||
name: 'v-overlay',
|
||
props: {
|
||
absolute: Boolean,
|
||
color: {
|
||
type: String,
|
||
default: '#212121'
|
||
},
|
||
dark: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
opacity: {
|
||
type: [Number, String],
|
||
default: 0.46
|
||
},
|
||
value: {
|
||
default: true
|
||
},
|
||
zIndex: {
|
||
type: [Number, String],
|
||
default: 5
|
||
}
|
||
},
|
||
computed: {
|
||
__scrim: function __scrim() {
|
||
var data = this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-overlay__scrim',
|
||
style: {
|
||
opacity: this.computedOpacity
|
||
}
|
||
});
|
||
return this.$createElement('div', data);
|
||
},
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-overlay--absolute': this.absolute,
|
||
'v-overlay--active': this.isActive
|
||
}, this.themeClasses);
|
||
},
|
||
computedOpacity: function computedOpacity() {
|
||
return Number(this.isActive ? this.opacity : 0);
|
||
},
|
||
styles: function styles() {
|
||
return {
|
||
zIndex: this.zIndex
|
||
};
|
||
}
|
||
},
|
||
methods: {
|
||
genContent: function genContent() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-overlay__content'
|
||
}, this.$slots.default);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [this.__scrim];
|
||
if (this.isActive) children.push(this.genContent());
|
||
return h('div', {
|
||
staticClass: 'v-overlay',
|
||
class: this.classes,
|
||
style: this.styles
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VOverlay/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VOverlay/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: VOverlay, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VOverlay__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VOverlay */ "./src/components/VOverlay/VOverlay.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VOverlay", function() { return _VOverlay__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VOverlay__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VPagination/VPagination.sass":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VPagination/VPagination.sass ***!
|
||
\*****************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VPagination/VPagination.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VPagination/VPagination.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VPagination_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VPagination.sass */ "./src/components/VPagination/VPagination.sass");
|
||
/* harmony import */ var _VPagination_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VPagination_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _directives_resize__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../directives/resize */ "./src/directives/resize/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
// Directives
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__["default"]).extend({
|
||
name: 'v-pagination',
|
||
directives: {
|
||
Resize: _directives_resize__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
},
|
||
props: {
|
||
circle: Boolean,
|
||
disabled: Boolean,
|
||
length: {
|
||
type: Number,
|
||
default: 0,
|
||
validator: function validator(val) {
|
||
return val % 1 === 0;
|
||
}
|
||
},
|
||
nextIcon: {
|
||
type: String,
|
||
default: '$next'
|
||
},
|
||
prevIcon: {
|
||
type: String,
|
||
default: '$prev'
|
||
},
|
||
totalVisible: [Number, String],
|
||
value: {
|
||
type: Number,
|
||
default: 0
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
maxButtons: 0,
|
||
selected: null
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-pagination': true,
|
||
'v-pagination--circle': this.circle,
|
||
'v-pagination--disabled': this.disabled
|
||
}, this.themeClasses);
|
||
},
|
||
items: function items() {
|
||
var totalVisible = parseInt(this.totalVisible, 10);
|
||
var maxLength = Math.min(Math.max(0, totalVisible) || this.length, Math.max(0, this.maxButtons) || this.length, this.length);
|
||
|
||
if (this.length <= maxLength) {
|
||
return this.range(1, this.length);
|
||
}
|
||
|
||
var even = maxLength % 2 === 0 ? 1 : 0;
|
||
var left = Math.floor(maxLength / 2);
|
||
var right = this.length - left + 1 + even;
|
||
|
||
if (this.value > left && this.value < right) {
|
||
var start = this.value - left + 2;
|
||
var end = this.value + left - 2 - even;
|
||
return __spread([1, '...'], this.range(start, end), ['...', this.length]);
|
||
} else if (this.value === left) {
|
||
var end = this.value + left - 1 - even;
|
||
return __spread(this.range(1, end), ['...', this.length]);
|
||
} else if (this.value === right) {
|
||
var start = this.value - left + 1;
|
||
return __spread([1, '...'], this.range(start, this.length));
|
||
} else {
|
||
return __spread(this.range(1, left), ['...'], this.range(right, this.length));
|
||
}
|
||
}
|
||
},
|
||
watch: {
|
||
value: function value() {
|
||
this.init();
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.init();
|
||
},
|
||
methods: {
|
||
init: function init() {
|
||
var _this = this;
|
||
|
||
this.selected = null;
|
||
this.$nextTick(this.onResize); // TODO: Change this (f75dee3a, cbdf7caa)
|
||
|
||
setTimeout(function () {
|
||
return _this.selected = _this.value;
|
||
}, 100);
|
||
},
|
||
onResize: function onResize() {
|
||
var width = this.$el && this.$el.parentElement ? this.$el.parentElement.clientWidth : window.innerWidth;
|
||
this.maxButtons = Math.floor((width - 96) / 42);
|
||
},
|
||
next: function next(e) {
|
||
e.preventDefault();
|
||
this.$emit('input', this.value + 1);
|
||
this.$emit('next');
|
||
},
|
||
previous: function previous(e) {
|
||
e.preventDefault();
|
||
this.$emit('input', this.value - 1);
|
||
this.$emit('previous');
|
||
},
|
||
range: function range(from, to) {
|
||
var range = [];
|
||
from = from > 0 ? from : 1;
|
||
|
||
for (var i = from; i <= to; i++) {
|
||
range.push(i);
|
||
}
|
||
|
||
return range;
|
||
},
|
||
genIcon: function genIcon(h, icon, disabled, fn) {
|
||
return h('li', [h('button', {
|
||
staticClass: 'v-pagination__navigation',
|
||
class: {
|
||
'v-pagination__navigation--disabled': disabled
|
||
},
|
||
attrs: {
|
||
type: 'button'
|
||
},
|
||
on: disabled ? {} : {
|
||
click: fn
|
||
}
|
||
}, [h(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], [icon])])]);
|
||
},
|
||
genItem: function genItem(h, i) {
|
||
var _this = this;
|
||
|
||
var color = i === this.value && (this.color || 'primary');
|
||
return h('button', this.setBackgroundColor(color, {
|
||
staticClass: 'v-pagination__item',
|
||
class: {
|
||
'v-pagination__item--active': i === this.value
|
||
},
|
||
attrs: {
|
||
type: 'button'
|
||
},
|
||
on: {
|
||
click: function click() {
|
||
return _this.$emit('input', i);
|
||
}
|
||
}
|
||
}), [i.toString()]);
|
||
},
|
||
genItems: function genItems(h) {
|
||
var _this = this;
|
||
|
||
return this.items.map(function (i, index) {
|
||
return h('li', {
|
||
key: index
|
||
}, [isNaN(Number(i)) ? h('span', {
|
||
class: 'v-pagination__more'
|
||
}, [i.toString()]) : _this.genItem(h, i)]);
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [this.genIcon(h, this.$vuetify.rtl ? this.nextIcon : this.prevIcon, this.value <= 1, this.previous), this.genItems(h), this.genIcon(h, this.$vuetify.rtl ? this.prevIcon : this.nextIcon, this.value >= this.length, this.next)];
|
||
return h('ul', {
|
||
directives: [{
|
||
modifiers: {
|
||
quiet: true
|
||
},
|
||
name: 'resize',
|
||
value: this.onResize
|
||
}],
|
||
class: this.classes
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VPagination/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VPagination/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: VPagination, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VPagination__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VPagination */ "./src/components/VPagination/VPagination.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VPagination", function() { return _VPagination__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VPagination__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VParallax/VParallax.sass":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VParallax/VParallax.sass ***!
|
||
\*************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VParallax/VParallax.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VParallax/VParallax.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VParallax_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VParallax.sass */ "./src/components/VParallax/VParallax.sass");
|
||
/* harmony import */ var _VParallax_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VParallax_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_translatable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/translatable */ "./src/mixins/translatable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Style
|
||
// Mixins
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_translatable__WEBPACK_IMPORTED_MODULE_1__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-parallax',
|
||
props: {
|
||
alt: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
height: {
|
||
type: [String, Number],
|
||
default: 500
|
||
},
|
||
src: String
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isBooted: false
|
||
};
|
||
},
|
||
computed: {
|
||
styles: function styles() {
|
||
return {
|
||
display: 'block',
|
||
opacity: this.isBooted ? 1 : 0,
|
||
transform: "translate(-50%, " + this.parallax + "px)"
|
||
};
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.init();
|
||
},
|
||
methods: {
|
||
init: function init() {
|
||
var _this = this;
|
||
|
||
var img = this.$refs.img;
|
||
if (!img) return;
|
||
|
||
if (img.complete) {
|
||
this.translate();
|
||
this.listeners();
|
||
} else {
|
||
img.addEventListener('load', function () {
|
||
_this.translate();
|
||
|
||
_this.listeners();
|
||
}, false);
|
||
}
|
||
|
||
this.isBooted = true;
|
||
},
|
||
objHeight: function objHeight() {
|
||
return this.$refs.img.naturalHeight;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var imgData = {
|
||
staticClass: 'v-parallax__image',
|
||
style: this.styles,
|
||
attrs: {
|
||
src: this.src,
|
||
alt: this.alt
|
||
},
|
||
ref: 'img'
|
||
};
|
||
var container = h('div', {
|
||
staticClass: 'v-parallax__image-container'
|
||
}, [h('img', imgData)]);
|
||
var content = h('div', {
|
||
staticClass: 'v-parallax__content'
|
||
}, this.$slots.default);
|
||
return h('div', {
|
||
staticClass: 'v-parallax',
|
||
style: {
|
||
height: this.height + "px"
|
||
},
|
||
on: this.$listeners
|
||
}, [container, content]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VParallax/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VParallax/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VParallax, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VParallax__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VParallax */ "./src/components/VParallax/VParallax.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VParallax", function() { return _VParallax__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VParallax__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VPicker/VPicker.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VPicker/VPicker.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VPicker/VPicker.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VPicker/VPicker.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VPicker_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VPicker.sass */ "./src/components/VPicker/VPicker.sass");
|
||
/* harmony import */ var _VPicker_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VPicker_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VCard_VCard_sass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VCard/VCard.sass */ "./src/components/VCard/VCard.sass");
|
||
/* harmony import */ var _VCard_VCard_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VCard_VCard_sass__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Helpers
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__["default"]).extend({
|
||
name: 'v-picker',
|
||
props: {
|
||
fullWidth: Boolean,
|
||
landscape: Boolean,
|
||
noTitle: Boolean,
|
||
transition: {
|
||
type: String,
|
||
default: 'fade-transition'
|
||
},
|
||
width: {
|
||
type: [Number, String],
|
||
default: 290
|
||
}
|
||
},
|
||
computed: {
|
||
computedTitleColor: function computedTitleColor() {
|
||
var defaultTitleColor = this.isDark ? false : this.color || 'primary';
|
||
return this.color || defaultTitleColor;
|
||
}
|
||
},
|
||
methods: {
|
||
genTitle: function genTitle() {
|
||
return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {
|
||
staticClass: 'v-picker__title',
|
||
class: {
|
||
'v-picker__title--landscape': this.landscape
|
||
}
|
||
}), this.$slots.title);
|
||
},
|
||
genBodyTransition: function genBodyTransition() {
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
name: this.transition
|
||
}
|
||
}, this.$slots.default);
|
||
},
|
||
genBody: function genBody() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-picker__body',
|
||
class: __assign({
|
||
'v-picker__body--no-title': this.noTitle
|
||
}, this.themeClasses),
|
||
style: this.fullWidth ? undefined : {
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.width)
|
||
}
|
||
}, [this.genBodyTransition()]);
|
||
},
|
||
genActions: function genActions() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-picker__actions v-card__actions',
|
||
class: {
|
||
'v-picker__actions--no-title': this.noTitle
|
||
}
|
||
}, this.$slots.actions);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-picker v-card',
|
||
class: __assign({
|
||
'v-picker--landscape': this.landscape,
|
||
'v-picker--full-width': this.fullWidth
|
||
}, this.themeClasses)
|
||
}, [this.$slots.title ? this.genTitle() : null, this.genBody(), this.$slots.actions ? this.genActions() : null]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VPicker/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VPicker/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VPicker, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VPicker */ "./src/components/VPicker/VPicker.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VPicker", function() { return _VPicker__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VPicker__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VProgressCircular/VProgressCircular.sass":
|
||
/*!*****************************************************************!*\
|
||
!*** ./src/components/VProgressCircular/VProgressCircular.sass ***!
|
||
\*****************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VProgressCircular/VProgressCircular.ts":
|
||
/*!***************************************************************!*\
|
||
!*** ./src/components/VProgressCircular/VProgressCircular.ts ***!
|
||
\***************************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VProgressCircular_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VProgressCircular.sass */ "./src/components/VProgressCircular/VProgressCircular.sass");
|
||
/* harmony import */ var _VProgressCircular_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VProgressCircular_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
// Styles
|
||
// Mixins
|
||
|
||
// Utils
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-progress-circular',
|
||
props: {
|
||
button: Boolean,
|
||
indeterminate: Boolean,
|
||
rotate: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
size: {
|
||
type: [Number, String],
|
||
default: 32
|
||
},
|
||
width: {
|
||
type: [Number, String],
|
||
default: 4
|
||
},
|
||
value: {
|
||
type: [Number, String],
|
||
default: 0
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
radius: 20
|
||
};
|
||
},
|
||
computed: {
|
||
calculatedSize: function calculatedSize() {
|
||
return Number(this.size) + (this.button ? 8 : 0);
|
||
},
|
||
circumference: function circumference() {
|
||
return 2 * Math.PI * this.radius;
|
||
},
|
||
classes: function classes() {
|
||
return {
|
||
'v-progress-circular--indeterminate': this.indeterminate,
|
||
'v-progress-circular--button': this.button
|
||
};
|
||
},
|
||
normalizedValue: function normalizedValue() {
|
||
if (this.value < 0) {
|
||
return 0;
|
||
}
|
||
|
||
if (this.value > 100) {
|
||
return 100;
|
||
}
|
||
|
||
return parseFloat(this.value);
|
||
},
|
||
strokeDashArray: function strokeDashArray() {
|
||
return Math.round(this.circumference * 1000) / 1000;
|
||
},
|
||
strokeDashOffset: function strokeDashOffset() {
|
||
return (100 - this.normalizedValue) / 100 * this.circumference + 'px';
|
||
},
|
||
strokeWidth: function strokeWidth() {
|
||
return Number(this.width) / +this.size * this.viewBoxSize * 2;
|
||
},
|
||
styles: function styles() {
|
||
return {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.calculatedSize),
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.calculatedSize)
|
||
};
|
||
},
|
||
svgStyles: function svgStyles() {
|
||
return {
|
||
transform: "rotate(" + Number(this.rotate) + "deg)"
|
||
};
|
||
},
|
||
viewBoxSize: function viewBoxSize() {
|
||
return this.radius / (1 - Number(this.width) / +this.size);
|
||
}
|
||
},
|
||
methods: {
|
||
genCircle: function genCircle(name, offset) {
|
||
return this.$createElement('circle', {
|
||
class: "v-progress-circular__" + name,
|
||
attrs: {
|
||
fill: 'transparent',
|
||
cx: 2 * this.viewBoxSize,
|
||
cy: 2 * this.viewBoxSize,
|
||
r: this.radius,
|
||
'stroke-width': this.strokeWidth,
|
||
'stroke-dasharray': this.strokeDashArray,
|
||
'stroke-dashoffset': offset
|
||
}
|
||
});
|
||
},
|
||
genSvg: function genSvg() {
|
||
var children = [this.indeterminate || this.genCircle('underlay', 0), this.genCircle('overlay', this.strokeDashOffset)];
|
||
return this.$createElement('svg', {
|
||
style: this.svgStyles,
|
||
attrs: {
|
||
xmlns: 'http://www.w3.org/2000/svg',
|
||
viewBox: this.viewBoxSize + " " + this.viewBoxSize + " " + 2 * this.viewBoxSize + " " + 2 * this.viewBoxSize
|
||
}
|
||
}, children);
|
||
},
|
||
genInfo: function genInfo() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-progress-circular__info'
|
||
}, this.$slots.default);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', this.setTextColor(this.color, {
|
||
staticClass: 'v-progress-circular',
|
||
attrs: {
|
||
role: 'progressbar',
|
||
'aria-valuemin': 0,
|
||
'aria-valuemax': 100,
|
||
'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue
|
||
},
|
||
class: this.classes,
|
||
style: this.styles,
|
||
on: this.$listeners
|
||
}), [this.genSvg(), this.genInfo()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VProgressCircular/index.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VProgressCircular/index.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: VProgressCircular, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VProgressCircular__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VProgressCircular */ "./src/components/VProgressCircular/VProgressCircular.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VProgressCircular", function() { return _VProgressCircular__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VProgressCircular__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VProgressLinear/VProgressLinear.sass":
|
||
/*!*************************************************************!*\
|
||
!*** ./src/components/VProgressLinear/VProgressLinear.sass ***!
|
||
\*************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VProgressLinear/VProgressLinear.ts":
|
||
/*!***********************************************************!*\
|
||
!*** ./src/components/VProgressLinear/VProgressLinear.ts ***!
|
||
\***********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VProgressLinear_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VProgressLinear.sass */ "./src/components/VProgressLinear/VProgressLinear.sass");
|
||
/* harmony import */ var _VProgressLinear_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VProgressLinear_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
|
||
/* harmony import */ var _mixins_proxyable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/proxyable */ "./src/mixins/proxyable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_7__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_3__["factory"])(['absolute', 'fixed', 'top', 'bottom']), _mixins_proxyable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-progress-linear',
|
||
props: {
|
||
active: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
backgroundColor: {
|
||
type: String,
|
||
default: null
|
||
},
|
||
backgroundOpacity: {
|
||
type: [Number, String],
|
||
default: null
|
||
},
|
||
bufferValue: {
|
||
type: [Number, String],
|
||
default: 100
|
||
},
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
height: {
|
||
type: [Number, String],
|
||
default: 4
|
||
},
|
||
indeterminate: Boolean,
|
||
query: Boolean,
|
||
rounded: Boolean,
|
||
stream: Boolean,
|
||
striped: Boolean,
|
||
value: {
|
||
type: [Number, String],
|
||
default: 0
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
internalLazyValue: this.value || 0
|
||
};
|
||
},
|
||
computed: {
|
||
__cachedBackground: function __cachedBackground() {
|
||
return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {
|
||
staticClass: 'v-progress-linear__background',
|
||
style: this.backgroundStyle
|
||
}));
|
||
},
|
||
__cachedBar: function __cachedBar() {
|
||
return this.$createElement(this.computedTransition, [this.__cachedBarType]);
|
||
},
|
||
__cachedBarType: function __cachedBarType() {
|
||
return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate;
|
||
},
|
||
__cachedBuffer: function __cachedBuffer() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-progress-linear__buffer',
|
||
style: this.styles
|
||
});
|
||
},
|
||
__cachedDeterminate: function __cachedDeterminate() {
|
||
return this.$createElement('div', this.setBackgroundColor(this.color, {
|
||
staticClass: "v-progress-linear__determinate",
|
||
style: {
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.normalizedValue, '%')
|
||
}
|
||
}));
|
||
},
|
||
__cachedIndeterminate: function __cachedIndeterminate() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-progress-linear__indeterminate',
|
||
class: {
|
||
'v-progress-linear__indeterminate--active': this.active
|
||
}
|
||
}, [this.genProgressBar('long'), this.genProgressBar('short')]);
|
||
},
|
||
__cachedStream: function __cachedStream() {
|
||
if (!this.stream) return null;
|
||
return this.$createElement('div', this.setTextColor(this.color, {
|
||
staticClass: 'v-progress-linear__stream',
|
||
style: {
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(100 - this.normalizedBuffer, '%')
|
||
}
|
||
}));
|
||
},
|
||
backgroundStyle: function backgroundStyle() {
|
||
var _a;
|
||
|
||
var backgroundOpacity = this.backgroundOpacity == null ? this.backgroundColor ? 1 : 0.3 : parseFloat(this.backgroundOpacity);
|
||
return _a = {
|
||
opacity: backgroundOpacity
|
||
}, _a[this.$vuetify.rtl ? 'right' : 'left'] = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.normalizedValue, '%'), _a.width = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.normalizedBuffer - this.normalizedValue, '%'), _a;
|
||
},
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-progress-linear--absolute': this.absolute,
|
||
'v-progress-linear--fixed': this.fixed,
|
||
'v-progress-linear--query': this.query,
|
||
'v-progress-linear--reactive': this.reactive,
|
||
'v-progress-linear--rounded': this.rounded,
|
||
'v-progress-linear--striped': this.striped
|
||
}, this.themeClasses);
|
||
},
|
||
computedTransition: function computedTransition() {
|
||
return this.indeterminate ? _transitions__WEBPACK_IMPORTED_MODULE_1__["VFadeTransition"] : _transitions__WEBPACK_IMPORTED_MODULE_1__["VSlideXTransition"];
|
||
},
|
||
normalizedBuffer: function normalizedBuffer() {
|
||
return this.normalize(this.bufferValue);
|
||
},
|
||
normalizedValue: function normalizedValue() {
|
||
return this.normalize(this.internalLazyValue);
|
||
},
|
||
reactive: function reactive() {
|
||
return Boolean(this.$listeners.change);
|
||
},
|
||
styles: function styles() {
|
||
var styles = {};
|
||
|
||
if (!this.active) {
|
||
styles.height = 0;
|
||
}
|
||
|
||
if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {
|
||
styles.width = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.normalizedBuffer, '%');
|
||
}
|
||
|
||
return styles;
|
||
}
|
||
},
|
||
methods: {
|
||
genContent: function genContent() {
|
||
var slot = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["getSlot"])(this, 'default', {
|
||
value: this.internalLazyValue
|
||
});
|
||
if (!slot) return null;
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-progress-linear__content'
|
||
}, slot);
|
||
},
|
||
genListeners: function genListeners() {
|
||
var listeners = this.$listeners;
|
||
|
||
if (this.reactive) {
|
||
listeners.click = this.onClick;
|
||
}
|
||
|
||
return listeners;
|
||
},
|
||
genProgressBar: function genProgressBar(name) {
|
||
var _a;
|
||
|
||
return this.$createElement('div', this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-progress-linear__indeterminate',
|
||
class: (_a = {}, _a[name] = true, _a)
|
||
}));
|
||
},
|
||
onClick: function onClick(e) {
|
||
if (!this.reactive) return;
|
||
var width = this.$el.getBoundingClientRect().width;
|
||
this.internalValue = e.offsetX / width * 100;
|
||
},
|
||
normalize: function normalize(value) {
|
||
if (value < 0) return 0;
|
||
if (value > 100) return 100;
|
||
return parseFloat(value);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var data = {
|
||
staticClass: 'v-progress-linear',
|
||
attrs: {
|
||
role: 'progressbar',
|
||
'aria-valuemin': 0,
|
||
'aria-valuemax': this.normalizedBuffer,
|
||
'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue
|
||
},
|
||
class: this.classes,
|
||
style: {
|
||
bottom: this.bottom ? 0 : undefined,
|
||
height: this.active ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.height) : 0,
|
||
top: this.top ? 0 : undefined
|
||
},
|
||
on: this.genListeners()
|
||
};
|
||
return h('div', data, [this.__cachedStream, this.__cachedBackground, this.__cachedBuffer, this.__cachedBar, this.genContent()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VProgressLinear/index.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VProgressLinear/index.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: VProgressLinear, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VProgressLinear__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VProgressLinear */ "./src/components/VProgressLinear/VProgressLinear.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VProgressLinear", function() { return _VProgressLinear__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VProgressLinear__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRadioGroup/VRadio.sass":
|
||
/*!************************************************!*\
|
||
!*** ./src/components/VRadioGroup/VRadio.sass ***!
|
||
\************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRadioGroup/VRadio.ts":
|
||
/*!**********************************************!*\
|
||
!*** ./src/components/VRadioGroup/VRadio.ts ***!
|
||
\**********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VRadio_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VRadio.sass */ "./src/components/VRadioGroup/VRadio.sass");
|
||
/* harmony import */ var _VRadio_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VRadio_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VLabel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VLabel */ "./src/components/VLabel/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony import */ var _mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/binds-attrs */ "./src/mixins/binds-attrs/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _mixins_rippleable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/rippleable */ "./src/mixins/rippleable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_selectable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../mixins/selectable */ "./src/mixins/selectable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_11__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_rippleable__WEBPACK_IMPORTED_MODULE_7__["default"], Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_6__["factory"])('radioGroup'), _mixins_themeable__WEBPACK_IMPORTED_MODULE_8__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-radio',
|
||
inheritAttrs: false,
|
||
props: {
|
||
disabled: Boolean,
|
||
id: String,
|
||
label: String,
|
||
name: String,
|
||
offIcon: {
|
||
type: String,
|
||
default: '$radioOff'
|
||
},
|
||
onIcon: {
|
||
type: String,
|
||
default: '$radioOn'
|
||
},
|
||
readonly: Boolean,
|
||
value: {
|
||
default: null
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isFocused: false
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-radio--is-disabled': this.isDisabled,
|
||
'v-radio--is-focused': this.isFocused
|
||
}, this.themeClasses, this.groupClasses);
|
||
},
|
||
computedColor: function computedColor() {
|
||
return _mixins_selectable__WEBPACK_IMPORTED_MODULE_9__["default"].options.computed.computedColor.call(this);
|
||
},
|
||
computedIcon: function computedIcon() {
|
||
return this.isActive ? this.onIcon : this.offIcon;
|
||
},
|
||
computedId: function computedId() {
|
||
return _VInput__WEBPACK_IMPORTED_MODULE_3__["default"].options.computed.computedId.call(this);
|
||
},
|
||
hasLabel: _VInput__WEBPACK_IMPORTED_MODULE_3__["default"].options.computed.hasLabel,
|
||
hasState: function hasState() {
|
||
return (this.radioGroup || {}).hasState;
|
||
},
|
||
isDisabled: function isDisabled() {
|
||
return this.disabled || !!(this.radioGroup || {}).disabled;
|
||
},
|
||
isReadonly: function isReadonly() {
|
||
return this.readonly || !!(this.radioGroup || {}).readonly;
|
||
},
|
||
computedName: function computedName() {
|
||
if (this.name || !this.radioGroup) {
|
||
return this.name;
|
||
}
|
||
|
||
return this.radioGroup.name || "radio-" + this.radioGroup._uid;
|
||
},
|
||
rippleState: function rippleState() {
|
||
return _mixins_selectable__WEBPACK_IMPORTED_MODULE_9__["default"].options.computed.rippleState.call(this);
|
||
},
|
||
validationState: function validationState() {
|
||
return (this.radioGroup || {}).validationState || this.computedColor;
|
||
}
|
||
},
|
||
methods: {
|
||
genInput: function genInput(args) {
|
||
// We can't actually use the mixin directly because
|
||
// it's made for standalone components, but its
|
||
// genInput method is exactly what we need
|
||
return _mixins_selectable__WEBPACK_IMPORTED_MODULE_9__["default"].options.methods.genInput.call(this, 'radio', args);
|
||
},
|
||
genLabel: function genLabel() {
|
||
var _this = this;
|
||
|
||
if (!this.hasLabel) return null;
|
||
return this.$createElement(_VLabel__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
on: {
|
||
click: function click(e) {
|
||
// Prevent label from
|
||
// causing the input
|
||
// to focus
|
||
e.preventDefault();
|
||
|
||
_this.onChange();
|
||
}
|
||
},
|
||
attrs: {
|
||
for: this.computedId
|
||
},
|
||
props: {
|
||
color: this.validationState,
|
||
focused: this.hasState
|
||
}
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_10__["getSlot"])(this, 'label') || this.label);
|
||
},
|
||
genRadio: function genRadio() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-input--selection-controls__input'
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_2__["default"], this.setTextColor(this.validationState, {
|
||
props: {
|
||
dense: this.radioGroup && this.radioGroup.dense
|
||
}
|
||
}), this.computedIcon), this.genInput(__assign({
|
||
name: this.computedName,
|
||
value: this.value
|
||
}, this.attrs$)), this.genRipple(this.setTextColor(this.rippleState))]);
|
||
},
|
||
onFocus: function onFocus(e) {
|
||
this.isFocused = true;
|
||
this.$emit('focus', e);
|
||
},
|
||
onBlur: function onBlur(e) {
|
||
this.isFocused = false;
|
||
this.$emit('blur', e);
|
||
},
|
||
onChange: function onChange() {
|
||
if (this.isDisabled || this.isReadonly || this.isActive) return;
|
||
this.toggle();
|
||
},
|
||
onKeydown: function onKeydown() {}
|
||
},
|
||
render: function render(h) {
|
||
var data = {
|
||
staticClass: 'v-radio',
|
||
class: this.classes
|
||
};
|
||
return h('div', data, [this.genRadio(), this.genLabel()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRadioGroup/VRadioGroup.sass":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VRadioGroup/VRadioGroup.sass ***!
|
||
\*****************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRadioGroup/VRadioGroup.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VRadioGroup/VRadioGroup.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../styles/components/_selection-controls.sass */ "./src/styles/components/_selection-controls.sass");
|
||
/* harmony import */ var _styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VRadioGroup_sass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VRadioGroup.sass */ "./src/components/VRadioGroup/VRadioGroup.sass");
|
||
/* harmony import */ var _VRadioGroup_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VRadioGroup_sass__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony import */ var _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
|
||
/* harmony import */ var _mixins_comparable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/comparable */ "./src/mixins/comparable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
|
||
// Extensions
|
||
|
||
|
||
// Mixins
|
||
|
||
// Types
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_mixins_comparable__WEBPACK_IMPORTED_MODULE_4__["default"], _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"], _VInput__WEBPACK_IMPORTED_MODULE_2__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-radio-group',
|
||
provide: function provide() {
|
||
return {
|
||
radioGroup: this
|
||
};
|
||
},
|
||
props: {
|
||
column: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
height: {
|
||
type: [Number, String],
|
||
default: 'auto'
|
||
},
|
||
name: String,
|
||
row: Boolean,
|
||
// If no value set on VRadio
|
||
// will match valueComparator
|
||
// force default to null
|
||
value: null
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].options.computed.classes.call(this), {
|
||
'v-input--selection-controls v-input--radio-group': true,
|
||
'v-input--radio-group--column': this.column && !this.row,
|
||
'v-input--radio-group--row': this.row
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-input--radio-group__input',
|
||
attrs: {
|
||
id: this.id,
|
||
role: 'radiogroup',
|
||
'aria-labelledby': this.computedId
|
||
}
|
||
}, _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genDefaultSlot.call(this));
|
||
},
|
||
genInputSlot: function genInputSlot() {
|
||
var render = _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genInputSlot.call(this);
|
||
delete render.data.on.click;
|
||
return render;
|
||
},
|
||
genLabel: function genLabel() {
|
||
var label = _VInput__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genLabel.call(this);
|
||
if (!label) return null;
|
||
label.data.attrs.id = this.computedId; // WAI considers this an orphaned label
|
||
|
||
delete label.data.attrs.for;
|
||
label.tag = 'legend';
|
||
return label;
|
||
},
|
||
onClick: _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"].options.methods.onClick
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRadioGroup/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VRadioGroup/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: VRadioGroup, VRadio, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VRadioGroup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VRadioGroup */ "./src/components/VRadioGroup/VRadioGroup.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRadioGroup", function() { return _VRadioGroup__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VRadio__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VRadio */ "./src/components/VRadioGroup/VRadio.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRadio", function() { return _VRadio__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VRadioGroup: _VRadioGroup__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VRadio: _VRadio__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRangeSlider/VRangeSlider.sass":
|
||
/*!*******************************************************!*\
|
||
!*** ./src/components/VRangeSlider/VRangeSlider.sass ***!
|
||
\*******************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRangeSlider/VRangeSlider.ts":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VRangeSlider/VRangeSlider.ts ***!
|
||
\*****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VRangeSlider_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VRangeSlider.sass */ "./src/components/VRangeSlider/VRangeSlider.sass");
|
||
/* harmony import */ var _VRangeSlider_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VRangeSlider_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSlider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSlider */ "./src/components/VSlider/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Helpers
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSlider__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-range-slider',
|
||
props: {
|
||
value: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [0, 0];
|
||
}
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
activeThumb: null,
|
||
lazyValue: this.value
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VSlider__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-input--range-slider': true
|
||
});
|
||
},
|
||
internalValue: {
|
||
get: function get() {
|
||
return this.lazyValue;
|
||
},
|
||
set: function set(val) {
|
||
var _this = this; // Round value to ensure the
|
||
// entire slider range can
|
||
// be selected with step
|
||
|
||
|
||
var value = val.map(function (v) {
|
||
if (v === void 0) {
|
||
v = 0;
|
||
}
|
||
|
||
return _this.roundValue(Math.min(Math.max(v, _this.minValue), _this.maxValue));
|
||
}); // Switch values if range and wrong order
|
||
|
||
if (value[0] > value[1] || value[1] < value[0]) {
|
||
if (this.activeThumb !== null) {
|
||
var toFocus = this.activeThumb === 1 ? 0 : 1;
|
||
var el = this.$refs["thumb_" + toFocus];
|
||
el.focus();
|
||
}
|
||
|
||
value = [value[1], value[0]];
|
||
}
|
||
|
||
this.lazyValue = value;
|
||
if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["deepEqual"])(value, this.value)) this.$emit('input', value);
|
||
this.validate();
|
||
}
|
||
},
|
||
inputWidth: function inputWidth() {
|
||
var _this = this;
|
||
|
||
return this.internalValue.map(function (v) {
|
||
return (_this.roundValue(v) - _this.minValue) / (_this.maxValue - _this.minValue) * 100;
|
||
});
|
||
},
|
||
trackFillStyles: function trackFillStyles() {
|
||
var styles = _VSlider__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.trackFillStyles.call(this);
|
||
var fillPercent = Math.abs(this.inputWidth[0] - this.inputWidth[1]);
|
||
var dir = this.vertical ? 'height' : 'width';
|
||
var start = this.vertical ? this.$vuetify.rtl ? 'top' : 'bottom' : this.$vuetify.rtl ? 'right' : 'left';
|
||
styles[dir] = fillPercent + "%";
|
||
styles[start] = this.inputWidth[0] + "%";
|
||
return styles;
|
||
}
|
||
},
|
||
methods: {
|
||
getTrackStyle: function getTrackStyle(startLength, endLength, startPadding, endPadding) {
|
||
var _a;
|
||
|
||
if (startPadding === void 0) {
|
||
startPadding = 0;
|
||
}
|
||
|
||
if (endPadding === void 0) {
|
||
endPadding = 0;
|
||
}
|
||
|
||
var startDir = this.vertical ? this.$vuetify.rtl ? 'top' : 'bottom' : this.$vuetify.rtl ? 'right' : 'left';
|
||
var endDir = this.vertical ? 'height' : 'width';
|
||
var start = "calc(" + startLength + "% + " + startPadding + "px)";
|
||
var end = "calc(" + endLength + "% + " + endPadding + "px)";
|
||
return _a = {
|
||
transition: this.trackTransition
|
||
}, _a[startDir] = start, _a[endDir] = end, _a;
|
||
},
|
||
getIndexOfClosestValue: function getIndexOfClosestValue(arr, v) {
|
||
if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0;else return 1;
|
||
},
|
||
genInput: function genInput() {
|
||
var _this = this;
|
||
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["createRange"])(2).map(function (i) {
|
||
var input = _VSlider__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genInput.call(_this);
|
||
input.data = input.data || {};
|
||
input.data.attrs = input.data.attrs || {};
|
||
input.data.attrs.value = _this.internalValue[i];
|
||
input.data.attrs.id = "input-" + (i ? 'max' : 'min') + "-" + _this._uid;
|
||
return input;
|
||
});
|
||
},
|
||
genTrackContainer: function genTrackContainer() {
|
||
var _this = this;
|
||
|
||
var children = [];
|
||
|
||
if (this.disabled) {
|
||
var disabledPadding = 10;
|
||
var sections = [[0, this.inputWidth[0], 0, -disabledPadding], [this.inputWidth[0], Math.abs(this.inputWidth[1] - this.inputWidth[0]), disabledPadding, disabledPadding * -2], [this.inputWidth[1], Math.abs(100 - this.inputWidth[1]), disabledPadding, 0]];
|
||
if (this.$vuetify.rtl) sections.reverse();
|
||
children.push.apply(children, __spread(sections.map(function (section) {
|
||
return _this.$createElement('div', _this.setBackgroundColor(_this.computedTrackColor, {
|
||
staticClass: 'v-slider__track-background',
|
||
style: _this.getTrackStyle.apply(_this, __spread(section))
|
||
}));
|
||
})));
|
||
} else {
|
||
children.push(this.$createElement('div', this.setBackgroundColor(this.computedTrackColor, {
|
||
staticClass: 'v-slider__track-background',
|
||
style: this.getTrackStyle(0, 100)
|
||
})), this.$createElement('div', this.setBackgroundColor(this.computedColor, {
|
||
staticClass: 'v-slider__track-fill',
|
||
style: this.trackFillStyles
|
||
})));
|
||
}
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-slider__track-container',
|
||
ref: 'track'
|
||
}, children);
|
||
},
|
||
genChildren: function genChildren() {
|
||
var _this = this;
|
||
|
||
return [this.genInput(), this.genTrackContainer(), this.genSteps(), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["createRange"])(2).map(function (index) {
|
||
var value = _this.internalValue[index];
|
||
|
||
var onDrag = function onDrag(e) {
|
||
_this.isActive = true;
|
||
_this.activeThumb = index;
|
||
|
||
_this.onThumbMouseDown(e);
|
||
};
|
||
|
||
var onFocus = function onFocus(e) {
|
||
_this.isFocused = true;
|
||
_this.activeThumb = index;
|
||
|
||
_this.$emit('focus', e);
|
||
};
|
||
|
||
var onBlur = function onBlur(e) {
|
||
_this.isFocused = false;
|
||
_this.activeThumb = null;
|
||
|
||
_this.$emit('blur', e);
|
||
};
|
||
|
||
var valueWidth = _this.inputWidth[index];
|
||
var isActive = _this.isActive && _this.activeThumb === index;
|
||
var isFocused = _this.isFocused && _this.activeThumb === index;
|
||
return _this.genThumbContainer(value, valueWidth, isActive, isFocused, onDrag, onFocus, onBlur, "thumb_" + index);
|
||
})];
|
||
},
|
||
onSliderClick: function onSliderClick(e) {
|
||
if (!this.isActive) {
|
||
if (this.noClick) {
|
||
this.noClick = false;
|
||
return;
|
||
}
|
||
|
||
var _a = this.parseMouseMove(e),
|
||
value = _a.value,
|
||
isInsideTrack = _a.isInsideTrack;
|
||
|
||
if (isInsideTrack) {
|
||
this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
|
||
var refName = "thumb_" + this.activeThumb;
|
||
var thumbRef = this.$refs[refName];
|
||
thumbRef.focus();
|
||
}
|
||
|
||
this.setInternalValue(value);
|
||
this.$emit('change', this.internalValue);
|
||
}
|
||
},
|
||
onMouseMove: function onMouseMove(e) {
|
||
var _a = this.parseMouseMove(e),
|
||
value = _a.value,
|
||
isInsideTrack = _a.isInsideTrack;
|
||
|
||
if (isInsideTrack && this.activeThumb === null) {
|
||
this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);
|
||
}
|
||
|
||
this.setInternalValue(value);
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
if (this.activeThumb === null) return;
|
||
var value = this.parseKeyDown(e, this.internalValue[this.activeThumb]);
|
||
if (value == null) return;
|
||
this.setInternalValue(value);
|
||
this.$emit('change', this.internalValue);
|
||
},
|
||
setInternalValue: function setInternalValue(value) {
|
||
var _this = this;
|
||
|
||
this.internalValue = this.internalValue.map(function (v, i) {
|
||
if (i === _this.activeThumb) return value;else return Number(v);
|
||
});
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRangeSlider/index.ts":
|
||
/*!**********************************************!*\
|
||
!*** ./src/components/VRangeSlider/index.ts ***!
|
||
\**********************************************/
|
||
/*! exports provided: VRangeSlider, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VRangeSlider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VRangeSlider */ "./src/components/VRangeSlider/VRangeSlider.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRangeSlider", function() { return _VRangeSlider__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VRangeSlider__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRating/VRating.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VRating/VRating.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRating/VRating.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VRating/VRating.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VRating_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VRating.sass */ "./src/components/VRating/VRating.sass");
|
||
/* harmony import */ var _VRating_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VRating_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_delayable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/delayable */ "./src/mixins/delayable/index.ts");
|
||
/* harmony import */ var _mixins_sizeable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/sizeable */ "./src/mixins/sizeable/index.ts");
|
||
/* harmony import */ var _mixins_rippleable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/rippleable */ "./src/mixins/rippleable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Styles
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_delayable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_rippleable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_sizeable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
|
||
name: 'v-rating',
|
||
props: {
|
||
backgroundColor: {
|
||
type: String,
|
||
default: 'accent'
|
||
},
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
clearable: Boolean,
|
||
dense: Boolean,
|
||
emptyIcon: {
|
||
type: String,
|
||
default: '$ratingEmpty'
|
||
},
|
||
fullIcon: {
|
||
type: String,
|
||
default: '$ratingFull'
|
||
},
|
||
halfIcon: {
|
||
type: String,
|
||
default: '$ratingHalf'
|
||
},
|
||
halfIncrements: Boolean,
|
||
hover: Boolean,
|
||
length: {
|
||
type: [Number, String],
|
||
default: 5
|
||
},
|
||
readonly: Boolean,
|
||
size: [Number, String],
|
||
value: {
|
||
type: Number,
|
||
default: 0
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
hoverIndex: -1,
|
||
internalValue: this.value
|
||
};
|
||
},
|
||
computed: {
|
||
directives: function directives() {
|
||
if (this.readonly || !this.ripple) return [];
|
||
return [{
|
||
name: 'ripple',
|
||
value: {
|
||
circle: true
|
||
}
|
||
}];
|
||
},
|
||
iconProps: function iconProps() {
|
||
var _a = this.$props,
|
||
dark = _a.dark,
|
||
large = _a.large,
|
||
light = _a.light,
|
||
medium = _a.medium,
|
||
small = _a.small,
|
||
size = _a.size,
|
||
xLarge = _a.xLarge,
|
||
xSmall = _a.xSmall;
|
||
return {
|
||
dark: dark,
|
||
large: large,
|
||
light: light,
|
||
medium: medium,
|
||
size: size,
|
||
small: small,
|
||
xLarge: xLarge,
|
||
xSmall: xSmall
|
||
};
|
||
},
|
||
isHovering: function isHovering() {
|
||
return this.hover && this.hoverIndex >= 0;
|
||
}
|
||
},
|
||
watch: {
|
||
internalValue: function internalValue(val) {
|
||
val !== this.value && this.$emit('input', val);
|
||
},
|
||
value: function value(val) {
|
||
this.internalValue = val;
|
||
}
|
||
},
|
||
methods: {
|
||
createClickFn: function createClickFn(i) {
|
||
var _this = this;
|
||
|
||
return function (e) {
|
||
if (_this.readonly) return;
|
||
|
||
var newValue = _this.genHoverIndex(e, i);
|
||
|
||
if (_this.clearable && _this.internalValue === newValue) {
|
||
_this.internalValue = 0;
|
||
} else {
|
||
_this.internalValue = newValue;
|
||
}
|
||
};
|
||
},
|
||
createProps: function createProps(i) {
|
||
var props = {
|
||
index: i,
|
||
value: this.internalValue,
|
||
click: this.createClickFn(i),
|
||
isFilled: Math.floor(this.internalValue) > i,
|
||
isHovered: Math.floor(this.hoverIndex) > i
|
||
};
|
||
|
||
if (this.halfIncrements) {
|
||
props.isHalfHovered = !props.isHovered && (this.hoverIndex - i) % 1 > 0;
|
||
props.isHalfFilled = !props.isFilled && (this.internalValue - i) % 1 > 0;
|
||
}
|
||
|
||
return props;
|
||
},
|
||
genHoverIndex: function genHoverIndex(e, i) {
|
||
var isHalf = this.isHalfEvent(e);
|
||
|
||
if (this.halfIncrements && this.$vuetify.rtl) {
|
||
isHalf = !isHalf;
|
||
}
|
||
|
||
return i + (isHalf ? 0.5 : 1);
|
||
},
|
||
getIconName: function getIconName(props) {
|
||
var isFull = this.isHovering ? props.isHovered : props.isFilled;
|
||
var isHalf = this.isHovering ? props.isHalfHovered : props.isHalfFilled;
|
||
return isFull ? this.fullIcon : isHalf ? this.halfIcon : this.emptyIcon;
|
||
},
|
||
getColor: function getColor(props) {
|
||
if (this.isHovering) {
|
||
if (props.isHovered || props.isHalfHovered) return this.color;
|
||
} else {
|
||
if (props.isFilled || props.isHalfFilled) return this.color;
|
||
}
|
||
|
||
return this.backgroundColor;
|
||
},
|
||
isHalfEvent: function isHalfEvent(e) {
|
||
if (this.halfIncrements) {
|
||
var rect = e.target && e.target.getBoundingClientRect();
|
||
if (rect && e.pageX - rect.left < rect.width / 2) return true;
|
||
}
|
||
|
||
return false;
|
||
},
|
||
onMouseEnter: function onMouseEnter(e, i) {
|
||
var _this = this;
|
||
|
||
this.runDelay('open', function () {
|
||
_this.hoverIndex = _this.genHoverIndex(e, i);
|
||
});
|
||
},
|
||
onMouseLeave: function onMouseLeave() {
|
||
var _this = this;
|
||
|
||
this.runDelay('close', function () {
|
||
return _this.hoverIndex = -1;
|
||
});
|
||
},
|
||
genItem: function genItem(i) {
|
||
var _this = this;
|
||
|
||
var props = this.createProps(i);
|
||
if (this.$scopedSlots.item) return this.$scopedSlots.item(props);
|
||
var listeners = {
|
||
click: props.click
|
||
};
|
||
|
||
if (this.hover) {
|
||
listeners.mouseenter = function (e) {
|
||
return _this.onMouseEnter(e, i);
|
||
};
|
||
|
||
listeners.mouseleave = this.onMouseLeave;
|
||
|
||
if (this.halfIncrements) {
|
||
listeners.mousemove = function (e) {
|
||
return _this.onMouseEnter(e, i);
|
||
};
|
||
}
|
||
}
|
||
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], this.setTextColor(this.getColor(props), {
|
||
attrs: {
|
||
tabindex: -1
|
||
},
|
||
directives: this.directives,
|
||
props: this.iconProps,
|
||
on: listeners
|
||
}), [this.getIconName(props)]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
var children = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["createRange"])(Number(this.length)).map(function (i) {
|
||
return _this.genItem(i);
|
||
});
|
||
return h('div', {
|
||
staticClass: 'v-rating',
|
||
class: {
|
||
'v-rating--readonly': this.readonly,
|
||
'v-rating--dense': this.dense
|
||
}
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VRating/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VRating/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VRating, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VRating__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VRating */ "./src/components/VRating/VRating.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRating", function() { return _VRating__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VRating__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VResponsive/VResponsive.sass":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VResponsive/VResponsive.sass ***!
|
||
\*****************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VResponsive/VResponsive.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VResponsive/VResponsive.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VResponsive_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VResponsive.sass */ "./src/components/VResponsive/VResponsive.sass");
|
||
/* harmony import */ var _VResponsive_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VResponsive_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_measurable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/measurable */ "./src/mixins/measurable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Mixins
|
||
|
||
// Utils
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_measurable__WEBPACK_IMPORTED_MODULE_1__["default"]).extend({
|
||
name: 'v-responsive',
|
||
props: {
|
||
aspectRatio: [String, Number]
|
||
},
|
||
computed: {
|
||
computedAspectRatio: function computedAspectRatio() {
|
||
return Number(this.aspectRatio);
|
||
},
|
||
aspectStyle: function aspectStyle() {
|
||
return this.computedAspectRatio ? {
|
||
paddingBottom: 1 / this.computedAspectRatio * 100 + '%'
|
||
} : undefined;
|
||
},
|
||
__cachedSizer: function __cachedSizer() {
|
||
if (!this.aspectStyle) return [];
|
||
return this.$createElement('div', {
|
||
style: this.aspectStyle,
|
||
staticClass: 'v-responsive__sizer'
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
genContent: function genContent() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-responsive__content'
|
||
}, this.$slots.default);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-responsive',
|
||
style: this.measurableStyles,
|
||
on: this.$listeners
|
||
}, [this.__cachedSizer, this.genContent()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VResponsive/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VResponsive/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: VResponsive, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VResponsive__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VResponsive */ "./src/components/VResponsive/VResponsive.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VResponsive", function() { return _VResponsive__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VResponsive__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSelect/VSelect.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VSelect/VSelect.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSelect/VSelect.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VSelect/VSelect.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: defaultMenuProps, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultMenuProps", function() { return defaultMenuProps; });
|
||
/* harmony import */ var _VTextField_VTextField_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VTextField/VTextField.sass */ "./src/components/VTextField/VTextField.sass");
|
||
/* harmony import */ var _VTextField_VTextField_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTextField_VTextField_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSelect_sass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VSelect.sass */ "./src/components/VSelect/VSelect.sass");
|
||
/* harmony import */ var _VSelect_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VSelect_sass__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _VChip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VChip */ "./src/components/VChip/index.ts");
|
||
/* harmony import */ var _VMenu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VMenu */ "./src/components/VMenu/index.ts");
|
||
/* harmony import */ var _VSelectList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VSelectList */ "./src/components/VSelect/VSelectList.ts");
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony import */ var _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../VTextField/VTextField */ "./src/components/VTextField/VTextField.ts");
|
||
/* harmony import */ var _mixins_comparable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/comparable */ "./src/mixins/comparable/index.ts");
|
||
/* harmony import */ var _mixins_filterable__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../mixins/filterable */ "./src/mixins/filterable/index.ts");
|
||
/* harmony import */ var _directives_click_outside__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../directives/click-outside */ "./src/directives/click-outside/index.ts");
|
||
/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __values = undefined && undefined.__values || function (o) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator],
|
||
i = 0;
|
||
if (m) return m.call(o);
|
||
return {
|
||
next: function next() {
|
||
if (o && i >= o.length) o = void 0;
|
||
return {
|
||
value: o && o[i++],
|
||
done: !o
|
||
};
|
||
}
|
||
};
|
||
}; // Styles
|
||
|
||
|
||
|
||
// Components
|
||
|
||
|
||
|
||
// Extensions
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
// Types
|
||
|
||
|
||
var defaultMenuProps = {
|
||
closeOnClick: false,
|
||
closeOnContentClick: false,
|
||
disableKeys: true,
|
||
openOnClick: false,
|
||
maxHeight: 304
|
||
}; // Types
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_13__["default"])(_VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_comparable__WEBPACK_IMPORTED_MODULE_7__["default"], _mixins_filterable__WEBPACK_IMPORTED_MODULE_8__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-select',
|
||
directives: {
|
||
ClickOutside: _directives_click_outside__WEBPACK_IMPORTED_MODULE_9__["default"]
|
||
},
|
||
props: {
|
||
appendIcon: {
|
||
type: String,
|
||
default: '$dropdown'
|
||
},
|
||
attach: {
|
||
type: null,
|
||
default: false
|
||
},
|
||
cacheItems: Boolean,
|
||
chips: Boolean,
|
||
clearable: Boolean,
|
||
deletableChips: Boolean,
|
||
disableLookup: Boolean,
|
||
eager: Boolean,
|
||
hideSelected: Boolean,
|
||
items: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
itemColor: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
itemDisabled: {
|
||
type: [String, Array, Function],
|
||
default: 'disabled'
|
||
},
|
||
itemText: {
|
||
type: [String, Array, Function],
|
||
default: 'text'
|
||
},
|
||
itemValue: {
|
||
type: [String, Array, Function],
|
||
default: 'value'
|
||
},
|
||
menuProps: {
|
||
type: [String, Array, Object],
|
||
default: function _default() {
|
||
return defaultMenuProps;
|
||
}
|
||
},
|
||
multiple: Boolean,
|
||
openOnClear: Boolean,
|
||
returnObject: Boolean,
|
||
smallChips: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
cachedItems: this.cacheItems ? this.items : [],
|
||
menuIsBooted: false,
|
||
isMenuActive: false,
|
||
lastItem: 20,
|
||
// As long as a value is defined, show it
|
||
// Otherwise, check if multiple
|
||
// to determine which default to provide
|
||
lazyValue: this.value !== undefined ? this.value : this.multiple ? [] : undefined,
|
||
selectedIndex: -1,
|
||
selectedItems: [],
|
||
keyboardLookupPrefix: '',
|
||
keyboardLookupLastTime: 0
|
||
};
|
||
},
|
||
computed: {
|
||
/* All items that the select has */
|
||
allItems: function allItems() {
|
||
return this.filterDuplicates(this.cachedItems.concat(this.items));
|
||
},
|
||
classes: function classes() {
|
||
return __assign({}, _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__["default"].options.computed.classes.call(this), {
|
||
'v-select': true,
|
||
'v-select--chips': this.hasChips,
|
||
'v-select--chips--small': this.smallChips,
|
||
'v-select--is-menu-active': this.isMenuActive,
|
||
'v-select--is-multi': this.multiple
|
||
});
|
||
},
|
||
|
||
/* Used by other components to overwrite */
|
||
computedItems: function computedItems() {
|
||
return this.allItems;
|
||
},
|
||
computedOwns: function computedOwns() {
|
||
return "list-" + this._uid;
|
||
},
|
||
computedCounterValue: function computedCounterValue() {
|
||
return this.multiple ? this.selectedItems.length : (this.getText(this.selectedItems[0]) || '').toString().length;
|
||
},
|
||
directives: function directives() {
|
||
return this.isFocused ? [{
|
||
name: 'click-outside',
|
||
value: this.blur,
|
||
args: {
|
||
closeConditional: this.closeConditional
|
||
}
|
||
}] : undefined;
|
||
},
|
||
dynamicHeight: function dynamicHeight() {
|
||
return 'auto';
|
||
},
|
||
hasChips: function hasChips() {
|
||
return this.chips || this.smallChips;
|
||
},
|
||
hasSlot: function hasSlot() {
|
||
return Boolean(this.hasChips || this.$scopedSlots.selection);
|
||
},
|
||
isDirty: function isDirty() {
|
||
return this.selectedItems.length > 0;
|
||
},
|
||
listData: function listData() {
|
||
var _a;
|
||
|
||
var scopeId = this.$vnode && this.$vnode.context.$options._scopeId;
|
||
var attrs = scopeId ? (_a = {}, _a[scopeId] = true, _a) : {};
|
||
return {
|
||
attrs: __assign({}, attrs, {
|
||
id: this.computedOwns
|
||
}),
|
||
props: {
|
||
action: this.multiple,
|
||
color: this.itemColor,
|
||
dense: this.dense,
|
||
hideSelected: this.hideSelected,
|
||
items: this.virtualizedItems,
|
||
itemDisabled: this.itemDisabled,
|
||
itemText: this.itemText,
|
||
itemValue: this.itemValue,
|
||
noDataText: this.$vuetify.lang.t(this.noDataText),
|
||
selectedItems: this.selectedItems
|
||
},
|
||
on: {
|
||
select: this.selectItem
|
||
},
|
||
scopedSlots: {
|
||
item: this.$scopedSlots.item
|
||
}
|
||
};
|
||
},
|
||
staticList: function staticList() {
|
||
if (this.$slots['no-data'] || this.$slots['prepend-item'] || this.$slots['append-item']) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_12__["consoleError"])('assert: staticList should not be called if slots are used');
|
||
}
|
||
|
||
return this.$createElement(_VSelectList__WEBPACK_IMPORTED_MODULE_4__["default"], this.listData);
|
||
},
|
||
virtualizedItems: function virtualizedItems() {
|
||
return this.$_menuProps.auto ? this.computedItems : this.computedItems.slice(0, this.lastItem);
|
||
},
|
||
menuCanShow: function menuCanShow() {
|
||
return true;
|
||
},
|
||
$_menuProps: function $_menuProps() {
|
||
var normalisedProps = typeof this.menuProps === 'string' ? this.menuProps.split(',') : this.menuProps;
|
||
|
||
if (Array.isArray(normalisedProps)) {
|
||
normalisedProps = normalisedProps.reduce(function (acc, p) {
|
||
acc[p.trim()] = true;
|
||
return acc;
|
||
}, {});
|
||
}
|
||
|
||
return __assign({}, defaultMenuProps, {
|
||
eager: this.eager,
|
||
value: this.menuCanShow && this.isMenuActive,
|
||
nudgeBottom: normalisedProps.offsetY ? 1 : 0
|
||
}, normalisedProps);
|
||
}
|
||
},
|
||
watch: {
|
||
internalValue: function internalValue(val) {
|
||
this.initialValue = val;
|
||
this.setSelectedItems();
|
||
},
|
||
menuIsBooted: function menuIsBooted() {
|
||
var _this = this;
|
||
|
||
window.setTimeout(function () {
|
||
if (_this.getContent() && _this.getContent().addEventListener) {
|
||
_this.getContent().addEventListener('scroll', _this.onScroll, false);
|
||
}
|
||
});
|
||
},
|
||
isMenuActive: function isMenuActive(val) {
|
||
var _this = this;
|
||
|
||
window.setTimeout(function () {
|
||
return _this.onMenuActiveChange(val);
|
||
});
|
||
if (!val) return;
|
||
this.menuIsBooted = true;
|
||
},
|
||
items: {
|
||
immediate: true,
|
||
handler: function handler(val) {
|
||
var _this = this;
|
||
|
||
if (this.cacheItems) {
|
||
// Breaks vue-test-utils if
|
||
// this isn't calculated
|
||
// on the next tick
|
||
this.$nextTick(function () {
|
||
_this.cachedItems = _this.filterDuplicates(_this.cachedItems.concat(val));
|
||
});
|
||
}
|
||
|
||
this.setSelectedItems();
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
/** @public */
|
||
blur: function blur(e) {
|
||
_VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__["default"].options.methods.blur.call(this, e);
|
||
this.isMenuActive = false;
|
||
this.isFocused = false;
|
||
this.selectedIndex = -1;
|
||
},
|
||
|
||
/** @public */
|
||
activateMenu: function activateMenu() {
|
||
if (this.disabled || this.readonly || this.isMenuActive) return;
|
||
this.isMenuActive = true;
|
||
},
|
||
clearableCallback: function clearableCallback() {
|
||
var _this = this;
|
||
|
||
this.setValue(this.multiple ? [] : undefined);
|
||
this.setMenuIndex(-1);
|
||
this.$nextTick(function () {
|
||
return _this.$refs.input && _this.$refs.input.focus();
|
||
});
|
||
if (this.openOnClear) this.isMenuActive = true;
|
||
},
|
||
closeConditional: function closeConditional(e) {
|
||
if (!this.isMenuActive) return true;
|
||
return !this._isDestroyed && ( // Click originates from outside the menu content
|
||
// Multiple selects don't close when an item is clicked
|
||
!this.getContent() || !this.getContent().contains(e.target)) && // Click originates from outside the element
|
||
this.$el && !this.$el.contains(e.target) && e.target !== this.$el;
|
||
},
|
||
filterDuplicates: function filterDuplicates(arr) {
|
||
var uniqueValues = new Map();
|
||
|
||
for (var index = 0; index < arr.length; ++index) {
|
||
var item = arr[index];
|
||
var val = this.getValue(item); // TODO: comparator
|
||
|
||
!uniqueValues.has(val) && uniqueValues.set(val, item);
|
||
}
|
||
|
||
return Array.from(uniqueValues.values());
|
||
},
|
||
findExistingIndex: function findExistingIndex(item) {
|
||
var _this = this;
|
||
|
||
var itemValue = this.getValue(item);
|
||
return (this.internalValue || []).findIndex(function (i) {
|
||
return _this.valueComparator(_this.getValue(i), itemValue);
|
||
});
|
||
},
|
||
getContent: function getContent() {
|
||
return this.$refs.menu && this.$refs.menu.$refs.content;
|
||
},
|
||
genChipSelection: function genChipSelection(item, index) {
|
||
var _this = this;
|
||
|
||
var isDisabled = this.disabled || this.readonly || this.getDisabled(item);
|
||
return this.$createElement(_VChip__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
staticClass: 'v-chip--select',
|
||
attrs: {
|
||
tabindex: -1
|
||
},
|
||
props: {
|
||
close: this.deletableChips && !isDisabled,
|
||
disabled: isDisabled,
|
||
inputValue: index === this.selectedIndex,
|
||
small: this.smallChips
|
||
},
|
||
on: {
|
||
click: function click(e) {
|
||
if (isDisabled) return;
|
||
e.stopPropagation();
|
||
_this.selectedIndex = index;
|
||
},
|
||
'click:close': function clickClose() {
|
||
return _this.onChipInput(item);
|
||
}
|
||
},
|
||
key: JSON.stringify(this.getValue(item))
|
||
}, this.getText(item));
|
||
},
|
||
genCommaSelection: function genCommaSelection(item, index, last) {
|
||
var color = index === this.selectedIndex && this.computedColor;
|
||
var isDisabled = this.disabled || this.getDisabled(item);
|
||
return this.$createElement('div', this.setTextColor(color, {
|
||
staticClass: 'v-select__selection v-select__selection--comma',
|
||
class: {
|
||
'v-select__selection--disabled': isDisabled
|
||
},
|
||
key: JSON.stringify(this.getValue(item))
|
||
}), "" + this.getText(item) + (last ? '' : ', '));
|
||
},
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
var selections = this.genSelections();
|
||
var input = this.genInput(); // If the return is an empty array
|
||
// push the input
|
||
|
||
if (Array.isArray(selections)) {
|
||
selections.push(input); // Otherwise push it into children
|
||
} else {
|
||
selections.children = selections.children || [];
|
||
selections.children.push(input);
|
||
}
|
||
|
||
return [this.genFieldset(), this.$createElement('div', {
|
||
staticClass: 'v-select__slot',
|
||
directives: this.directives
|
||
}, [this.genLabel(), this.prefix ? this.genAffix('prefix') : null, selections, this.suffix ? this.genAffix('suffix') : null, this.genClearIcon(), this.genIconSlot(), this.genHiddenInput()]), this.genMenu(), this.genProgress()];
|
||
},
|
||
genIcon: function genIcon(type, cb, extraData) {
|
||
var icon = _VInput__WEBPACK_IMPORTED_MODULE_5__["default"].options.methods.genIcon.call(this, type, cb, extraData);
|
||
|
||
if (type === 'append') {
|
||
// Don't allow the dropdown icon to be focused
|
||
icon.children[0].data = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_10__["default"])(icon.children[0].data, {
|
||
attrs: {
|
||
tabindex: icon.children[0].componentOptions.listeners && '-1',
|
||
'aria-hidden': 'true',
|
||
'aria-label': undefined
|
||
}
|
||
});
|
||
}
|
||
|
||
return icon;
|
||
},
|
||
genInput: function genInput() {
|
||
var input = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__["default"].options.methods.genInput.call(this);
|
||
delete input.data.attrs.name;
|
||
input.data = Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_10__["default"])(input.data, {
|
||
domProps: {
|
||
value: null
|
||
},
|
||
attrs: {
|
||
readonly: true,
|
||
type: 'text',
|
||
'aria-readonly': String(this.readonly),
|
||
'aria-activedescendant': Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getObjectValueByPath"])(this.$refs.menu, 'activeTile.id'),
|
||
autocomplete: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getObjectValueByPath"])(input.data, 'attrs.autocomplete', 'off')
|
||
},
|
||
on: {
|
||
keypress: this.onKeyPress
|
||
}
|
||
});
|
||
return input;
|
||
},
|
||
genHiddenInput: function genHiddenInput() {
|
||
return this.$createElement('input', {
|
||
domProps: {
|
||
value: this.lazyValue
|
||
},
|
||
attrs: {
|
||
type: 'hidden',
|
||
name: this.attrs$.name
|
||
}
|
||
});
|
||
},
|
||
genInputSlot: function genInputSlot() {
|
||
var render = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__["default"].options.methods.genInputSlot.call(this);
|
||
render.data.attrs = __assign({}, render.data.attrs, {
|
||
role: 'button',
|
||
'aria-haspopup': 'listbox',
|
||
'aria-expanded': String(this.isMenuActive),
|
||
'aria-owns': this.computedOwns
|
||
});
|
||
return render;
|
||
},
|
||
genList: function genList() {
|
||
// If there's no slots, we can use a cached VNode to improve performance
|
||
if (this.$slots['no-data'] || this.$slots['prepend-item'] || this.$slots['append-item']) {
|
||
return this.genListWithSlot();
|
||
} else {
|
||
return this.staticList;
|
||
}
|
||
},
|
||
genListWithSlot: function genListWithSlot() {
|
||
var _this = this;
|
||
|
||
var slots = ['prepend-item', 'no-data', 'append-item'].filter(function (slotName) {
|
||
return _this.$slots[slotName];
|
||
}).map(function (slotName) {
|
||
return _this.$createElement('template', {
|
||
slot: slotName
|
||
}, _this.$slots[slotName]);
|
||
}); // Requires destructuring due to Vue
|
||
// modifying the `on` property when passed
|
||
// as a referenced object
|
||
|
||
return this.$createElement(_VSelectList__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({}, this.listData), slots);
|
||
},
|
||
genMenu: function genMenu() {
|
||
var _this = this;
|
||
|
||
var props = this.$_menuProps;
|
||
props.activator = this.$refs['input-slot']; // Attach to root el so that
|
||
// menu covers prepend/append icons
|
||
|
||
if ( // TODO: make this a computed property or helper or something
|
||
this.attach === '' || // If used as a boolean prop (<v-menu attach>)
|
||
this.attach === true || // If bound to a boolean (<v-menu :attach="true">)
|
||
this.attach === 'attach' // If bound as boolean prop in pug (v-menu(attach))
|
||
) {
|
||
props.attach = this.$el;
|
||
} else {
|
||
props.attach = this.attach;
|
||
}
|
||
|
||
return this.$createElement(_VMenu__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
attrs: {
|
||
role: undefined
|
||
},
|
||
props: props,
|
||
on: {
|
||
input: function input(val) {
|
||
_this.isMenuActive = val;
|
||
_this.isFocused = val;
|
||
}
|
||
},
|
||
ref: 'menu'
|
||
}, [this.genList()]);
|
||
},
|
||
genSelections: function genSelections() {
|
||
var length = this.selectedItems.length;
|
||
var children = new Array(length);
|
||
var genSelection;
|
||
|
||
if (this.$scopedSlots.selection) {
|
||
genSelection = this.genSlotSelection;
|
||
} else if (this.hasChips) {
|
||
genSelection = this.genChipSelection;
|
||
} else {
|
||
genSelection = this.genCommaSelection;
|
||
}
|
||
|
||
while (length--) {
|
||
children[length] = genSelection(this.selectedItems[length], length, length === children.length - 1);
|
||
}
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-select__selections'
|
||
}, children);
|
||
},
|
||
genSlotSelection: function genSlotSelection(item, index) {
|
||
var _this = this;
|
||
|
||
return this.$scopedSlots.selection({
|
||
attrs: {
|
||
class: 'v-chip--select'
|
||
},
|
||
parent: this,
|
||
item: item,
|
||
index: index,
|
||
select: function select(e) {
|
||
e.stopPropagation();
|
||
_this.selectedIndex = index;
|
||
},
|
||
selected: index === this.selectedIndex,
|
||
disabled: this.disabled || this.readonly
|
||
});
|
||
},
|
||
getMenuIndex: function getMenuIndex() {
|
||
return this.$refs.menu ? this.$refs.menu.listIndex : -1;
|
||
},
|
||
getDisabled: function getDisabled(item) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getPropertyFromItem"])(item, this.itemDisabled, false);
|
||
},
|
||
getText: function getText(item) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getPropertyFromItem"])(item, this.itemText, item);
|
||
},
|
||
getValue: function getValue(item) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_11__["getPropertyFromItem"])(item, this.itemValue, this.getText(item));
|
||
},
|
||
onBlur: function onBlur(e) {
|
||
e && this.$emit('blur', e);
|
||
},
|
||
onChipInput: function onChipInput(item) {
|
||
if (this.multiple) this.selectItem(item);else this.setValue(null); // If all items have been deleted,
|
||
// open `v-menu`
|
||
|
||
if (this.selectedItems.length === 0) {
|
||
this.isMenuActive = true;
|
||
} else {
|
||
this.isMenuActive = false;
|
||
}
|
||
|
||
this.selectedIndex = -1;
|
||
},
|
||
onClick: function onClick(e) {
|
||
if (this.isDisabled) return;
|
||
|
||
if (!this.isAppendInner(e.target)) {
|
||
this.isMenuActive = true;
|
||
}
|
||
|
||
if (!this.isFocused) {
|
||
this.isFocused = true;
|
||
this.$emit('focus');
|
||
}
|
||
|
||
this.$emit('click', e);
|
||
},
|
||
onEscDown: function onEscDown(e) {
|
||
e.preventDefault();
|
||
|
||
if (this.isMenuActive) {
|
||
e.stopPropagation();
|
||
this.isMenuActive = false;
|
||
}
|
||
},
|
||
onKeyPress: function onKeyPress(e) {
|
||
var _this = this;
|
||
|
||
if (this.multiple || this.readonly || this.disableLookup) return;
|
||
var KEYBOARD_LOOKUP_THRESHOLD = 1000; // milliseconds
|
||
|
||
var now = performance.now();
|
||
|
||
if (now - this.keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
|
||
this.keyboardLookupPrefix = '';
|
||
}
|
||
|
||
this.keyboardLookupPrefix += e.key.toLowerCase();
|
||
this.keyboardLookupLastTime = now;
|
||
var index = this.allItems.findIndex(function (item) {
|
||
var text = (_this.getText(item) || '').toString();
|
||
return text.toLowerCase().startsWith(_this.keyboardLookupPrefix);
|
||
});
|
||
var item = this.allItems[index];
|
||
|
||
if (index !== -1) {
|
||
this.setValue(this.returnObject ? item : this.getValue(item));
|
||
setTimeout(function () {
|
||
return _this.setMenuIndex(index);
|
||
});
|
||
}
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
var _this = this;
|
||
|
||
var keyCode = e.keyCode;
|
||
var menu = this.$refs.menu; // If enter, space, open menu
|
||
|
||
if ([_util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].enter, _util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].space].includes(keyCode)) this.activateMenu();
|
||
this.$emit('keydown', e);
|
||
if (!menu) return; // If menu is active, allow default
|
||
// listIndex change from menu
|
||
|
||
if (this.isMenuActive && keyCode !== _util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].tab) {
|
||
this.$nextTick(function () {
|
||
menu.changeListIndex(e);
|
||
|
||
_this.$emit('update:list-index', menu.listIndex);
|
||
});
|
||
} // If menu is not active, up and down can do
|
||
// one of 2 things. If multiple, opens the
|
||
// menu, if not, will cycle through all
|
||
// available options
|
||
|
||
|
||
if (!this.isMenuActive && [_util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].up, _util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].down].includes(keyCode)) return this.onUpDown(e); // If escape deactivate the menu
|
||
|
||
if (keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].esc) return this.onEscDown(e); // If tab - select item or close menu
|
||
|
||
if (keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].tab) return this.onTabDown(e); // If space preventDefault
|
||
|
||
if (keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].space) return this.onSpaceDown(e);
|
||
},
|
||
onMenuActiveChange: function onMenuActiveChange(val) {
|
||
// If menu is closing and mulitple
|
||
// or menuIndex is already set
|
||
// skip menu index recalculation
|
||
if (this.multiple && !val || this.getMenuIndex() > -1) return;
|
||
var menu = this.$refs.menu;
|
||
if (!menu || !this.isDirty) return; // When menu opens, set index of first active item
|
||
|
||
for (var i = 0; i < menu.tiles.length; i++) {
|
||
if (menu.tiles[i].getAttribute('aria-selected') === 'true') {
|
||
this.setMenuIndex(i);
|
||
break;
|
||
}
|
||
}
|
||
},
|
||
onMouseUp: function onMouseUp(e) {
|
||
var _this = this;
|
||
|
||
if (this.hasMouseDown && e.which !== 3 && !this.isDisabled) {
|
||
// If append inner is present
|
||
// and the target is itself
|
||
// or inside, toggle menu
|
||
if (this.isAppendInner(e.target)) {
|
||
this.$nextTick(function () {
|
||
return _this.isMenuActive = !_this.isMenuActive;
|
||
}); // If user is clicking in the container
|
||
// and field is enclosed, activate it
|
||
} else if (this.isEnclosed) {
|
||
this.isMenuActive = true;
|
||
}
|
||
}
|
||
|
||
_VTextField_VTextField__WEBPACK_IMPORTED_MODULE_6__["default"].options.methods.onMouseUp.call(this, e);
|
||
},
|
||
onScroll: function onScroll() {
|
||
var _this = this;
|
||
|
||
if (!this.isMenuActive) {
|
||
requestAnimationFrame(function () {
|
||
return _this.getContent().scrollTop = 0;
|
||
});
|
||
} else {
|
||
if (this.lastItem >= this.computedItems.length) return;
|
||
var showMoreItems = this.getContent().scrollHeight - (this.getContent().scrollTop + this.getContent().clientHeight) < 200;
|
||
|
||
if (showMoreItems) {
|
||
this.lastItem += 20;
|
||
}
|
||
}
|
||
},
|
||
onSpaceDown: function onSpaceDown(e) {
|
||
e.preventDefault();
|
||
},
|
||
onTabDown: function onTabDown(e) {
|
||
var menu = this.$refs.menu;
|
||
if (!menu) return;
|
||
var activeTile = menu.activeTile; // An item that is selected by
|
||
// menu-index should toggled
|
||
|
||
if (!this.multiple && activeTile && this.isMenuActive) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
activeTile.click();
|
||
} else {
|
||
// If we make it here,
|
||
// the user has no selected indexes
|
||
// and is probably tabbing out
|
||
this.blur(e);
|
||
}
|
||
},
|
||
onUpDown: function onUpDown(e) {
|
||
var menu = this.$refs.menu;
|
||
if (!menu) return;
|
||
e.preventDefault(); // Multiple selects do not cycle their value
|
||
// when pressing up or down, instead activate
|
||
// the menu
|
||
|
||
if (this.multiple) return this.activateMenu();
|
||
var keyCode = e.keyCode; // Cycle through available values to achieve
|
||
// select native behavior
|
||
|
||
menu.isBooted = true;
|
||
window.requestAnimationFrame(function () {
|
||
menu.getTiles();
|
||
_util_helpers__WEBPACK_IMPORTED_MODULE_11__["keyCodes"].up === keyCode ? menu.prevTile() : menu.nextTile();
|
||
menu.activeTile && menu.activeTile.click();
|
||
});
|
||
},
|
||
selectItem: function selectItem(item) {
|
||
var _this = this;
|
||
|
||
if (!this.multiple) {
|
||
this.setValue(this.returnObject ? item : this.getValue(item));
|
||
this.isMenuActive = false;
|
||
} else {
|
||
var internalValue = (this.internalValue || []).slice();
|
||
var i = this.findExistingIndex(item);
|
||
i !== -1 ? internalValue.splice(i, 1) : internalValue.push(item);
|
||
this.setValue(internalValue.map(function (i) {
|
||
return _this.returnObject ? i : _this.getValue(i);
|
||
})); // When selecting multiple
|
||
// adjust menu after each
|
||
// selection
|
||
|
||
this.$nextTick(function () {
|
||
_this.$refs.menu && _this.$refs.menu.updateDimensions();
|
||
}); // We only need to reset list index for multiple
|
||
// to keep highlight when an item is toggled
|
||
// on and off
|
||
|
||
if (!this.multiple) return;
|
||
var listIndex_1 = this.getMenuIndex();
|
||
this.setMenuIndex(-1); // There is no item to re-highlight
|
||
// when selections are hidden
|
||
|
||
if (this.hideSelected) return;
|
||
this.$nextTick(function () {
|
||
return _this.setMenuIndex(listIndex_1);
|
||
});
|
||
}
|
||
},
|
||
setMenuIndex: function setMenuIndex(index) {
|
||
this.$refs.menu && (this.$refs.menu.listIndex = index);
|
||
},
|
||
setSelectedItems: function setSelectedItems() {
|
||
var e_1, _a;
|
||
|
||
var _this = this;
|
||
|
||
var selectedItems = [];
|
||
var values = !this.multiple || !Array.isArray(this.internalValue) ? [this.internalValue] : this.internalValue;
|
||
|
||
var _loop_1 = function _loop_1(value) {
|
||
var index = this_1.allItems.findIndex(function (v) {
|
||
return _this.valueComparator(_this.getValue(v), _this.getValue(value));
|
||
});
|
||
|
||
if (index > -1) {
|
||
selectedItems.push(this_1.allItems[index]);
|
||
}
|
||
};
|
||
|
||
var this_1 = this;
|
||
|
||
try {
|
||
for (var values_1 = __values(values), values_1_1 = values_1.next(); !values_1_1.done; values_1_1 = values_1.next()) {
|
||
var value = values_1_1.value;
|
||
|
||
_loop_1(value);
|
||
}
|
||
} catch (e_1_1) {
|
||
e_1 = {
|
||
error: e_1_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (values_1_1 && !values_1_1.done && (_a = values_1.return)) _a.call(values_1);
|
||
} finally {
|
||
if (e_1) throw e_1.error;
|
||
}
|
||
}
|
||
|
||
this.selectedItems = selectedItems;
|
||
},
|
||
setValue: function setValue(value) {
|
||
var oldValue = this.internalValue;
|
||
this.internalValue = value;
|
||
value !== oldValue && this.$emit('change', value);
|
||
},
|
||
isAppendInner: function isAppendInner(target) {
|
||
// return true if append inner is present
|
||
// and the target is itself or inside
|
||
var appendInner = this.$refs['append-inner'];
|
||
return appendInner && (appendInner === target || appendInner.contains(target));
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSelect/VSelectList.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VSelect/VSelectList.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VCheckbox/VSimpleCheckbox */ "./src/components/VCheckbox/VSimpleCheckbox.ts");
|
||
/* harmony import */ var _VDivider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VDivider */ "./src/components/VDivider/index.ts");
|
||
/* harmony import */ var _VSubheader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VSubheader */ "./src/components/VSubheader/index.ts");
|
||
/* harmony import */ var _VList__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VList */ "./src/components/VList/index.ts");
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Components
|
||
|
||
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Mixins
|
||
|
||
|
||
// Helpers
|
||
|
||
// Types
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_8__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__["default"]).extend({
|
||
name: 'v-select-list',
|
||
// https://github.com/vuejs/vue/issues/6872
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||
},
|
||
props: {
|
||
action: Boolean,
|
||
dense: Boolean,
|
||
hideSelected: Boolean,
|
||
items: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
itemDisabled: {
|
||
type: [String, Array, Function],
|
||
default: 'disabled'
|
||
},
|
||
itemText: {
|
||
type: [String, Array, Function],
|
||
default: 'text'
|
||
},
|
||
itemValue: {
|
||
type: [String, Array, Function],
|
||
default: 'value'
|
||
},
|
||
noDataText: String,
|
||
noFilter: Boolean,
|
||
searchInput: null,
|
||
selectedItems: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
parsedItems: function parsedItems() {
|
||
var _this = this;
|
||
|
||
return this.selectedItems.map(function (item) {
|
||
return _this.getValue(item);
|
||
});
|
||
},
|
||
tileActiveClass: function tileActiveClass() {
|
||
return Object.keys(this.setTextColor(this.color).class || {}).join(' ');
|
||
},
|
||
staticNoDataTile: function staticNoDataTile() {
|
||
var tile = {
|
||
attrs: {
|
||
role: undefined
|
||
},
|
||
on: {
|
||
mousedown: function mousedown(e) {
|
||
return e.preventDefault();
|
||
}
|
||
}
|
||
};
|
||
return this.$createElement(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItem"], tile, [this.genTileContent(this.noDataText)]);
|
||
}
|
||
},
|
||
methods: {
|
||
genAction: function genAction(item, inputValue) {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemAction"], [this.$createElement(_VCheckbox_VSimpleCheckbox__WEBPACK_IMPORTED_MODULE_0__["default"], {
|
||
props: {
|
||
color: this.color,
|
||
value: inputValue
|
||
},
|
||
on: {
|
||
input: function input() {
|
||
return _this.$emit('select', item);
|
||
}
|
||
}
|
||
})]);
|
||
},
|
||
genDivider: function genDivider(props) {
|
||
return this.$createElement(_VDivider__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: props
|
||
});
|
||
},
|
||
genFilteredText: function genFilteredText(text) {
|
||
text = text || '';
|
||
if (!this.searchInput || this.noFilter) return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["escapeHTML"])(text);
|
||
|
||
var _a = this.getMaskedCharacters(text),
|
||
start = _a.start,
|
||
middle = _a.middle,
|
||
end = _a.end;
|
||
|
||
return "" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["escapeHTML"])(start) + this.genHighlight(middle) + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["escapeHTML"])(end);
|
||
},
|
||
genHeader: function genHeader(props) {
|
||
return this.$createElement(_VSubheader__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: props
|
||
}, props.header);
|
||
},
|
||
genHighlight: function genHighlight(text) {
|
||
return "<span class=\"v-list-item__mask\">" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["escapeHTML"])(text) + "</span>";
|
||
},
|
||
getMaskedCharacters: function getMaskedCharacters(text) {
|
||
var searchInput = (this.searchInput || '').toString().toLocaleLowerCase();
|
||
var index = text.toLocaleLowerCase().indexOf(searchInput);
|
||
if (index < 0) return {
|
||
start: '',
|
||
middle: text,
|
||
end: ''
|
||
};
|
||
var start = text.slice(0, index);
|
||
var middle = text.slice(index, index + searchInput.length);
|
||
var end = text.slice(index + searchInput.length);
|
||
return {
|
||
start: start,
|
||
middle: middle,
|
||
end: end
|
||
};
|
||
},
|
||
genTile: function genTile(_a) {
|
||
var _this = this;
|
||
|
||
var item = _a.item,
|
||
index = _a.index,
|
||
_b = _a.disabled,
|
||
disabled = _b === void 0 ? null : _b,
|
||
_c = _a.value,
|
||
value = _c === void 0 ? false : _c;
|
||
if (!value) value = this.hasItem(item);
|
||
|
||
if (item === Object(item)) {
|
||
disabled = disabled !== null ? disabled : this.getDisabled(item);
|
||
}
|
||
|
||
var tile = {
|
||
attrs: {
|
||
// Default behavior in list does not
|
||
// contain aria-selected by default
|
||
'aria-selected': String(value),
|
||
id: "list-item-" + this._uid + "-" + index,
|
||
role: 'option'
|
||
},
|
||
on: {
|
||
mousedown: function mousedown(e) {
|
||
// Prevent onBlur from being called
|
||
e.preventDefault();
|
||
},
|
||
click: function click() {
|
||
return disabled || _this.$emit('select', item);
|
||
}
|
||
},
|
||
props: {
|
||
activeClass: this.tileActiveClass,
|
||
disabled: disabled,
|
||
ripple: true,
|
||
inputValue: value
|
||
}
|
||
};
|
||
|
||
if (!this.$scopedSlots.item) {
|
||
return this.$createElement(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItem"], tile, [this.action && !this.hideSelected && this.items.length > 0 ? this.genAction(item, value) : null, this.genTileContent(item, index)]);
|
||
}
|
||
|
||
var parent = this;
|
||
var scopedSlot = this.$scopedSlots.item({
|
||
parent: parent,
|
||
item: item,
|
||
attrs: __assign({}, tile.attrs, tile.props),
|
||
on: tile.on
|
||
});
|
||
return this.needsTile(scopedSlot) ? this.$createElement(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItem"], tile, scopedSlot) : scopedSlot;
|
||
},
|
||
genTileContent: function genTileContent(item, index) {
|
||
if (index === void 0) {
|
||
index = 0;
|
||
}
|
||
|
||
var innerHTML = this.genFilteredText(this.getText(item));
|
||
return this.$createElement(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemContent"], [this.$createElement(_VList__WEBPACK_IMPORTED_MODULE_3__["VListItemTitle"], {
|
||
domProps: {
|
||
innerHTML: innerHTML
|
||
}
|
||
})]);
|
||
},
|
||
hasItem: function hasItem(item) {
|
||
return this.parsedItems.indexOf(this.getValue(item)) > -1;
|
||
},
|
||
needsTile: function needsTile(slot) {
|
||
return slot.length !== 1 || slot[0].componentOptions == null || slot[0].componentOptions.Ctor.options.name !== 'v-list-item';
|
||
},
|
||
getDisabled: function getDisabled(item) {
|
||
return Boolean(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["getPropertyFromItem"])(item, this.itemDisabled, false));
|
||
},
|
||
getText: function getText(item) {
|
||
return String(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["getPropertyFromItem"])(item, this.itemText, item));
|
||
},
|
||
getValue: function getValue(item) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_7__["getPropertyFromItem"])(item, this.itemValue, this.getText(item));
|
||
}
|
||
},
|
||
render: function render() {
|
||
var children = [];
|
||
var itemsLength = this.items.length;
|
||
|
||
for (var index = 0; index < itemsLength; index++) {
|
||
var item = this.items[index];
|
||
if (this.hideSelected && this.hasItem(item)) continue;
|
||
if (item == null) children.push(this.genTile({
|
||
item: item,
|
||
index: index
|
||
}));else if (item.header) children.push(this.genHeader(item));else if (item.divider) children.push(this.genDivider(item));else children.push(this.genTile({
|
||
item: item,
|
||
index: index
|
||
}));
|
||
}
|
||
|
||
children.length || children.push(this.$slots['no-data'] || this.staticNoDataTile);
|
||
this.$slots['prepend-item'] && children.unshift(this.$slots['prepend-item']);
|
||
this.$slots['append-item'] && children.push(this.$slots['append-item']);
|
||
return this.$createElement(_VList__WEBPACK_IMPORTED_MODULE_3__["VList"], {
|
||
staticClass: 'v-select-list',
|
||
class: this.themeClasses,
|
||
attrs: {
|
||
role: 'listbox',
|
||
tabindex: -1
|
||
},
|
||
props: {
|
||
dense: this.dense
|
||
}
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSelect/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VSelect/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VSelect, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSelect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSelect */ "./src/components/VSelect/VSelect.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSelect", function() { return _VSelect__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSelect__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSheet/VSheet.sass":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VSheet/VSheet.sass ***!
|
||
\*******************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSheet/VSheet.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VSheet/VSheet.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSheet_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSheet.sass */ "./src/components/VSheet/VSheet.sass");
|
||
/* harmony import */ var _VSheet_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSheet_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/binds-attrs */ "./src/mixins/binds-attrs/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_elevatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/elevatable */ "./src/mixins/elevatable/index.ts");
|
||
/* harmony import */ var _mixins_measurable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/measurable */ "./src/mixins/measurable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
// Helpers
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_mixins_binds_attrs__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_elevatable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_measurable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_5__["default"]).extend({
|
||
name: 'v-sheet',
|
||
props: {
|
||
tag: {
|
||
type: String,
|
||
default: 'div'
|
||
},
|
||
tile: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-sheet': true,
|
||
'v-sheet--tile': this.tile
|
||
}, this.themeClasses, this.elevationClasses);
|
||
},
|
||
styles: function styles() {
|
||
return this.measurableStyles;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var data = {
|
||
class: this.classes,
|
||
style: this.styles,
|
||
on: this.listeners$
|
||
};
|
||
return h(this.tag, this.setBackgroundColor(this.color, data), this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSheet/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/components/VSheet/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: VSheet, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSheet__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSheet */ "./src/components/VSheet/VSheet.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSheet", function() { return _VSheet__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSheet__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSkeletonLoader/VSkeletonLoader.sass":
|
||
/*!*************************************************************!*\
|
||
!*** ./src/components/VSkeletonLoader/VSkeletonLoader.sass ***!
|
||
\*************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSkeletonLoader/VSkeletonLoader.ts":
|
||
/*!***********************************************************!*\
|
||
!*** ./src/components/VSkeletonLoader/VSkeletonLoader.ts ***!
|
||
\***********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSkeletonLoader_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSkeletonLoader.sass */ "./src/components/VSkeletonLoader/VSkeletonLoader.sass");
|
||
/* harmony import */ var _VSkeletonLoader_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSkeletonLoader_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_elevatable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/elevatable */ "./src/mixins/elevatable/index.ts");
|
||
/* harmony import */ var _mixins_measurable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/measurable */ "./src/mixins/measurable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_elevatable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_measurable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__["default"]).extend({
|
||
name: 'VSkeletonLoader',
|
||
props: {
|
||
boilerplate: Boolean,
|
||
loading: Boolean,
|
||
tile: Boolean,
|
||
transition: String,
|
||
type: String,
|
||
types: {
|
||
type: Object,
|
||
default: function _default() {
|
||
return {};
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
attrs: function attrs() {
|
||
if (!this.isLoading) return this.$attrs;
|
||
return !this.boilerplate ? __assign({
|
||
'aria-busy': true,
|
||
'aria-live': 'polite',
|
||
role: 'alert'
|
||
}, this.$attrs) : {};
|
||
},
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-skeleton-loader--boilerplate': this.boilerplate,
|
||
'v-skeleton-loader--is-loading': this.isLoading,
|
||
'v-skeleton-loader--tile': this.tile
|
||
}, this.themeClasses, this.elevationClasses);
|
||
},
|
||
isLoading: function isLoading() {
|
||
return !('default' in this.$scopedSlots) || this.loading;
|
||
},
|
||
rootTypes: function rootTypes() {
|
||
return __assign({
|
||
actions: 'button@2',
|
||
article: 'heading, paragraph',
|
||
avatar: 'avatar',
|
||
button: 'button',
|
||
card: 'image, card-heading',
|
||
'card-avatar': 'image, list-item-avatar',
|
||
'card-heading': 'heading',
|
||
chip: 'chip',
|
||
'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',
|
||
'date-picker-options': 'text, avatar@2',
|
||
'date-picker-days': 'avatar@28',
|
||
heading: 'heading',
|
||
image: 'image',
|
||
'list-item': 'text',
|
||
'list-item-avatar': 'avatar, text',
|
||
'list-item-two-line': 'sentences',
|
||
'list-item-avatar-two-line': 'avatar, sentences',
|
||
'list-item-three-line': 'paragraph',
|
||
'list-item-avatar-three-line': 'avatar, paragraph',
|
||
paragraph: 'text@3',
|
||
sentences: 'text@2',
|
||
table: 'table-heading, table-thead, table-tbody, table-tfoot',
|
||
'table-heading': 'heading, text',
|
||
'table-thead': 'heading@6',
|
||
'table-tbody': 'table-row-divider@6',
|
||
'table-row-divider': 'table-row, divider',
|
||
'table-row': 'table-cell@6',
|
||
'table-cell': 'text',
|
||
'table-tfoot': 'text@2, avatar@2',
|
||
text: 'text'
|
||
}, this.types);
|
||
}
|
||
},
|
||
methods: {
|
||
genBone: function genBone(text, children) {
|
||
return this.$createElement('div', {
|
||
staticClass: "v-skeleton-loader__" + text + " v-skeleton-loader__bone"
|
||
}, children);
|
||
},
|
||
genBones: function genBones(bone) {
|
||
var _this = this; // e.g. 'text@3'
|
||
|
||
|
||
var _a = __read(bone.split('@'), 2),
|
||
type = _a[0],
|
||
length = _a[1];
|
||
|
||
var generator = function generator() {
|
||
return _this.genStructure(type);
|
||
}; // Generate a length array based upon
|
||
// value after @ in the bone string
|
||
|
||
|
||
return Array.from({
|
||
length: length
|
||
}).map(generator);
|
||
},
|
||
// Fix type when this is merged
|
||
// https://github.com/microsoft/TypeScript/pull/33050
|
||
genStructure: function genStructure(type) {
|
||
var children = [];
|
||
type = type || this.type || '';
|
||
var bone = this.rootTypes[type] || ''; // End of recursion, do nothing
|
||
|
||
/* eslint-disable-next-line no-empty, brace-style */
|
||
|
||
if (type === bone) {} // Array of values - e.g. 'heading, paragraph, text@2'
|
||
else if (type.indexOf(',') > -1) return this.mapBones(type); // Array of values - e.g. 'paragraph@4'
|
||
else if (type.indexOf('@') > -1) return this.genBones(type); // Array of values - e.g. 'card@2'
|
||
else if (bone.indexOf(',') > -1) children = this.mapBones(bone); // Array of values - e.g. 'list-item@2'
|
||
else if (bone.indexOf('@') > -1) children = this.genBones(bone); // Single value - e.g. 'card-heading'
|
||
else if (bone) children.push(this.genStructure(bone));
|
||
|
||
return [this.genBone(type, children)];
|
||
},
|
||
genSkeleton: function genSkeleton() {
|
||
var children = [];
|
||
if (!this.isLoading) children.push(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getSlot"])(this));else children.push(this.genStructure());
|
||
/* istanbul ignore else */
|
||
|
||
if (!this.transition) return children;
|
||
/* istanbul ignore next */
|
||
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
name: this.transition
|
||
},
|
||
// Only show transition when
|
||
// content has been loaded
|
||
on: {
|
||
afterEnter: this.resetStyles,
|
||
beforeEnter: this.onBeforeEnter,
|
||
beforeLeave: this.onBeforeLeave,
|
||
leaveCancelled: this.resetStyles
|
||
}
|
||
}, children);
|
||
},
|
||
mapBones: function mapBones(bones) {
|
||
// Remove spaces and return array of structures
|
||
return bones.replace(/\s/g, '').split(',').map(this.genStructure);
|
||
},
|
||
onBeforeEnter: function onBeforeEnter(el) {
|
||
this.resetStyles(el);
|
||
if (!this.isLoading) return;
|
||
el._initialStyle = {
|
||
display: el.style.display,
|
||
transition: el.style.transition
|
||
};
|
||
el.style.setProperty('transition', 'none', 'important');
|
||
},
|
||
onBeforeLeave: function onBeforeLeave(el) {
|
||
el.style.setProperty('display', 'none', 'important');
|
||
},
|
||
resetStyles: function resetStyles(el) {
|
||
if (!el._initialStyle) return;
|
||
el.style.display = el._initialStyle.display || '';
|
||
el.style.transition = el._initialStyle.transition;
|
||
delete el._initialStyle;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-skeleton-loader',
|
||
attrs: this.attrs,
|
||
on: this.$listeners,
|
||
class: this.classes,
|
||
style: this.isLoading ? this.measurableStyles : undefined
|
||
}, [this.genSkeleton()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSkeletonLoader/index.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VSkeletonLoader/index.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: VSkeletonLoader, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSkeletonLoader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSkeletonLoader */ "./src/components/VSkeletonLoader/VSkeletonLoader.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSkeletonLoader", function() { return _VSkeletonLoader__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSkeletonLoader__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSlideGroup/VSlideGroup.sass":
|
||
/*!*****************************************************!*\
|
||
!*** ./src/components/VSlideGroup/VSlideGroup.sass ***!
|
||
\*****************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSlideGroup/VSlideGroup.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VSlideGroup/VSlideGroup.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: BaseSlideGroup, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseSlideGroup", function() { return BaseSlideGroup; });
|
||
/* harmony import */ var _VSlideGroup_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSlideGroup.sass */ "./src/components/VSlideGroup/VSlideGroup.sass");
|
||
/* harmony import */ var _VSlideGroup_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSlideGroup_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
|
||
/* harmony import */ var _directives_resize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../directives/resize */ "./src/directives/resize/index.ts");
|
||
/* harmony import */ var _directives_touch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../directives/touch */ "./src/directives/touch/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
|
||
// Extensions
|
||
|
||
// Directives
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
var BaseSlideGroup = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'base-slide-group',
|
||
directives: {
|
||
Resize: _directives_resize__WEBPACK_IMPORTED_MODULE_4__["default"],
|
||
Touch: _directives_touch__WEBPACK_IMPORTED_MODULE_5__["default"]
|
||
},
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: 'v-slide-item--active'
|
||
},
|
||
centerActive: Boolean,
|
||
nextIcon: {
|
||
type: String,
|
||
default: '$next'
|
||
},
|
||
mobileBreakPoint: {
|
||
type: [Number, String],
|
||
default: 1264,
|
||
validator: function validator(v) {
|
||
return !isNaN(parseInt(v));
|
||
}
|
||
},
|
||
prevIcon: {
|
||
type: String,
|
||
default: '$prev'
|
||
},
|
||
showArrows: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
internalItemsLength: 0,
|
||
isOverflowing: false,
|
||
resizeTimeout: 0,
|
||
startX: 0,
|
||
scrollOffset: 0,
|
||
widths: {
|
||
content: 0,
|
||
wrapper: 0
|
||
}
|
||
};
|
||
},
|
||
computed: {
|
||
__cachedNext: function __cachedNext() {
|
||
return this.genTransition('next');
|
||
},
|
||
__cachedPrev: function __cachedPrev() {
|
||
return this.genTransition('prev');
|
||
},
|
||
classes: function classes() {
|
||
return __assign({}, _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_3__["BaseItemGroup"].options.computed.classes.call(this), {
|
||
'v-slide-group': true,
|
||
'v-slide-group--has-affixes': this.hasAffixes,
|
||
'v-slide-group--is-overflowing': this.isOverflowing
|
||
});
|
||
},
|
||
hasAffixes: function hasAffixes() {
|
||
return (this.showArrows || !this.isMobile) && this.isOverflowing;
|
||
},
|
||
hasNext: function hasNext() {
|
||
if (!this.hasAffixes) return false;
|
||
var _a = this.widths,
|
||
content = _a.content,
|
||
wrapper = _a.wrapper; // Check one scroll ahead to know the width of right-most item
|
||
|
||
return content > Math.abs(this.scrollOffset) + wrapper;
|
||
},
|
||
hasPrev: function hasPrev() {
|
||
return this.hasAffixes && this.scrollOffset !== 0;
|
||
},
|
||
isMobile: function isMobile() {
|
||
return this.$vuetify.breakpoint.width < this.mobileBreakPoint;
|
||
}
|
||
},
|
||
watch: {
|
||
internalValue: 'setWidths',
|
||
// When overflow changes, the arrows alter
|
||
// the widths of the content and wrapper
|
||
// and need to be recalculated
|
||
isOverflowing: 'setWidths',
|
||
scrollOffset: function scrollOffset(val) {
|
||
this.$refs.content.style.transform = "translateX(" + -val + "px)";
|
||
}
|
||
},
|
||
beforeUpdate: function beforeUpdate() {
|
||
this.internalItemsLength = (this.$children || []).length;
|
||
},
|
||
updated: function updated() {
|
||
if (this.internalItemsLength === (this.$children || []).length) return;
|
||
this.setWidths();
|
||
},
|
||
methods: {
|
||
genNext: function genNext() {
|
||
var _this = this;
|
||
|
||
if (!this.hasAffixes) return null;
|
||
var slot = this.$scopedSlots.next ? this.$scopedSlots.next({}) : this.$slots.next || this.__cachedNext;
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-slide-group__next',
|
||
class: {
|
||
'v-slide-group__next--disabled': !this.hasNext
|
||
},
|
||
on: {
|
||
click: function click() {
|
||
return _this.onAffixClick('next');
|
||
}
|
||
},
|
||
key: 'next'
|
||
}, [slot]);
|
||
},
|
||
genContent: function genContent() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-slide-group__content',
|
||
ref: 'content'
|
||
}, this.$slots.default);
|
||
},
|
||
genData: function genData() {
|
||
return {
|
||
class: this.classes,
|
||
directives: [{
|
||
name: 'resize',
|
||
value: this.onResize
|
||
}]
|
||
};
|
||
},
|
||
genIcon: function genIcon(location) {
|
||
var icon = location;
|
||
|
||
if (this.$vuetify.rtl && location === 'prev') {
|
||
icon = 'next';
|
||
} else if (this.$vuetify.rtl && location === 'next') {
|
||
icon = 'prev';
|
||
}
|
||
|
||
var upperLocation = "" + location[0].toUpperCase() + location.slice(1);
|
||
var hasAffix = this["has" + upperLocation];
|
||
if (!this.showArrows && !hasAffix) return null;
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
disabled: !hasAffix
|
||
}
|
||
}, this[icon + "Icon"]);
|
||
},
|
||
// Always generate prev for scrollable hint
|
||
genPrev: function genPrev() {
|
||
var _this = this;
|
||
|
||
var slot = this.$scopedSlots.prev ? this.$scopedSlots.prev({}) : this.$slots.prev || this.__cachedPrev;
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-slide-group__prev',
|
||
class: {
|
||
'v-slide-group__prev--disabled': !this.hasPrev
|
||
},
|
||
on: {
|
||
click: function click() {
|
||
return _this.onAffixClick('prev');
|
||
}
|
||
},
|
||
key: 'prev'
|
||
}, [slot]);
|
||
},
|
||
genTransition: function genTransition(location) {
|
||
return this.$createElement(_transitions__WEBPACK_IMPORTED_MODULE_2__["VFadeTransition"], [this.genIcon(location)]);
|
||
},
|
||
genWrapper: function genWrapper() {
|
||
var _this = this;
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-slide-group__wrapper',
|
||
directives: [{
|
||
name: 'touch',
|
||
value: {
|
||
start: function start(e) {
|
||
return _this.overflowCheck(e, _this.onTouchStart);
|
||
},
|
||
move: function move(e) {
|
||
return _this.overflowCheck(e, _this.onTouchMove);
|
||
},
|
||
end: function end(e) {
|
||
return _this.overflowCheck(e, _this.onTouchEnd);
|
||
}
|
||
}
|
||
}],
|
||
ref: 'wrapper'
|
||
}, [this.genContent()]);
|
||
},
|
||
calculateNewOffset: function calculateNewOffset(direction, widths, rtl, currentScrollOffset) {
|
||
var sign = rtl ? -1 : 1;
|
||
var newAbosluteOffset = sign * currentScrollOffset + (direction === 'prev' ? -1 : 1) * widths.wrapper;
|
||
return sign * Math.max(Math.min(newAbosluteOffset, widths.content - widths.wrapper), 0);
|
||
},
|
||
onAffixClick: function onAffixClick(location) {
|
||
this.$emit("click:" + location);
|
||
this.scrollTo(location);
|
||
},
|
||
onResize: function onResize() {
|
||
/* istanbul ignore next */
|
||
if (this._isDestroyed) return;
|
||
this.setWidths();
|
||
},
|
||
onTouchStart: function onTouchStart(e) {
|
||
var content = this.$refs.content;
|
||
this.startX = this.scrollOffset + e.touchstartX;
|
||
content.style.setProperty('transition', 'none');
|
||
content.style.setProperty('willChange', 'transform');
|
||
},
|
||
onTouchMove: function onTouchMove(e) {
|
||
this.scrollOffset = this.startX - e.touchmoveX;
|
||
},
|
||
onTouchEnd: function onTouchEnd() {
|
||
var _a = this.$refs,
|
||
content = _a.content,
|
||
wrapper = _a.wrapper;
|
||
var maxScrollOffset = content.clientWidth - wrapper.clientWidth;
|
||
content.style.setProperty('transition', null);
|
||
content.style.setProperty('willChange', null);
|
||
|
||
if (this.$vuetify.rtl) {
|
||
/* istanbul ignore else */
|
||
if (this.scrollOffset > 0 || !this.isOverflowing) {
|
||
this.scrollOffset = 0;
|
||
} else if (this.scrollOffset <= -maxScrollOffset) {
|
||
this.scrollOffset = -maxScrollOffset;
|
||
}
|
||
} else {
|
||
/* istanbul ignore else */
|
||
if (this.scrollOffset < 0 || !this.isOverflowing) {
|
||
this.scrollOffset = 0;
|
||
} else if (this.scrollOffset >= maxScrollOffset) {
|
||
this.scrollOffset = maxScrollOffset;
|
||
}
|
||
}
|
||
},
|
||
overflowCheck: function overflowCheck(e, fn) {
|
||
e.stopPropagation();
|
||
this.isOverflowing && fn(e);
|
||
},
|
||
scrollIntoView
|
||
/* istanbul ignore next */
|
||
: function scrollIntoView() {
|
||
if (!this.selectedItem) {
|
||
return;
|
||
}
|
||
|
||
if (this.selectedIndex === 0 || !this.centerActive && !this.isOverflowing) {
|
||
this.scrollOffset = 0;
|
||
} else if (this.centerActive) {
|
||
this.scrollOffset = this.calculateCenteredOffset(this.selectedItem.$el, this.widths, this.$vuetify.rtl);
|
||
} else if (this.isOverflowing) {
|
||
this.scrollOffset = this.calculateUpdatedOffset(this.selectedItem.$el, this.widths, this.$vuetify.rtl, this.scrollOffset);
|
||
}
|
||
},
|
||
calculateUpdatedOffset: function calculateUpdatedOffset(selectedElement, widths, rtl, currentScrollOffset) {
|
||
var clientWidth = selectedElement.clientWidth;
|
||
var offsetLeft = rtl ? widths.content - selectedElement.offsetLeft - clientWidth : selectedElement.offsetLeft;
|
||
|
||
if (rtl) {
|
||
currentScrollOffset = -currentScrollOffset;
|
||
}
|
||
|
||
var totalWidth = widths.wrapper + currentScrollOffset;
|
||
var itemOffset = clientWidth + offsetLeft;
|
||
var additionalOffset = clientWidth * 0.4;
|
||
|
||
if (offsetLeft < currentScrollOffset) {
|
||
currentScrollOffset = Math.max(offsetLeft - additionalOffset, 0);
|
||
} else if (totalWidth < itemOffset) {
|
||
currentScrollOffset = Math.min(currentScrollOffset - (totalWidth - itemOffset - additionalOffset), widths.content - widths.wrapper);
|
||
}
|
||
|
||
return rtl ? -currentScrollOffset : currentScrollOffset;
|
||
},
|
||
calculateCenteredOffset: function calculateCenteredOffset(selectedElement, widths, rtl) {
|
||
var offsetLeft = selectedElement.offsetLeft,
|
||
clientWidth = selectedElement.clientWidth;
|
||
|
||
if (rtl) {
|
||
var offsetCentered = widths.content - offsetLeft - clientWidth / 2 - widths.wrapper / 2;
|
||
return -Math.min(widths.content - widths.wrapper, Math.max(0, offsetCentered));
|
||
} else {
|
||
var offsetCentered = offsetLeft + clientWidth / 2 - widths.wrapper / 2;
|
||
return Math.min(widths.content - widths.wrapper, Math.max(0, offsetCentered));
|
||
}
|
||
},
|
||
scrollTo
|
||
/* istanbul ignore next */
|
||
: function scrollTo(location) {
|
||
this.scrollOffset = this.calculateNewOffset(location, {
|
||
// Force reflow
|
||
content: this.$refs.content ? this.$refs.content.clientWidth : 0,
|
||
wrapper: this.$refs.wrapper ? this.$refs.wrapper.clientWidth : 0
|
||
}, this.$vuetify.rtl, this.scrollOffset);
|
||
},
|
||
setWidths
|
||
/* istanbul ignore next */
|
||
: function setWidths() {
|
||
var _this = this;
|
||
|
||
window.requestAnimationFrame(function () {
|
||
var _a = _this.$refs,
|
||
content = _a.content,
|
||
wrapper = _a.wrapper;
|
||
_this.widths = {
|
||
content: content ? content.clientWidth : 0,
|
||
wrapper: wrapper ? wrapper.clientWidth : 0
|
||
};
|
||
_this.isOverflowing = _this.widths.wrapper < _this.widths.content;
|
||
|
||
_this.scrollIntoView();
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', this.genData(), [this.genPrev(), this.genWrapper(), this.genNext()]);
|
||
}
|
||
});
|
||
/* harmony default export */ __webpack_exports__["default"] = (BaseSlideGroup.extend({
|
||
name: 'v-slide-group',
|
||
provide: function provide() {
|
||
return {
|
||
slideGroup: this
|
||
};
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSlideGroup/VSlideItem.ts":
|
||
/*!**************************************************!*\
|
||
!*** ./src/components/VSlideGroup/VSlideItem.ts ***!
|
||
\**************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VItemGroup_VItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VItemGroup/VItem */ "./src/components/VItemGroup/VItem.ts");
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Extensions
|
||
// Mixins
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_VItemGroup_VItem__WEBPACK_IMPORTED_MODULE_0__["BaseItem"], Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_1__["factory"])('slideGroup')
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-slide-item'
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSlideGroup/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VSlideGroup/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: VSlideGroup, VSlideItem, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSlideGroup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSlideGroup */ "./src/components/VSlideGroup/VSlideGroup.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlideGroup", function() { return _VSlideGroup__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VSlideItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VSlideItem */ "./src/components/VSlideGroup/VSlideItem.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlideItem", function() { return _VSlideItem__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VSlideGroup: _VSlideGroup__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VSlideItem: _VSlideItem__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSlider/VSlider.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VSlider/VSlider.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSlider/VSlider.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VSlider/VSlider.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSlider_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSlider.sass */ "./src/components/VSlider/VSlider.sass");
|
||
/* harmony import */ var _VSlider_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSlider_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _mixins_loadable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/loadable */ "./src/mixins/loadable/index.ts");
|
||
/* harmony import */ var _directives_click_outside__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../directives/click-outside */ "./src/directives/click-outside/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
// Components
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Directives
|
||
|
||
// Helpers
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_VInput__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_loadable__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-slider',
|
||
directives: {
|
||
ClickOutside: _directives_click_outside__WEBPACK_IMPORTED_MODULE_5__["default"]
|
||
},
|
||
mixins: [_mixins_loadable__WEBPACK_IMPORTED_MODULE_4__["default"]],
|
||
props: {
|
||
disabled: Boolean,
|
||
inverseLabel: Boolean,
|
||
max: {
|
||
type: [Number, String],
|
||
default: 100
|
||
},
|
||
min: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
step: {
|
||
type: [Number, String],
|
||
default: 1
|
||
},
|
||
thumbColor: String,
|
||
thumbLabel: {
|
||
type: [Boolean, String],
|
||
default: undefined,
|
||
validator: function validator(v) {
|
||
return typeof v === 'boolean' || v === 'always';
|
||
}
|
||
},
|
||
thumbSize: {
|
||
type: [Number, String],
|
||
default: 32
|
||
},
|
||
tickLabels: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
ticks: {
|
||
type: [Boolean, String],
|
||
default: false,
|
||
validator: function validator(v) {
|
||
return typeof v === 'boolean' || v === 'always';
|
||
}
|
||
},
|
||
tickSize: {
|
||
type: [Number, String],
|
||
default: 2
|
||
},
|
||
trackColor: String,
|
||
trackFillColor: String,
|
||
value: [Number, String],
|
||
vertical: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
app: null,
|
||
oldValue: null,
|
||
keyPressed: 0,
|
||
isFocused: false,
|
||
isActive: false,
|
||
noClick: false
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VInput__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-input__slider': true,
|
||
'v-input__slider--vertical': this.vertical,
|
||
'v-input__slider--inverse-label': this.inverseLabel
|
||
});
|
||
},
|
||
internalValue: {
|
||
get: function get() {
|
||
return this.lazyValue;
|
||
},
|
||
set: function set(val) {
|
||
val = isNaN(val) ? this.minValue : val; // Round value to ensure the
|
||
// entire slider range can
|
||
// be selected with step
|
||
|
||
var value = this.roundValue(Math.min(Math.max(val, this.minValue), this.maxValue));
|
||
if (value === this.lazyValue) return;
|
||
this.lazyValue = value;
|
||
this.$emit('input', value);
|
||
}
|
||
},
|
||
trackTransition: function trackTransition() {
|
||
return this.keyPressed >= 2 ? 'none' : '';
|
||
},
|
||
minValue: function minValue() {
|
||
return parseFloat(this.min);
|
||
},
|
||
maxValue: function maxValue() {
|
||
return parseFloat(this.max);
|
||
},
|
||
stepNumeric: function stepNumeric() {
|
||
return this.step > 0 ? parseFloat(this.step) : 0;
|
||
},
|
||
inputWidth: function inputWidth() {
|
||
var value = (this.roundValue(this.internalValue) - this.minValue) / (this.maxValue - this.minValue) * 100;
|
||
return value;
|
||
},
|
||
trackFillStyles: function trackFillStyles() {
|
||
var _a;
|
||
|
||
var startDir = this.vertical ? 'bottom' : 'left';
|
||
var endDir = this.vertical ? 'top' : 'right';
|
||
var valueDir = this.vertical ? 'height' : 'width';
|
||
var start = this.$vuetify.rtl ? 'auto' : '0';
|
||
var end = this.$vuetify.rtl ? '0' : 'auto';
|
||
var value = this.disabled ? "calc(" + this.inputWidth + "% - 10px)" : this.inputWidth + "%";
|
||
return _a = {
|
||
transition: this.trackTransition
|
||
}, _a[startDir] = start, _a[endDir] = end, _a[valueDir] = value, _a;
|
||
},
|
||
trackStyles: function trackStyles() {
|
||
var _a;
|
||
|
||
var startDir = this.vertical ? this.$vuetify.rtl ? 'bottom' : 'top' : this.$vuetify.rtl ? 'left' : 'right';
|
||
var endDir = this.vertical ? 'height' : 'width';
|
||
var start = '0px';
|
||
var end = this.disabled ? "calc(" + (100 - this.inputWidth) + "% - 10px)" : "calc(" + (100 - this.inputWidth) + "%)";
|
||
return _a = {
|
||
transition: this.trackTransition
|
||
}, _a[startDir] = start, _a[endDir] = end, _a;
|
||
},
|
||
showTicks: function showTicks() {
|
||
return this.tickLabels.length > 0 || !!(!this.disabled && this.stepNumeric && this.ticks);
|
||
},
|
||
numTicks: function numTicks() {
|
||
return Math.ceil((this.maxValue - this.minValue) / this.stepNumeric);
|
||
},
|
||
showThumbLabel: function showThumbLabel() {
|
||
return !this.disabled && !!(this.thumbLabel || this.$scopedSlots['thumb-label']);
|
||
},
|
||
computedTrackColor: function computedTrackColor() {
|
||
if (this.disabled) return undefined;
|
||
if (this.trackColor) return this.trackColor;
|
||
if (this.isDark) return this.validationState;
|
||
return this.validationState || 'primary lighten-3';
|
||
},
|
||
computedTrackFillColor: function computedTrackFillColor() {
|
||
if (this.disabled) return undefined;
|
||
if (this.trackFillColor) return this.trackFillColor;
|
||
return this.validationState || this.computedColor;
|
||
},
|
||
computedThumbColor: function computedThumbColor() {
|
||
if (this.thumbColor) return this.thumbColor;
|
||
return this.validationState || this.computedColor;
|
||
}
|
||
},
|
||
watch: {
|
||
min: function min(val) {
|
||
var parsed = parseFloat(val);
|
||
parsed > this.internalValue && this.$emit('input', parsed);
|
||
},
|
||
max: function max(val) {
|
||
var parsed = parseFloat(val);
|
||
parsed < this.internalValue && this.$emit('input', parsed);
|
||
},
|
||
value: {
|
||
handler: function handler(v) {
|
||
this.internalValue = v;
|
||
}
|
||
}
|
||
},
|
||
// If done in as immediate in
|
||
// value watcher, causes issues
|
||
// with vue-test-utils
|
||
beforeMount: function beforeMount() {
|
||
this.internalValue = this.value;
|
||
},
|
||
mounted: function mounted() {
|
||
// Without a v-app, iOS does not work with body selectors
|
||
this.app = document.querySelector('[data-app]') || Object(_util_console__WEBPACK_IMPORTED_MODULE_7__["consoleWarn"])('Missing v-app or a non-body wrapping element with the [data-app] attribute', this);
|
||
},
|
||
methods: {
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
var children = [this.genLabel()];
|
||
var slider = this.genSlider();
|
||
this.inverseLabel ? children.unshift(slider) : children.push(slider);
|
||
children.push(this.genProgress());
|
||
return children;
|
||
},
|
||
genSlider: function genSlider() {
|
||
return this.$createElement('div', {
|
||
class: __assign({
|
||
'v-slider': true,
|
||
'v-slider--horizontal': !this.vertical,
|
||
'v-slider--vertical': this.vertical,
|
||
'v-slider--focused': this.isFocused,
|
||
'v-slider--active': this.isActive,
|
||
'v-slider--disabled': this.disabled,
|
||
'v-slider--readonly': this.readonly
|
||
}, this.themeClasses),
|
||
directives: [{
|
||
name: 'click-outside',
|
||
value: this.onBlur
|
||
}],
|
||
on: {
|
||
click: this.onSliderClick
|
||
}
|
||
}, this.genChildren());
|
||
},
|
||
genChildren: function genChildren() {
|
||
return [this.genInput(), this.genTrackContainer(), this.genSteps(), this.genThumbContainer(this.internalValue, this.inputWidth, this.isActive, this.isFocused, this.onThumbMouseDown, this.onFocus, this.onBlur)];
|
||
},
|
||
genInput: function genInput() {
|
||
return this.$createElement('input', {
|
||
attrs: __assign({
|
||
value: this.internalValue,
|
||
id: this.computedId,
|
||
disabled: this.disabled,
|
||
readonly: true,
|
||
tabindex: -1
|
||
}, this.$attrs)
|
||
});
|
||
},
|
||
genTrackContainer: function genTrackContainer() {
|
||
var children = [this.$createElement('div', this.setBackgroundColor(this.computedTrackColor, {
|
||
staticClass: 'v-slider__track-background',
|
||
style: this.trackStyles
|
||
})), this.$createElement('div', this.setBackgroundColor(this.computedTrackFillColor, {
|
||
staticClass: 'v-slider__track-fill',
|
||
style: this.trackFillStyles
|
||
}))];
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-slider__track-container',
|
||
ref: 'track'
|
||
}, children);
|
||
},
|
||
genSteps: function genSteps() {
|
||
var _this = this;
|
||
|
||
if (!this.step || !this.showTicks) return null;
|
||
var tickSize = parseFloat(this.tickSize);
|
||
var range = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["createRange"])(this.numTicks + 1);
|
||
var direction = this.vertical ? 'bottom' : 'left';
|
||
var offsetDirection = this.vertical ? 'right' : 'top';
|
||
if (this.vertical) range.reverse();
|
||
var ticks = range.map(function (i) {
|
||
var _a;
|
||
|
||
var index = _this.$vuetify.rtl ? _this.maxValue - i : i;
|
||
var children = [];
|
||
|
||
if (_this.tickLabels[index]) {
|
||
children.push(_this.$createElement('div', {
|
||
staticClass: 'v-slider__tick-label'
|
||
}, _this.tickLabels[index]));
|
||
}
|
||
|
||
var width = i * (100 / _this.numTicks);
|
||
var filled = _this.$vuetify.rtl ? 100 - _this.inputWidth < width : width < _this.inputWidth;
|
||
return _this.$createElement('span', {
|
||
key: i,
|
||
staticClass: 'v-slider__tick',
|
||
class: {
|
||
'v-slider__tick--filled': filled
|
||
},
|
||
style: (_a = {
|
||
width: tickSize + "px",
|
||
height: tickSize + "px"
|
||
}, _a[direction] = "calc(" + width + "% - " + tickSize / 2 + "px)", _a[offsetDirection] = "calc(50% - " + tickSize / 2 + "px)", _a)
|
||
}, children);
|
||
});
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-slider__ticks-container',
|
||
class: {
|
||
'v-slider__ticks-container--always-show': this.ticks === 'always' || this.tickLabels.length > 0
|
||
}
|
||
}, ticks);
|
||
},
|
||
genThumbContainer: function genThumbContainer(value, valueWidth, isActive, isFocused, onDrag, onFocus, onBlur, ref) {
|
||
if (ref === void 0) {
|
||
ref = 'thumb';
|
||
}
|
||
|
||
var children = [this.genThumb()];
|
||
var thumbLabelContent = this.genThumbLabelContent(value);
|
||
this.showThumbLabel && children.push(this.genThumbLabel(thumbLabelContent));
|
||
return this.$createElement('div', this.setTextColor(this.computedThumbColor, {
|
||
ref: ref,
|
||
staticClass: 'v-slider__thumb-container',
|
||
class: {
|
||
'v-slider__thumb-container--active': isActive,
|
||
'v-slider__thumb-container--focused': isFocused,
|
||
'v-slider__thumb-container--show-label': this.showThumbLabel
|
||
},
|
||
style: this.getThumbContainerStyles(valueWidth),
|
||
attrs: __assign({
|
||
role: 'slider',
|
||
tabindex: this.disabled || this.readonly ? -1 : this.$attrs.tabindex ? this.$attrs.tabindex : 0,
|
||
'aria-label': this.label,
|
||
'aria-valuemin': this.min,
|
||
'aria-valuemax': this.max,
|
||
'aria-valuenow': this.internalValue,
|
||
'aria-readonly': String(this.readonly),
|
||
'aria-orientation': this.vertical ? 'vertical' : 'horizontal'
|
||
}, this.$attrs),
|
||
on: {
|
||
focus: onFocus,
|
||
blur: onBlur,
|
||
keydown: this.onKeyDown,
|
||
keyup: this.onKeyUp,
|
||
touchstart: onDrag,
|
||
mousedown: onDrag
|
||
}
|
||
}), children);
|
||
},
|
||
genThumbLabelContent: function genThumbLabelContent(value) {
|
||
return this.$scopedSlots['thumb-label'] ? this.$scopedSlots['thumb-label']({
|
||
value: value
|
||
}) : [this.$createElement('span', [String(value)])];
|
||
},
|
||
genThumbLabel: function genThumbLabel(content) {
|
||
var size = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["convertToUnit"])(this.thumbSize);
|
||
var transform = this.vertical ? "translateY(20%) translateY(" + (Number(this.thumbSize) / 3 - 1) + "px) translateX(55%) rotate(135deg)" : "translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg)";
|
||
return this.$createElement(_transitions__WEBPACK_IMPORTED_MODULE_2__["VScaleTransition"], {
|
||
props: {
|
||
origin: 'bottom center'
|
||
}
|
||
}, [this.$createElement('div', {
|
||
staticClass: 'v-slider__thumb-label-container',
|
||
directives: [{
|
||
name: 'show',
|
||
value: this.isFocused || this.isActive || this.thumbLabel === 'always'
|
||
}]
|
||
}, [this.$createElement('div', this.setBackgroundColor(this.computedThumbColor, {
|
||
staticClass: 'v-slider__thumb-label',
|
||
style: {
|
||
height: size,
|
||
width: size,
|
||
transform: transform
|
||
}
|
||
}), [this.$createElement('div', content)])])]);
|
||
},
|
||
genThumb: function genThumb() {
|
||
return this.$createElement('div', this.setBackgroundColor(this.computedThumbColor, {
|
||
staticClass: 'v-slider__thumb'
|
||
}));
|
||
},
|
||
getThumbContainerStyles: function getThumbContainerStyles(width) {
|
||
var _a;
|
||
|
||
var direction = this.vertical ? 'top' : 'left';
|
||
var value = this.$vuetify.rtl ? 100 - width : width;
|
||
value = this.vertical ? 100 - value : value;
|
||
return _a = {
|
||
transition: this.trackTransition
|
||
}, _a[direction] = value + "%", _a;
|
||
},
|
||
onThumbMouseDown: function onThumbMouseDown(e) {
|
||
e.preventDefault();
|
||
this.oldValue = this.internalValue;
|
||
this.keyPressed = 2;
|
||
this.isActive = true;
|
||
var mouseUpOptions = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["passiveSupported"] ? {
|
||
passive: true,
|
||
capture: true
|
||
} : true;
|
||
var mouseMoveOptions = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["passiveSupported"] ? {
|
||
passive: true
|
||
} : false;
|
||
|
||
if ('touches' in e) {
|
||
this.app.addEventListener('touchmove', this.onMouseMove, mouseMoveOptions);
|
||
Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["addOnceEventListener"])(this.app, 'touchend', this.onSliderMouseUp, mouseUpOptions);
|
||
} else {
|
||
this.app.addEventListener('mousemove', this.onMouseMove, mouseMoveOptions);
|
||
Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["addOnceEventListener"])(this.app, 'mouseup', this.onSliderMouseUp, mouseUpOptions);
|
||
}
|
||
|
||
this.$emit('start', this.internalValue);
|
||
},
|
||
onSliderMouseUp: function onSliderMouseUp(e) {
|
||
e.stopPropagation();
|
||
this.keyPressed = 0;
|
||
var mouseMoveOptions = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["passiveSupported"] ? {
|
||
passive: true
|
||
} : false;
|
||
this.app.removeEventListener('touchmove', this.onMouseMove, mouseMoveOptions);
|
||
this.app.removeEventListener('mousemove', this.onMouseMove, mouseMoveOptions);
|
||
this.$emit('end', this.internalValue);
|
||
|
||
if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_6__["deepEqual"])(this.oldValue, this.internalValue)) {
|
||
this.$emit('change', this.internalValue);
|
||
this.noClick = true;
|
||
}
|
||
|
||
this.isActive = false;
|
||
},
|
||
onMouseMove: function onMouseMove(e) {
|
||
var value = this.parseMouseMove(e).value;
|
||
this.internalValue = value;
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
if (this.disabled || this.readonly) return;
|
||
var value = this.parseKeyDown(e, this.internalValue);
|
||
if (value == null) return;
|
||
this.internalValue = value;
|
||
this.$emit('change', value);
|
||
},
|
||
onKeyUp: function onKeyUp() {
|
||
this.keyPressed = 0;
|
||
},
|
||
onSliderClick: function onSliderClick(e) {
|
||
if (this.noClick) {
|
||
this.noClick = false;
|
||
return;
|
||
}
|
||
|
||
var thumb = this.$refs.thumb;
|
||
thumb.focus();
|
||
this.onMouseMove(e);
|
||
this.$emit('change', this.internalValue);
|
||
},
|
||
onBlur: function onBlur(e) {
|
||
this.isFocused = false;
|
||
this.$emit('blur', e);
|
||
},
|
||
onFocus: function onFocus(e) {
|
||
this.isFocused = true;
|
||
this.$emit('focus', e);
|
||
},
|
||
parseMouseMove: function parseMouseMove(e) {
|
||
var start = this.vertical ? 'top' : 'left';
|
||
var length = this.vertical ? 'height' : 'width';
|
||
var click = this.vertical ? 'clientY' : 'clientX';
|
||
|
||
var _a = this.$refs.track.getBoundingClientRect(),
|
||
_b = start,
|
||
trackStart = _a[_b],
|
||
_c = length,
|
||
trackLength = _a[_c];
|
||
|
||
var clickOffset = 'touches' in e ? e.touches[0][click] : e[click]; // Can we get rid of any here?
|
||
// It is possible for left to be NaN, force to number
|
||
|
||
var clickPos = Math.min(Math.max((clickOffset - trackStart) / trackLength, 0), 1) || 0;
|
||
if (this.vertical) clickPos = 1 - clickPos;
|
||
if (this.$vuetify.rtl) clickPos = 1 - clickPos;
|
||
var isInsideTrack = clickOffset >= trackStart && clickOffset <= trackStart + trackLength;
|
||
var value = parseFloat(this.min) + clickPos * (this.maxValue - this.minValue);
|
||
return {
|
||
value: value,
|
||
isInsideTrack: isInsideTrack
|
||
};
|
||
},
|
||
parseKeyDown: function parseKeyDown(e, value) {
|
||
if (this.disabled) return;
|
||
var pageup = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["keyCodes"].pageup,
|
||
pagedown = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["keyCodes"].pagedown,
|
||
end = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["keyCodes"].end,
|
||
home = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["keyCodes"].home,
|
||
left = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["keyCodes"].left,
|
||
right = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["keyCodes"].right,
|
||
down = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["keyCodes"].down,
|
||
up = _util_helpers__WEBPACK_IMPORTED_MODULE_6__["keyCodes"].up;
|
||
if (![pageup, pagedown, end, home, left, right, down, up].includes(e.keyCode)) return;
|
||
e.preventDefault();
|
||
var step = this.stepNumeric || 1;
|
||
var steps = (this.maxValue - this.minValue) / step;
|
||
|
||
if ([left, right, down, up].includes(e.keyCode)) {
|
||
this.keyPressed += 1;
|
||
var increase = this.$vuetify.rtl ? [left, up] : [right, up];
|
||
var direction = increase.includes(e.keyCode) ? 1 : -1;
|
||
var multiplier = e.shiftKey ? 3 : e.ctrlKey ? 2 : 1;
|
||
value = value + direction * step * multiplier;
|
||
} else if (e.keyCode === home) {
|
||
value = this.minValue;
|
||
} else if (e.keyCode === end) {
|
||
value = this.maxValue;
|
||
} else {
|
||
var direction = e.keyCode === pagedown ? 1 : -1;
|
||
value = value - direction * step * (steps > 100 ? steps / 10 : 10);
|
||
}
|
||
|
||
return value;
|
||
},
|
||
roundValue: function roundValue(value) {
|
||
if (!this.stepNumeric) return value; // Format input value using the same number
|
||
// of decimals places as in the step prop
|
||
|
||
var trimmedStep = this.step.toString().trim();
|
||
var decimals = trimmedStep.indexOf('.') > -1 ? trimmedStep.length - trimmedStep.indexOf('.') - 1 : 0;
|
||
var offset = this.minValue % this.stepNumeric;
|
||
var newValue = Math.round((value - offset) / this.stepNumeric) * this.stepNumeric + offset;
|
||
return parseFloat(Math.min(newValue, this.maxValue).toFixed(decimals));
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSlider/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VSlider/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VSlider, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSlider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSlider */ "./src/components/VSlider/VSlider.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlider", function() { return _VSlider__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSlider__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSnackbar/VSnackbar.sass":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VSnackbar/VSnackbar.sass ***!
|
||
\*************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSnackbar/VSnackbar.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VSnackbar/VSnackbar.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSnackbar_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSnackbar.sass */ "./src/components/VSnackbar/VSnackbar.sass");
|
||
/* harmony import */ var _VSnackbar_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSnackbar_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
// Styles
|
||
// Mixins
|
||
|
||
|
||
|
||
// Types
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_2__["default"], Object(_mixins_positionable__WEBPACK_IMPORTED_MODULE_3__["factory"])(['absolute', 'top', 'bottom', 'left', 'right'])
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-snackbar',
|
||
props: {
|
||
multiLine: Boolean,
|
||
// TODO: change this to closeDelay to match other API in delayable.js
|
||
timeout: {
|
||
type: Number,
|
||
default: 6000
|
||
},
|
||
vertical: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
activeTimeout: -1
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return {
|
||
'v-snack--active': this.isActive,
|
||
'v-snack--absolute': this.absolute,
|
||
'v-snack--bottom': this.bottom || !this.top,
|
||
'v-snack--left': this.left,
|
||
'v-snack--multi-line': this.multiLine && !this.vertical,
|
||
'v-snack--right': this.right,
|
||
'v-snack--top': this.top,
|
||
'v-snack--vertical': this.vertical
|
||
};
|
||
}
|
||
},
|
||
watch: {
|
||
isActive: function isActive() {
|
||
this.setTimeout();
|
||
}
|
||
},
|
||
created: function created() {
|
||
if (this.$attrs.hasOwnProperty('auto-height')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_5__["removed"])('auto-height', this);
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.setTimeout();
|
||
},
|
||
methods: {
|
||
setTimeout: function setTimeout() {
|
||
var _this = this;
|
||
|
||
window.clearTimeout(this.activeTimeout);
|
||
|
||
if (this.isActive && this.timeout) {
|
||
this.activeTimeout = window.setTimeout(function () {
|
||
_this.isActive = false;
|
||
}, this.timeout);
|
||
}
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('transition', {
|
||
attrs: {
|
||
name: 'v-snack-transition'
|
||
}
|
||
}, [this.isActive && h('div', {
|
||
staticClass: 'v-snack',
|
||
class: this.classes,
|
||
on: this.$listeners
|
||
}, [h('div', this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-snack__wrapper',
|
||
attrs: {
|
||
role: 'alert'
|
||
}
|
||
}), [h('div', {
|
||
staticClass: 'v-snack__content'
|
||
}, this.$slots.default)])])]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSnackbar/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VSnackbar/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VSnackbar, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSnackbar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSnackbar */ "./src/components/VSnackbar/VSnackbar.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSnackbar", function() { return _VSnackbar__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSnackbar__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSparkline/VSparkline.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VSparkline/VSparkline.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _helpers_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers/core */ "./src/components/VSparkline/helpers/core.ts");
|
||
/* harmony import */ var _helpers_path__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers/path */ "./src/components/VSparkline/helpers/path.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Mixins
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_1__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_0__["default"]).extend({
|
||
name: 'VSparkline',
|
||
inheritAttrs: false,
|
||
props: {
|
||
autoDraw: Boolean,
|
||
autoDrawDuration: {
|
||
type: Number,
|
||
default: 2000
|
||
},
|
||
autoDrawEasing: {
|
||
type: String,
|
||
default: 'ease'
|
||
},
|
||
autoLineWidth: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
fill: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
gradient: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
gradientDirection: {
|
||
type: String,
|
||
validator: function validator(val) {
|
||
return ['top', 'bottom', 'left', 'right'].includes(val);
|
||
},
|
||
default: 'top'
|
||
},
|
||
height: {
|
||
type: [String, Number],
|
||
default: 75
|
||
},
|
||
labels: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
labelSize: {
|
||
type: [Number, String],
|
||
default: 7
|
||
},
|
||
lineWidth: {
|
||
type: [String, Number],
|
||
default: 4
|
||
},
|
||
padding: {
|
||
type: [String, Number],
|
||
default: 8
|
||
},
|
||
showLabels: Boolean,
|
||
smooth: {
|
||
type: [Boolean, Number, String],
|
||
default: false
|
||
},
|
||
type: {
|
||
type: String,
|
||
default: 'trend',
|
||
validator: function validator(val) {
|
||
return ['trend', 'bar'].includes(val);
|
||
}
|
||
},
|
||
value: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
width: {
|
||
type: [Number, String],
|
||
default: 300
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
lastLength: 0
|
||
};
|
||
},
|
||
computed: {
|
||
parsedPadding: function parsedPadding() {
|
||
return Number(this.padding);
|
||
},
|
||
parsedWidth: function parsedWidth() {
|
||
return Number(this.width);
|
||
},
|
||
parsedHeight: function parsedHeight() {
|
||
return parseInt(this.height, 10);
|
||
},
|
||
parsedLabelSize: function parsedLabelSize() {
|
||
return parseInt(this.labelSize, 10) || 7;
|
||
},
|
||
totalHeight: function totalHeight() {
|
||
var height = this.parsedHeight;
|
||
if (this.hasLabels) height += parseInt(this.labelSize, 10) * 1.5;
|
||
return height;
|
||
},
|
||
totalWidth: function totalWidth() {
|
||
var width = this.parsedWidth;
|
||
if (this.type === 'bar') width = Math.max(this.value.length * this._lineWidth, width);
|
||
return width;
|
||
},
|
||
totalValues: function totalValues() {
|
||
return this.value.length;
|
||
},
|
||
_lineWidth: function _lineWidth() {
|
||
if (this.autoLineWidth && this.type !== 'trend') {
|
||
var totalPadding = this.parsedPadding * (this.totalValues + 1);
|
||
return (this.parsedWidth - totalPadding) / this.totalValues;
|
||
} else {
|
||
return parseFloat(this.lineWidth) || 4;
|
||
}
|
||
},
|
||
boundary: function boundary() {
|
||
if (this.type === 'bar') return {
|
||
minX: 0,
|
||
maxX: this.totalWidth,
|
||
minY: 0,
|
||
maxY: this.parsedHeight
|
||
};
|
||
var padding = this.parsedPadding;
|
||
return {
|
||
minX: padding,
|
||
maxX: this.totalWidth - padding,
|
||
minY: padding,
|
||
maxY: this.parsedHeight - padding
|
||
};
|
||
},
|
||
hasLabels: function hasLabels() {
|
||
return Boolean(this.showLabels || this.labels.length > 0 || this.$scopedSlots.label);
|
||
},
|
||
parsedLabels: function parsedLabels() {
|
||
var labels = [];
|
||
var points = this._values;
|
||
var len = points.length;
|
||
|
||
for (var i = 0; labels.length < len; i++) {
|
||
var item = points[i];
|
||
var value = this.labels[i];
|
||
|
||
if (!value) {
|
||
value = _typeof(item) === 'object' ? item.value : item;
|
||
}
|
||
|
||
labels.push({
|
||
x: item.x,
|
||
value: String(value)
|
||
});
|
||
}
|
||
|
||
return labels;
|
||
},
|
||
normalizedValues: function normalizedValues() {
|
||
return this.value.map(function (item) {
|
||
return typeof item === 'number' ? item : item.value;
|
||
});
|
||
},
|
||
_values: function _values() {
|
||
return this.type === 'trend' ? Object(_helpers_core__WEBPACK_IMPORTED_MODULE_2__["genPoints"])(this.normalizedValues, this.boundary) : Object(_helpers_core__WEBPACK_IMPORTED_MODULE_2__["genBars"])(this.normalizedValues, this.boundary);
|
||
},
|
||
textY: function textY() {
|
||
var y = this.parsedHeight;
|
||
if (this.type === 'trend') y -= 4;
|
||
return y;
|
||
},
|
||
_radius: function _radius() {
|
||
return this.smooth === true ? 8 : Number(this.smooth);
|
||
}
|
||
},
|
||
watch: {
|
||
value: {
|
||
immediate: true,
|
||
handler: function handler() {
|
||
var _this = this;
|
||
|
||
this.$nextTick(function () {
|
||
if (!_this.autoDraw || _this.type === 'bar' || !_this.$refs.path) return;
|
||
var path = _this.$refs.path;
|
||
var length = path.getTotalLength();
|
||
|
||
if (!_this.fill) {
|
||
path.style.transition = 'none';
|
||
path.style.strokeDasharray = length + ' ' + length;
|
||
path.style.strokeDashoffset = Math.abs(length - (_this.lastLength || 0)).toString();
|
||
path.getBoundingClientRect();
|
||
path.style.transition = "stroke-dashoffset " + _this.autoDrawDuration + "ms " + _this.autoDrawEasing;
|
||
path.style.strokeDashoffset = '0';
|
||
} else {
|
||
path.style.transformOrigin = 'bottom center';
|
||
path.style.transition = 'none';
|
||
path.style.transform = "scaleY(0)";
|
||
path.getBoundingClientRect();
|
||
path.style.transition = "transform " + _this.autoDrawDuration + "ms " + _this.autoDrawEasing;
|
||
path.style.transform = "scaleY(1)";
|
||
}
|
||
|
||
_this.lastLength = length;
|
||
});
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
genGradient: function genGradient() {
|
||
var _this = this;
|
||
|
||
var gradientDirection = this.gradientDirection;
|
||
var gradient = this.gradient.slice(); // Pushes empty string to force
|
||
// a fallback to currentColor
|
||
|
||
if (!gradient.length) gradient.push('');
|
||
var len = Math.max(gradient.length - 1, 1);
|
||
var stops = gradient.reverse().map(function (color, index) {
|
||
return _this.$createElement('stop', {
|
||
attrs: {
|
||
offset: index / len,
|
||
'stop-color': color || _this.color || 'currentColor'
|
||
}
|
||
});
|
||
});
|
||
return this.$createElement('defs', [this.$createElement('linearGradient', {
|
||
attrs: {
|
||
id: this._uid,
|
||
x1: +(gradientDirection === 'left'),
|
||
y1: +(gradientDirection === 'top'),
|
||
x2: +(gradientDirection === 'right'),
|
||
y2: +(gradientDirection === 'bottom')
|
||
}
|
||
}, stops)]);
|
||
},
|
||
genG: function genG(children) {
|
||
return this.$createElement('g', {
|
||
style: {
|
||
fontSize: '8',
|
||
textAnchor: 'middle',
|
||
dominantBaseline: 'mathematical',
|
||
fill: this.color || 'currentColor'
|
||
}
|
||
}, children);
|
||
},
|
||
genPath: function genPath() {
|
||
var points = Object(_helpers_core__WEBPACK_IMPORTED_MODULE_2__["genPoints"])(this.normalizedValues, this.boundary);
|
||
return this.$createElement('path', {
|
||
attrs: {
|
||
id: this._uid,
|
||
d: Object(_helpers_path__WEBPACK_IMPORTED_MODULE_3__["genPath"])(points, this._radius, this.fill, this.parsedHeight),
|
||
fill: this.fill ? "url(#" + this._uid + ")" : 'none',
|
||
stroke: this.fill ? 'none' : "url(#" + this._uid + ")"
|
||
},
|
||
ref: 'path'
|
||
});
|
||
},
|
||
genLabels: function genLabels(offsetX) {
|
||
var _this = this;
|
||
|
||
var children = this.parsedLabels.map(function (item, i) {
|
||
return _this.$createElement('text', {
|
||
attrs: {
|
||
x: item.x + offsetX + _this._lineWidth / 2,
|
||
y: _this.textY + _this.parsedLabelSize * 0.75,
|
||
'font-size': Number(_this.labelSize) || 7
|
||
}
|
||
}, [_this.genLabel(item, i)]);
|
||
});
|
||
return this.genG(children);
|
||
},
|
||
genLabel: function genLabel(item, index) {
|
||
return this.$scopedSlots.label ? this.$scopedSlots.label({
|
||
index: index,
|
||
value: item.value
|
||
}) : item.value;
|
||
},
|
||
genBars: function genBars() {
|
||
if (!this.value || this.totalValues < 2) return undefined;
|
||
|
||
var bars = Object(_helpers_core__WEBPACK_IMPORTED_MODULE_2__["genBars"])(this.normalizedValues, this.boundary);
|
||
|
||
var offsetX = (Math.abs(bars[0].x - bars[1].x) - this._lineWidth) / 2;
|
||
return this.$createElement('svg', {
|
||
attrs: {
|
||
display: 'block',
|
||
viewBox: "0 0 " + this.totalWidth + " " + this.totalHeight
|
||
}
|
||
}, [this.genGradient(), this.genClipPath(bars, offsetX, this._lineWidth, 'sparkline-bar-' + this._uid), this.hasLabels ? this.genLabels(offsetX) : undefined, this.$createElement('g', {
|
||
attrs: {
|
||
'clip-path': "url(#sparkline-bar-" + this._uid + "-clip)",
|
||
fill: "url(#" + this._uid + ")"
|
||
}
|
||
}, [this.$createElement('rect', {
|
||
attrs: {
|
||
x: 0,
|
||
y: 0,
|
||
width: this.totalWidth,
|
||
height: this.height
|
||
}
|
||
})])]);
|
||
},
|
||
genClipPath: function genClipPath(bars, offsetX, lineWidth, id) {
|
||
var _this = this;
|
||
|
||
var rounding = typeof this.smooth === 'number' ? this.smooth : this.smooth ? 2 : 0;
|
||
return this.$createElement('clipPath', {
|
||
attrs: {
|
||
id: id + "-clip"
|
||
}
|
||
}, bars.map(function (item) {
|
||
return _this.$createElement('rect', {
|
||
attrs: {
|
||
x: item.x + offsetX,
|
||
y: item.y,
|
||
width: lineWidth,
|
||
height: item.height,
|
||
rx: rounding,
|
||
ry: rounding
|
||
}
|
||
}, [_this.autoDraw ? _this.$createElement('animate', {
|
||
attrs: {
|
||
attributeName: 'height',
|
||
from: 0,
|
||
to: item.height,
|
||
dur: _this.autoDrawDuration + "ms",
|
||
fill: 'freeze'
|
||
}
|
||
}) : undefined]);
|
||
}));
|
||
},
|
||
genTrend: function genTrend() {
|
||
return this.$createElement('svg', this.setTextColor(this.color, {
|
||
attrs: __assign({}, this.$attrs, {
|
||
display: 'block',
|
||
'stroke-width': this._lineWidth || 1,
|
||
viewBox: "0 0 " + this.width + " " + this.totalHeight
|
||
})
|
||
}), [this.genGradient(), this.hasLabels && this.genLabels(-(this._lineWidth / 2)), this.genPath()]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
if (this.totalValues < 2) return undefined;
|
||
return this.type === 'trend' ? this.genTrend() : this.genBars();
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSparkline/helpers/core.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VSparkline/helpers/core.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: genPoints, genBars */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "genPoints", function() { return genPoints; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "genBars", function() { return genBars; });
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
function genPoints(values, boundary) {
|
||
var minX = boundary.minX,
|
||
maxX = boundary.maxX,
|
||
minY = boundary.minY,
|
||
maxY = boundary.maxY;
|
||
var totalValues = values.length;
|
||
var maxValue = Math.max.apply(Math, __spread(values));
|
||
var minValue = Math.min.apply(Math, __spread(values));
|
||
var gridX = (maxX - minX) / (totalValues - 1);
|
||
var gridY = (maxY - minY) / (maxValue - minValue || 1);
|
||
return values.map(function (value, index) {
|
||
return {
|
||
x: minX + index * gridX,
|
||
y: maxY - (value - minValue) * gridY + +(index === totalValues - 1) * 0.00001 - +(index === 0) * 0.00001,
|
||
value: value
|
||
};
|
||
});
|
||
}
|
||
function genBars(values, boundary) {
|
||
var minX = boundary.minX,
|
||
maxX = boundary.maxX,
|
||
minY = boundary.minY,
|
||
maxY = boundary.maxY;
|
||
var totalValues = values.length;
|
||
var maxValue = Math.max.apply(Math, __spread(values));
|
||
var minValue = Math.min.apply(Math, __spread(values));
|
||
if (minValue > 0) minValue = 0;
|
||
if (maxValue < 0) maxValue = 0;
|
||
var gridX = maxX / totalValues;
|
||
var gridY = (maxY - minY) / (maxValue - minValue);
|
||
var horizonY = maxY - Math.abs(minValue * gridY);
|
||
return values.map(function (value, index) {
|
||
var height = Math.abs(gridY * value);
|
||
return {
|
||
x: minX + index * gridX,
|
||
y: horizonY - height + +(value < 0) * height,
|
||
height: height,
|
||
value: value
|
||
};
|
||
});
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSparkline/helpers/math.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VSparkline/helpers/math.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: checkCollinear, getDistance, moveTo */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "checkCollinear", function() { return checkCollinear; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDistance", function() { return getDistance; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "moveTo", function() { return moveTo; });
|
||
function int(value) {
|
||
return parseInt(value, 10);
|
||
}
|
||
/**
|
||
* https://en.wikipedia.org/wiki/Collinearity
|
||
* x=(x1+x2)/2
|
||
* y=(y1+y2)/2
|
||
*/
|
||
|
||
|
||
function checkCollinear(p0, p1, p2) {
|
||
return int(p0.x + p2.x) === int(2 * p1.x) && int(p0.y + p2.y) === int(2 * p1.y);
|
||
}
|
||
function getDistance(p1, p2) {
|
||
return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
|
||
}
|
||
function moveTo(to, from, radius) {
|
||
var vector = {
|
||
x: to.x - from.x,
|
||
y: to.y - from.y
|
||
};
|
||
var length = Math.sqrt(vector.x * vector.x + vector.y * vector.y);
|
||
var unitVector = {
|
||
x: vector.x / length,
|
||
y: vector.y / length
|
||
};
|
||
return {
|
||
x: from.x + unitVector.x * radius,
|
||
y: from.y + unitVector.y * radius
|
||
};
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSparkline/helpers/path.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VSparkline/helpers/path.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: genPath */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "genPath", function() { return genPath; });
|
||
/* harmony import */ var _math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./math */ "./src/components/VSparkline/helpers/math.ts");
|
||
|
||
/**
|
||
* From https://github.com/unsplash/react-trend/blob/master/src/helpers/DOM.helpers.js#L18
|
||
*/
|
||
|
||
function genPath(points, radius, fill, height) {
|
||
if (fill === void 0) {
|
||
fill = false;
|
||
}
|
||
|
||
if (height === void 0) {
|
||
height = 75;
|
||
}
|
||
|
||
var start = points.shift();
|
||
var end = points[points.length - 1];
|
||
return (fill ? "M" + start.x + " " + (height - start.x + 2) + " L" + start.x + " " + start.y : "M" + start.x + " " + start.y) + points.map(function (point, index) {
|
||
var next = points[index + 1];
|
||
var prev = points[index - 1] || start;
|
||
var isCollinear = next && Object(_math__WEBPACK_IMPORTED_MODULE_0__["checkCollinear"])(next, point, prev);
|
||
|
||
if (!next || isCollinear) {
|
||
return "L" + point.x + " " + point.y;
|
||
}
|
||
|
||
var threshold = Math.min(Object(_math__WEBPACK_IMPORTED_MODULE_0__["getDistance"])(prev, point), Object(_math__WEBPACK_IMPORTED_MODULE_0__["getDistance"])(next, point));
|
||
var isTooCloseForRadius = threshold / 2 < radius;
|
||
var radiusForPoint = isTooCloseForRadius ? threshold / 2 : radius;
|
||
var before = Object(_math__WEBPACK_IMPORTED_MODULE_0__["moveTo"])(prev, point, radiusForPoint);
|
||
var after = Object(_math__WEBPACK_IMPORTED_MODULE_0__["moveTo"])(next, point, radiusForPoint);
|
||
return "L" + before.x + " " + before.y + "S" + point.x + " " + point.y + " " + after.x + " " + after.y;
|
||
}).join('') + (fill ? "L" + end.x + " " + (height - start.x + 2) + " Z" : '');
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSparkline/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VSparkline/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VSparkline, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSparkline__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSparkline */ "./src/components/VSparkline/VSparkline.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSparkline", function() { return _VSparkline__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSparkline__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSpeedDial/VSpeedDial.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VSpeedDial/VSpeedDial.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSpeedDial/VSpeedDial.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VSpeedDial/VSpeedDial.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSpeedDial_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSpeedDial.sass */ "./src/components/VSpeedDial/VSpeedDial.sass");
|
||
/* harmony import */ var _VSpeedDial_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSpeedDial_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _mixins_positionable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/positionable */ "./src/mixins/positionable/index.ts");
|
||
/* harmony import */ var _mixins_transitionable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/transitionable */ "./src/mixins/transitionable/index.ts");
|
||
/* harmony import */ var _directives_click_outside__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../directives/click-outside */ "./src/directives/click-outside/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Styles
|
||
// Mixins
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Types
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_mixins_positionable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_transitionable__WEBPACK_IMPORTED_MODULE_3__["default"]).extend({
|
||
name: 'v-speed-dial',
|
||
directives: {
|
||
ClickOutside: _directives_click_outside__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||
},
|
||
props: {
|
||
direction: {
|
||
type: String,
|
||
default: 'top',
|
||
validator: function validator(val) {
|
||
return ['top', 'right', 'bottom', 'left'].includes(val);
|
||
}
|
||
},
|
||
openOnHover: Boolean,
|
||
transition: {
|
||
type: String,
|
||
default: 'scale-transition'
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
var _a;
|
||
|
||
return _a = {
|
||
'v-speed-dial': true,
|
||
'v-speed-dial--top': this.top,
|
||
'v-speed-dial--right': this.right,
|
||
'v-speed-dial--bottom': this.bottom,
|
||
'v-speed-dial--left': this.left,
|
||
'v-speed-dial--absolute': this.absolute,
|
||
'v-speed-dial--fixed': this.fixed
|
||
}, _a["v-speed-dial--direction-" + this.direction] = true, _a['v-speed-dial--is-active'] = this.isActive, _a;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
var children = [];
|
||
var data = {
|
||
class: this.classes,
|
||
directives: [{
|
||
name: 'click-outside',
|
||
value: function value() {
|
||
return _this.isActive = false;
|
||
}
|
||
}],
|
||
on: {
|
||
click: function click() {
|
||
return _this.isActive = !_this.isActive;
|
||
}
|
||
}
|
||
};
|
||
|
||
if (this.openOnHover) {
|
||
data.on.mouseenter = function () {
|
||
return _this.isActive = true;
|
||
};
|
||
|
||
data.on.mouseleave = function () {
|
||
return _this.isActive = false;
|
||
};
|
||
}
|
||
|
||
if (this.isActive) {
|
||
var btnCount_1 = 0;
|
||
children = (this.$slots.default || []).map(function (b, i) {
|
||
if (b.tag && typeof b.componentOptions !== 'undefined' && (b.componentOptions.Ctor.options.name === 'v-btn' || b.componentOptions.Ctor.options.name === 'v-tooltip')) {
|
||
btnCount_1++;
|
||
return h('div', {
|
||
style: {
|
||
transitionDelay: btnCount_1 * 0.05 + 's'
|
||
},
|
||
key: i
|
||
}, [b]);
|
||
} else {
|
||
b.key = i;
|
||
return b;
|
||
}
|
||
});
|
||
}
|
||
|
||
var list = h('transition-group', {
|
||
class: 'v-speed-dial__list',
|
||
props: {
|
||
name: this.transition,
|
||
mode: this.mode,
|
||
origin: this.origin,
|
||
tag: 'div'
|
||
}
|
||
}, children);
|
||
return h('div', data, [this.$slots.activator, list]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSpeedDial/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VSpeedDial/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VSpeedDial, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSpeedDial__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSpeedDial */ "./src/components/VSpeedDial/VSpeedDial.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSpeedDial", function() { return _VSpeedDial__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSpeedDial__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VStepper/VStepper.sass":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VStepper/VStepper.sass ***!
|
||
\***********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VStepper/VStepper.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VStepper/VStepper.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VStepper_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VStepper.sass */ "./src/components/VStepper/VStepper.sass");
|
||
/* harmony import */ var _VStepper_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VStepper_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _mixins_proxyable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/proxyable */ "./src/mixins/proxyable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_1__["provide"])('stepper'), _mixins_proxyable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-stepper',
|
||
provide: function provide() {
|
||
return {
|
||
stepClick: this.stepClick,
|
||
isVertical: this.vertical
|
||
};
|
||
},
|
||
props: {
|
||
altLabels: Boolean,
|
||
nonLinear: Boolean,
|
||
vertical: Boolean
|
||
},
|
||
data: function data() {
|
||
var data = {
|
||
isBooted: false,
|
||
steps: [],
|
||
content: [],
|
||
isReverse: false
|
||
};
|
||
data.internalLazyValue = this.value != null ? this.value : (data[0] || {}).step || 1;
|
||
return data;
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-stepper--is-booted': this.isBooted,
|
||
'v-stepper--vertical': this.vertical,
|
||
'v-stepper--alt-labels': this.altLabels,
|
||
'v-stepper--non-linear': this.nonLinear
|
||
}, this.themeClasses);
|
||
}
|
||
},
|
||
watch: {
|
||
internalValue: function internalValue(val, oldVal) {
|
||
this.isReverse = Number(val) < Number(oldVal);
|
||
oldVal && (this.isBooted = true);
|
||
this.updateView();
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$listeners.input) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_5__["breaking"])('@input', '@change', this);
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.updateView();
|
||
},
|
||
methods: {
|
||
register: function register(item) {
|
||
if (item.$options.name === 'v-stepper-step') {
|
||
this.steps.push(item);
|
||
} else if (item.$options.name === 'v-stepper-content') {
|
||
item.isVertical = this.vertical;
|
||
this.content.push(item);
|
||
}
|
||
},
|
||
unregister: function unregister(item) {
|
||
if (item.$options.name === 'v-stepper-step') {
|
||
this.steps = this.steps.filter(function (i) {
|
||
return i !== item;
|
||
});
|
||
} else if (item.$options.name === 'v-stepper-content') {
|
||
item.isVertical = this.vertical;
|
||
this.content = this.content.filter(function (i) {
|
||
return i !== item;
|
||
});
|
||
}
|
||
},
|
||
stepClick: function stepClick(step) {
|
||
var _this = this;
|
||
|
||
this.$nextTick(function () {
|
||
return _this.internalValue = step;
|
||
});
|
||
},
|
||
updateView: function updateView() {
|
||
for (var index = this.steps.length; --index >= 0;) {
|
||
this.steps[index].toggle(this.internalValue);
|
||
}
|
||
|
||
for (var index = this.content.length; --index >= 0;) {
|
||
this.content[index].toggle(this.internalValue, this.isReverse);
|
||
}
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-stepper',
|
||
class: this.classes
|
||
}, this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VStepper/VStepperContent.ts":
|
||
/*!****************************************************!*\
|
||
!*** ./src/components/VStepper/VStepperContent.ts ***!
|
||
\****************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Components
|
||
// Mixins
|
||
|
||
// Helpers
|
||
|
||
// Utilities
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_1__["inject"])('stepper', 'v-stepper-content', 'v-stepper'));
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-stepper-content',
|
||
inject: {
|
||
isVerticalProvided: {
|
||
from: 'isVertical'
|
||
}
|
||
},
|
||
props: {
|
||
step: {
|
||
type: [Number, String],
|
||
required: true
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
height: 0,
|
||
// Must be null to allow
|
||
// previous comparison
|
||
isActive: null,
|
||
isReverse: false,
|
||
isVertical: this.isVerticalProvided
|
||
};
|
||
},
|
||
computed: {
|
||
computedTransition: function computedTransition() {
|
||
// Fix for #8978
|
||
var reverse = this.$vuetify.rtl ? !this.isReverse : this.isReverse;
|
||
return reverse ? _transitions__WEBPACK_IMPORTED_MODULE_0__["VTabReverseTransition"] : _transitions__WEBPACK_IMPORTED_MODULE_0__["VTabTransition"];
|
||
},
|
||
styles: function styles() {
|
||
if (!this.isVertical) return {};
|
||
return {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["convertToUnit"])(this.height)
|
||
};
|
||
}
|
||
},
|
||
watch: {
|
||
isActive: function isActive(current, previous) {
|
||
// If active and the previous state
|
||
// was null, is just booting up
|
||
if (current && previous == null) {
|
||
this.height = 'auto';
|
||
return;
|
||
}
|
||
|
||
if (!this.isVertical) return;
|
||
if (this.isActive) this.enter();else this.leave();
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.$refs.wrapper.addEventListener('transitionend', this.onTransition, false);
|
||
this.stepper && this.stepper.register(this);
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.$refs.wrapper.removeEventListener('transitionend', this.onTransition, false);
|
||
this.stepper && this.stepper.unregister(this);
|
||
},
|
||
methods: {
|
||
onTransition: function onTransition(e) {
|
||
if (!this.isActive || e.propertyName !== 'height') return;
|
||
this.height = 'auto';
|
||
},
|
||
enter: function enter() {
|
||
var _this = this;
|
||
|
||
var scrollHeight = 0; // Render bug with height
|
||
|
||
requestAnimationFrame(function () {
|
||
scrollHeight = _this.$refs.wrapper.scrollHeight;
|
||
});
|
||
this.height = 0; // Give the collapsing element time to collapse
|
||
|
||
setTimeout(function () {
|
||
return _this.isActive && (_this.height = scrollHeight || 'auto');
|
||
}, 450);
|
||
},
|
||
leave: function leave() {
|
||
var _this = this;
|
||
|
||
this.height = this.$refs.wrapper.clientHeight;
|
||
setTimeout(function () {
|
||
return _this.height = 0;
|
||
}, 10);
|
||
},
|
||
toggle: function toggle(step, reverse) {
|
||
this.isActive = step.toString() === this.step.toString();
|
||
this.isReverse = reverse;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var contentData = {
|
||
staticClass: 'v-stepper__content'
|
||
};
|
||
var wrapperData = {
|
||
staticClass: 'v-stepper__wrapper',
|
||
style: this.styles,
|
||
ref: 'wrapper'
|
||
};
|
||
|
||
if (!this.isVertical) {
|
||
contentData.directives = [{
|
||
name: 'show',
|
||
value: this.isActive
|
||
}];
|
||
}
|
||
|
||
var wrapper = h('div', wrapperData, [this.$slots.default]);
|
||
var content = h('div', contentData, [wrapper]);
|
||
return h(this.computedTransition, {
|
||
on: this.$listeners
|
||
}, [content]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VStepper/VStepperStep.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VStepper/VStepperStep.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Components
|
||
// Mixins
|
||
|
||
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_2__["inject"])('stepper', 'v-stepper-step', 'v-stepper'));
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-stepper-step',
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_3__["default"]
|
||
},
|
||
inject: ['stepClick'],
|
||
props: {
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
complete: Boolean,
|
||
completeIcon: {
|
||
type: String,
|
||
default: '$complete'
|
||
},
|
||
editable: Boolean,
|
||
editIcon: {
|
||
type: String,
|
||
default: '$edit'
|
||
},
|
||
errorIcon: {
|
||
type: String,
|
||
default: '$error'
|
||
},
|
||
rules: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
step: [Number, String]
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: false,
|
||
isInactive: true
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return {
|
||
'v-stepper__step--active': this.isActive,
|
||
'v-stepper__step--editable': this.editable,
|
||
'v-stepper__step--inactive': this.isInactive,
|
||
'v-stepper__step--error error--text': this.hasError,
|
||
'v-stepper__step--complete': this.complete
|
||
};
|
||
},
|
||
hasError: function hasError() {
|
||
return this.rules.some(function (validate) {
|
||
return validate() !== true;
|
||
});
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.stepper && this.stepper.register(this);
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.stepper && this.stepper.unregister(this);
|
||
},
|
||
methods: {
|
||
click: function click(e) {
|
||
e.stopPropagation();
|
||
this.$emit('click', e);
|
||
|
||
if (this.editable) {
|
||
this.stepClick(this.step);
|
||
}
|
||
},
|
||
genIcon: function genIcon(icon) {
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_0__["default"], icon);
|
||
},
|
||
genLabel: function genLabel() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-stepper__label'
|
||
}, this.$slots.default);
|
||
},
|
||
genStep: function genStep() {
|
||
var color = !this.hasError && (this.complete || this.isActive) ? this.color : false;
|
||
return this.$createElement('span', this.setBackgroundColor(color, {
|
||
staticClass: 'v-stepper__step__step'
|
||
}), this.genStepContent());
|
||
},
|
||
genStepContent: function genStepContent() {
|
||
var children = [];
|
||
|
||
if (this.hasError) {
|
||
children.push(this.genIcon(this.errorIcon));
|
||
} else if (this.complete) {
|
||
if (this.editable) {
|
||
children.push(this.genIcon(this.editIcon));
|
||
} else {
|
||
children.push(this.genIcon(this.completeIcon));
|
||
}
|
||
} else {
|
||
children.push(String(this.step));
|
||
}
|
||
|
||
return children;
|
||
},
|
||
toggle: function toggle(step) {
|
||
this.isActive = step.toString() === this.step.toString();
|
||
this.isInactive = Number(step) < Number(this.step);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-stepper__step',
|
||
class: this.classes,
|
||
directives: [{
|
||
name: 'ripple',
|
||
value: this.editable
|
||
}],
|
||
on: {
|
||
click: this.click
|
||
}
|
||
}, [this.genStep(), this.genLabel()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VStepper/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VStepper/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: VStepper, VStepperContent, VStepperStep, VStepperHeader, VStepperItems, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VStepperHeader", function() { return VStepperHeader; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VStepperItems", function() { return VStepperItems; });
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _VStepper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VStepper */ "./src/components/VStepper/VStepper.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VStepper", function() { return _VStepper__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VStepperStep__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VStepperStep */ "./src/components/VStepper/VStepperStep.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VStepperStep", function() { return _VStepperStep__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _VStepperContent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VStepperContent */ "./src/components/VStepper/VStepperContent.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VStepperContent", function() { return _VStepperContent__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
var VStepperHeader = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["createSimpleFunctional"])('v-stepper__header');
|
||
var VStepperItems = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["createSimpleFunctional"])('v-stepper__items');
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VStepper: _VStepper__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VStepperContent: _VStepperContent__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||
VStepperStep: _VStepperStep__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||
VStepperHeader: VStepperHeader,
|
||
VStepperItems: VStepperItems
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSubheader/VSubheader.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VSubheader/VSubheader.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSubheader/VSubheader.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VSubheader/VSubheader.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSubheader_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSubheader.sass */ "./src/components/VSubheader/VSubheader.sass");
|
||
/* harmony import */ var _VSubheader_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSubheader_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-subheader',
|
||
props: {
|
||
inset: Boolean
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-subheader',
|
||
class: __assign({
|
||
'v-subheader--inset': this.inset
|
||
}, this.themeClasses),
|
||
attrs: this.$attrs,
|
||
on: this.$listeners
|
||
}, this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSubheader/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VSubheader/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VSubheader, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSubheader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSubheader */ "./src/components/VSubheader/VSubheader.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSubheader", function() { return _VSubheader__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSubheader__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSwitch/VSwitch.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VSwitch/VSwitch.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSwitch/VSwitch.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VSwitch/VSwitch.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../styles/components/_selection-controls.sass */ "./src/styles/components/_selection-controls.sass");
|
||
/* harmony import */ var _styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_styles_components_selection_controls_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSwitch_sass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VSwitch.sass */ "./src/components/VSwitch/VSwitch.sass");
|
||
/* harmony import */ var _VSwitch_sass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_VSwitch_sass__WEBPACK_IMPORTED_MODULE_1__);
|
||
/* harmony import */ var _mixins_selectable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/selectable */ "./src/mixins/selectable/index.ts");
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony import */ var _directives_touch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../directives/touch */ "./src/directives/touch/index.ts");
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _VProgressCircular_VProgressCircular__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../VProgressCircular/VProgressCircular */ "./src/components/VProgressCircular/VProgressCircular.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Directives
|
||
|
||
// Components
|
||
|
||
|
||
// Helpers
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_selectable__WEBPACK_IMPORTED_MODULE_2__["default"].extend({
|
||
name: 'v-switch',
|
||
directives: {
|
||
Touch: _directives_touch__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||
},
|
||
props: {
|
||
inset: Boolean,
|
||
loading: {
|
||
type: [Boolean, String],
|
||
default: false
|
||
},
|
||
flat: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VInput__WEBPACK_IMPORTED_MODULE_3__["default"].options.computed.classes.call(this), {
|
||
'v-input--selection-controls v-input--switch': true,
|
||
'v-input--switch--flat': this.flat,
|
||
'v-input--switch--inset': this.inset
|
||
});
|
||
},
|
||
attrs: function attrs() {
|
||
return {
|
||
'aria-checked': String(this.isActive),
|
||
'aria-disabled': String(this.disabled),
|
||
role: 'switch'
|
||
};
|
||
},
|
||
// Do not return undefined if disabled,
|
||
// according to spec, should still show
|
||
// a color when disabled and active
|
||
validationState: function validationState() {
|
||
if (this.hasError && this.shouldValidate) return 'error';
|
||
if (this.hasSuccess) return 'success';
|
||
if (this.hasColor !== null) return this.computedColor;
|
||
return undefined;
|
||
},
|
||
switchData: function switchData() {
|
||
return this.setTextColor(this.loading ? undefined : this.validationState, {
|
||
class: this.themeClasses
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
return [this.genSwitch(), this.genLabel()];
|
||
},
|
||
genSwitch: function genSwitch() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-input--selection-controls__input'
|
||
}, [this.genInput('checkbox', __assign({}, this.attrs, this.attrs$)), this.genRipple(this.setTextColor(this.validationState, {
|
||
directives: [{
|
||
name: 'touch',
|
||
value: {
|
||
left: this.onSwipeLeft,
|
||
right: this.onSwipeRight
|
||
}
|
||
}]
|
||
})), this.$createElement('div', __assign({
|
||
staticClass: 'v-input--switch__track'
|
||
}, this.switchData)), this.$createElement('div', __assign({
|
||
staticClass: 'v-input--switch__thumb'
|
||
}, this.switchData), [this.genProgress()])]);
|
||
},
|
||
genProgress: function genProgress() {
|
||
return this.$createElement(_transitions__WEBPACK_IMPORTED_MODULE_5__["VFabTransition"], {}, [this.loading === false ? null : this.$slots.progress || this.$createElement(_VProgressCircular_VProgressCircular__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
||
props: {
|
||
color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
|
||
size: 16,
|
||
width: 2,
|
||
indeterminate: true
|
||
}
|
||
})]);
|
||
},
|
||
onSwipeLeft: function onSwipeLeft() {
|
||
if (this.isActive) this.onChange();
|
||
},
|
||
onSwipeRight: function onSwipeRight() {
|
||
if (!this.isActive) this.onChange();
|
||
},
|
||
onKeydown: function onKeydown(e) {
|
||
if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_7__["keyCodes"].left && this.isActive || e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_7__["keyCodes"].right && !this.isActive) this.onChange();
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSwitch/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VSwitch/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VSwitch, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSwitch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSwitch */ "./src/components/VSwitch/VSwitch.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSwitch", function() { return _VSwitch__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSwitch__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSystemBar/VSystemBar.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VSystemBar/VSystemBar.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSystemBar/VSystemBar.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VSystemBar/VSystemBar.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSystemBar_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSystemBar.sass */ "./src/components/VSystemBar/VSystemBar.sass");
|
||
/* harmony import */ var _VSystemBar_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VSystemBar_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_applicationable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/applicationable */ "./src/mixins/applicationable/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(Object(_mixins_applicationable__WEBPACK_IMPORTED_MODULE_1__["default"])('bar', ['height', 'window']), _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_3__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-system-bar',
|
||
props: {
|
||
height: [Number, String],
|
||
lightsOut: Boolean,
|
||
window: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-system-bar--lights-out': this.lightsOut,
|
||
'v-system-bar--absolute': this.absolute,
|
||
'v-system-bar--fixed': !this.absolute && (this.app || this.fixed),
|
||
'v-system-bar--window': this.window
|
||
}, this.themeClasses);
|
||
},
|
||
computedHeight: function computedHeight() {
|
||
if (this.height) {
|
||
return isNaN(parseInt(this.height)) ? this.height : parseInt(this.height);
|
||
}
|
||
|
||
return this.window ? 32 : 24;
|
||
},
|
||
styles: function styles() {
|
||
return {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["convertToUnit"])(this.computedHeight)
|
||
};
|
||
}
|
||
},
|
||
methods: {
|
||
updateApplication: function updateApplication() {
|
||
return this.$el ? this.$el.clientHeight : this.computedHeight;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var data = {
|
||
staticClass: 'v-system-bar',
|
||
class: this.classes,
|
||
style: this.styles,
|
||
on: this.$listeners
|
||
};
|
||
return h('div', this.setBackgroundColor(this.color, data), Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getSlot"])(this));
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VSystemBar/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VSystemBar/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VSystemBar, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSystemBar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VSystemBar */ "./src/components/VSystemBar/VSystemBar.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSystemBar", function() { return _VSystemBar__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSystemBar__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTabs/VTab.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/components/VTabs/VTab.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _mixins_routable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/routable */ "./src/mixins/routable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Mixins
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_routable__WEBPACK_IMPORTED_MODULE_1__["default"], // Must be after routable
|
||
// to overwrite activeClass
|
||
Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_0__["factory"])('tabsBar'), _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]);
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend().extend({
|
||
name: 'v-tab',
|
||
props: {
|
||
ripple: {
|
||
type: [Boolean, Object],
|
||
default: true
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
proxyClass: 'v-tab--active'
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-tab': true
|
||
}, _mixins_routable__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-tab--disabled': this.disabled
|
||
}, this.groupClasses);
|
||
},
|
||
value: function value() {
|
||
var to = this.to || this.href || '';
|
||
|
||
if (this.$router && this.to === Object(this.to)) {
|
||
var resolve = this.$router.resolve(this.to, this.$route, this.append);
|
||
to = resolve.href;
|
||
}
|
||
|
||
return to.replace('#', '');
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
this.onRouteChange();
|
||
},
|
||
methods: {
|
||
click: function click(e) {
|
||
// If user provides an
|
||
// actual link, do not
|
||
// prevent default
|
||
if (this.href && this.href.indexOf('#') > -1) e.preventDefault();
|
||
if (e.detail) this.$el.blur();
|
||
this.$emit('click', e);
|
||
this.to || this.toggle();
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
var _a = this.generateRouteLink(),
|
||
tag = _a.tag,
|
||
data = _a.data;
|
||
|
||
data.attrs = __assign({}, data.attrs, {
|
||
'aria-selected': String(this.isActive),
|
||
role: 'tab',
|
||
tabindex: 0
|
||
});
|
||
data.on = __assign({}, data.on, {
|
||
keydown: function keydown(e) {
|
||
if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_3__["keyCodes"].enter) _this.click(e);
|
||
|
||
_this.$emit('keydown', e);
|
||
}
|
||
});
|
||
return h(tag, data, this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTabs/VTabItem.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VTabs/VTabItem.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VWindow_VWindowItem__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VWindow/VWindowItem */ "./src/components/VWindow/VWindowItem.ts");
|
||
// Extensions
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VWindow_VWindowItem__WEBPACK_IMPORTED_MODULE_0__["default"].extend({
|
||
name: 'v-tab-item',
|
||
props: {
|
||
id: String
|
||
},
|
||
methods: {
|
||
genWindowItem: function genWindowItem() {
|
||
var item = _VWindow_VWindowItem__WEBPACK_IMPORTED_MODULE_0__["default"].options.methods.genWindowItem.call(this);
|
||
item.data.domProps = item.data.domProps || {};
|
||
item.data.domProps.id = this.id || this.value;
|
||
return item;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTabs/VTabs.sass":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VTabs/VTabs.sass ***!
|
||
\*****************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTabs/VTabs.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VTabs/VTabs.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTabs_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTabs.sass */ "./src/components/VTabs/VTabs.sass");
|
||
/* harmony import */ var _VTabs_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTabs_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VTabsBar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VTabsBar */ "./src/components/VTabs/VTabsBar.ts");
|
||
/* harmony import */ var _VTabsItems__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VTabsItems */ "./src/components/VTabs/VTabsItems.ts");
|
||
/* harmony import */ var _VTabsSlider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VTabsSlider */ "./src/components/VTabs/VTabsSlider.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_proxyable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/proxyable */ "./src/mixins/proxyable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _directives_resize__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../directives/resize */ "./src/directives/resize/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_9__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_proxyable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-tabs',
|
||
directives: {
|
||
Resize: _directives_resize__WEBPACK_IMPORTED_MODULE_7__["default"]
|
||
},
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
alignWithTitle: Boolean,
|
||
backgroundColor: String,
|
||
centerActive: Boolean,
|
||
centered: Boolean,
|
||
fixedTabs: Boolean,
|
||
grow: Boolean,
|
||
height: {
|
||
type: [Number, String],
|
||
default: undefined
|
||
},
|
||
hideSlider: Boolean,
|
||
iconsAndText: Boolean,
|
||
mobileBreakPoint: {
|
||
type: [Number, String],
|
||
default: 1264
|
||
},
|
||
nextIcon: {
|
||
type: String,
|
||
default: '$next'
|
||
},
|
||
optional: Boolean,
|
||
prevIcon: {
|
||
type: String,
|
||
default: '$prev'
|
||
},
|
||
right: Boolean,
|
||
showArrows: Boolean,
|
||
sliderColor: String,
|
||
sliderSize: {
|
||
type: [Number, String],
|
||
default: 2
|
||
},
|
||
vertical: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
resizeTimeout: 0,
|
||
slider: {
|
||
height: null,
|
||
left: null,
|
||
right: null,
|
||
top: null,
|
||
width: null
|
||
},
|
||
transitionTime: 300
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-tabs--align-with-title': this.alignWithTitle,
|
||
'v-tabs--centered': this.centered,
|
||
'v-tabs--fixed-tabs': this.fixedTabs,
|
||
'v-tabs--grow': this.grow,
|
||
'v-tabs--icons-and-text': this.iconsAndText,
|
||
'v-tabs--right': this.right,
|
||
'v-tabs--vertical': this.vertical
|
||
}, this.themeClasses);
|
||
},
|
||
isReversed: function isReversed() {
|
||
return this.$vuetify.rtl && this.vertical;
|
||
},
|
||
sliderStyles: function sliderStyles() {
|
||
return {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.slider.height),
|
||
left: this.isReversed ? undefined : Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.slider.left),
|
||
right: this.isReversed ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.slider.right) : undefined,
|
||
top: this.vertical ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.slider.top) : undefined,
|
||
transition: this.slider.left != null ? null : 'none',
|
||
width: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.slider.width)
|
||
};
|
||
},
|
||
computedColor: function computedColor() {
|
||
if (this.color) return this.color;else if (this.isDark && !this.appIsDark) return 'white';else return 'primary';
|
||
}
|
||
},
|
||
watch: {
|
||
alignWithTitle: 'callSlider',
|
||
centered: 'callSlider',
|
||
centerActive: 'callSlider',
|
||
fixedTabs: 'callSlider',
|
||
grow: 'callSlider',
|
||
right: 'callSlider',
|
||
showArrows: 'callSlider',
|
||
vertical: 'callSlider',
|
||
'$vuetify.application.left': 'onResize',
|
||
'$vuetify.application.right': 'onResize',
|
||
'$vuetify.rtl': 'onResize'
|
||
},
|
||
mounted: function mounted() {
|
||
var _this = this;
|
||
|
||
this.$nextTick(function () {
|
||
window.setTimeout(_this.callSlider, 30);
|
||
});
|
||
},
|
||
methods: {
|
||
callSlider: function callSlider() {
|
||
var _this = this;
|
||
|
||
if (this.hideSlider || !this.$refs.items || !this.$refs.items.selectedItems.length) {
|
||
this.slider.width = 0;
|
||
return false;
|
||
}
|
||
|
||
this.$nextTick(function () {
|
||
// Give screen time to paint
|
||
var activeTab = _this.$refs.items.selectedItems[0];
|
||
/* istanbul ignore if */
|
||
|
||
if (!activeTab || !activeTab.$el) {
|
||
_this.slider.width = 0;
|
||
_this.slider.left = 0;
|
||
return;
|
||
}
|
||
|
||
var el = activeTab.$el;
|
||
_this.slider = {
|
||
height: !_this.vertical ? Number(_this.sliderSize) : el.scrollHeight,
|
||
left: _this.vertical ? 0 : el.offsetLeft,
|
||
right: _this.vertical ? 0 : el.offsetLeft + el.offsetWidth,
|
||
top: el.offsetTop,
|
||
width: _this.vertical ? Number(_this.sliderSize) : el.scrollWidth
|
||
};
|
||
});
|
||
return true;
|
||
},
|
||
genBar: function genBar(items, slider) {
|
||
var _this = this;
|
||
|
||
var data = {
|
||
style: {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.height)
|
||
},
|
||
props: {
|
||
activeClass: this.activeClass,
|
||
centerActive: this.centerActive,
|
||
dark: this.dark,
|
||
light: this.light,
|
||
mandatory: !this.optional,
|
||
mobileBreakPoint: this.mobileBreakPoint,
|
||
nextIcon: this.nextIcon,
|
||
prevIcon: this.prevIcon,
|
||
showArrows: this.showArrows,
|
||
value: this.internalValue
|
||
},
|
||
on: {
|
||
'call:slider': this.callSlider,
|
||
change: function change(val) {
|
||
_this.internalValue = val;
|
||
}
|
||
},
|
||
ref: 'items'
|
||
};
|
||
this.setTextColor(this.computedColor, data);
|
||
this.setBackgroundColor(this.backgroundColor, data);
|
||
return this.$createElement(_VTabsBar__WEBPACK_IMPORTED_MODULE_1__["default"], data, [this.genSlider(slider), items]);
|
||
},
|
||
genItems: function genItems(items, item) {
|
||
var _this = this; // If user provides items
|
||
// opt to use theirs
|
||
|
||
|
||
if (items) return items; // If no tabs are provided
|
||
// render nothing
|
||
|
||
if (!item.length) return null;
|
||
return this.$createElement(_VTabsItems__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: {
|
||
value: this.internalValue
|
||
},
|
||
on: {
|
||
change: function change(val) {
|
||
_this.internalValue = val;
|
||
}
|
||
}
|
||
}, item);
|
||
},
|
||
genSlider: function genSlider(slider) {
|
||
if (this.hideSlider) return null;
|
||
|
||
if (!slider) {
|
||
slider = this.$createElement(_VTabsSlider__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
color: this.sliderColor
|
||
}
|
||
});
|
||
}
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-tabs-slider-wrapper',
|
||
style: this.sliderStyles
|
||
}, [slider]);
|
||
},
|
||
onResize: function onResize() {
|
||
if (this._isDestroyed) return;
|
||
clearTimeout(this.resizeTimeout);
|
||
this.resizeTimeout = window.setTimeout(this.callSlider, 0);
|
||
},
|
||
parseNodes: function parseNodes() {
|
||
var items = null;
|
||
var slider = null;
|
||
var item = [];
|
||
var tab = [];
|
||
var slot = this.$slots.default || [];
|
||
var length = slot.length;
|
||
|
||
for (var i = 0; i < length; i++) {
|
||
var vnode = slot[i];
|
||
|
||
if (vnode.componentOptions) {
|
||
switch (vnode.componentOptions.Ctor.options.name) {
|
||
case 'v-tabs-slider':
|
||
slider = vnode;
|
||
break;
|
||
|
||
case 'v-tabs-items':
|
||
items = vnode;
|
||
break;
|
||
|
||
case 'v-tab-item':
|
||
item.push(vnode);
|
||
break;
|
||
// case 'v-tab' - intentionally omitted
|
||
|
||
default:
|
||
tab.push(vnode);
|
||
}
|
||
} else {
|
||
tab.push(vnode);
|
||
}
|
||
}
|
||
/**
|
||
* tab: array of `v-tab`
|
||
* slider: single `v-tabs-slider`
|
||
* items: single `v-tabs-items`
|
||
* item: array of `v-tab-item`
|
||
*/
|
||
|
||
|
||
return {
|
||
tab: tab,
|
||
slider: slider,
|
||
items: items,
|
||
item: item
|
||
};
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _a = this.parseNodes(),
|
||
tab = _a.tab,
|
||
slider = _a.slider,
|
||
items = _a.items,
|
||
item = _a.item;
|
||
|
||
return h('div', {
|
||
staticClass: 'v-tabs',
|
||
class: this.classes,
|
||
directives: [{
|
||
name: 'resize',
|
||
modifiers: {
|
||
quiet: true
|
||
},
|
||
value: this.onResize
|
||
}]
|
||
}, [this.genBar(tab, slider), this.genItems(items, item)]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTabs/VTabsBar.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VTabs/VTabsBar.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VSlideGroup/VSlideGroup */ "./src/components/VSlideGroup/VSlideGroup.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/ssr-bootable */ "./src/mixins/ssr-bootable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __values = undefined && undefined.__values || function (o) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator],
|
||
i = 0;
|
||
if (m) return m.call(o);
|
||
return {
|
||
next: function next() {
|
||
if (o && i >= o.length) o = void 0;
|
||
return {
|
||
value: o && o[i++],
|
||
done: !o
|
||
};
|
||
}
|
||
};
|
||
}; // Extensions
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_0__["BaseSlideGroup"], _mixins_ssr_bootable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-tabs-bar',
|
||
provide: function provide() {
|
||
return {
|
||
tabsBar: this
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_0__["BaseSlideGroup"].options.computed.classes.call(this), {
|
||
'v-tabs-bar': true,
|
||
'v-tabs-bar--is-mobile': this.isMobile,
|
||
// TODO: Remove this and move to v-slide-group
|
||
'v-tabs-bar--show-arrows': this.showArrows
|
||
}, this.themeClasses);
|
||
}
|
||
},
|
||
watch: {
|
||
items: 'callSlider',
|
||
internalValue: 'callSlider',
|
||
$route: 'onRouteChange'
|
||
},
|
||
methods: {
|
||
callSlider: function callSlider() {
|
||
if (!this.isBooted) return;
|
||
this.$emit('call:slider');
|
||
},
|
||
genContent: function genContent() {
|
||
var render = _VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_0__["BaseSlideGroup"].options.methods.genContent.call(this);
|
||
render.data = render.data || {};
|
||
render.data.staticClass += ' v-tabs-bar__content';
|
||
return render;
|
||
},
|
||
onRouteChange: function onRouteChange(val, oldVal) {
|
||
var e_1, _a;
|
||
/* istanbul ignore next */
|
||
|
||
|
||
if (this.mandatory) return;
|
||
var items = this.items;
|
||
var newPath = val.path;
|
||
var oldPath = oldVal.path;
|
||
var hasNew = false;
|
||
var hasOld = false;
|
||
|
||
try {
|
||
for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
|
||
var item = items_1_1.value;
|
||
if (item.to === newPath) hasNew = true;else if (item.to === oldPath) hasOld = true;
|
||
if (hasNew && hasOld) break;
|
||
}
|
||
} catch (e_1_1) {
|
||
e_1 = {
|
||
error: e_1_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
|
||
} finally {
|
||
if (e_1) throw e_1.error;
|
||
}
|
||
} // If we have an old item and not a new one
|
||
// it's assumed that the user navigated to
|
||
// a path that is not present in the items
|
||
|
||
|
||
if (!hasNew && hasOld) this.internalValue = undefined;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var render = _VSlideGroup_VSlideGroup__WEBPACK_IMPORTED_MODULE_0__["BaseSlideGroup"].options.render.call(this, h);
|
||
render.data.attrs = {
|
||
role: 'tablist'
|
||
};
|
||
return render;
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTabs/VTabsItems.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VTabs/VTabsItems.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VWindow_VWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../VWindow/VWindow */ "./src/components/VWindow/VWindow.ts");
|
||
/* harmony import */ var _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Extensions
|
||
|
||
|
||
// Types & Components
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VWindow_VWindow__WEBPACK_IMPORTED_MODULE_0__["default"].extend({
|
||
name: 'v-tabs-items',
|
||
props: {
|
||
mandatory: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VWindow_VWindow__WEBPACK_IMPORTED_MODULE_0__["default"].options.computed.classes.call(this), {
|
||
'v-tabs-items': true
|
||
});
|
||
},
|
||
isDark: function isDark() {
|
||
return this.rootIsDark;
|
||
}
|
||
},
|
||
methods: {
|
||
getValue: function getValue(item, i) {
|
||
return item.id || _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_1__["BaseItemGroup"].options.methods.getValue.call(this, item, i);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTabs/VTabsSlider.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VTabs/VTabsSlider.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Mixins
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_1__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_0__["default"]).extend({
|
||
name: 'v-tabs-slider',
|
||
render: function render(h) {
|
||
return h('div', this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-tabs-slider'
|
||
}));
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTabs/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/components/VTabs/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: VTabs, VTab, VTabItem, VTabsItems, VTabsSlider, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTabs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTabs */ "./src/components/VTabs/VTabs.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabs", function() { return _VTabs__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VTab__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VTab */ "./src/components/VTabs/VTab.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTab", function() { return _VTab__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VTabsItems__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VTabsItems */ "./src/components/VTabs/VTabsItems.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabsItems", function() { return _VTabsItems__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _VTabItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VTabItem */ "./src/components/VTabs/VTabItem.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabItem", function() { return _VTabItem__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
/* harmony import */ var _VTabsSlider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VTabsSlider */ "./src/components/VTabs/VTabsSlider.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabsSlider", function() { return _VTabsSlider__WEBPACK_IMPORTED_MODULE_4__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VTabs: _VTabs__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VTab: _VTab__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VTabsItems: _VTabsItems__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||
VTabItem: _VTabItem__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||
VTabsSlider: _VTabsSlider__WEBPACK_IMPORTED_MODULE_4__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTextField/VTextField.sass":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VTextField/VTextField.sass ***!
|
||
\***************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTextField/VTextField.ts":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VTextField/VTextField.ts ***!
|
||
\*************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTextField_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTextField.sass */ "./src/components/VTextField/VTextField.sass");
|
||
/* harmony import */ var _VTextField_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTextField_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony import */ var _VCounter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VCounter */ "./src/components/VCounter/index.ts");
|
||
/* harmony import */ var _VLabel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VLabel */ "./src/components/VLabel/index.ts");
|
||
/* harmony import */ var _mixins_intersectable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/intersectable */ "./src/mixins/intersectable/index.ts");
|
||
/* harmony import */ var _mixins_loadable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/loadable */ "./src/mixins/loadable/index.ts");
|
||
/* harmony import */ var _mixins_validatable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/validatable */ "./src/mixins/validatable/index.ts");
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Components
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
// Types
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_VInput__WEBPACK_IMPORTED_MODULE_1__["default"], Object(_mixins_intersectable__WEBPACK_IMPORTED_MODULE_4__["default"])({
|
||
onVisible: ['setLabelWidth', 'setPrefixWidth', 'setPrependWidth', 'tryAutofocus']
|
||
}), _mixins_loadable__WEBPACK_IMPORTED_MODULE_5__["default"]);
|
||
var dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month'];
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-text-field',
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_7__["default"]
|
||
},
|
||
inheritAttrs: false,
|
||
props: {
|
||
appendOuterIcon: String,
|
||
autofocus: Boolean,
|
||
clearable: Boolean,
|
||
clearIcon: {
|
||
type: String,
|
||
default: '$clear'
|
||
},
|
||
counter: [Boolean, Number, String],
|
||
counterValue: Function,
|
||
filled: Boolean,
|
||
flat: Boolean,
|
||
fullWidth: Boolean,
|
||
label: String,
|
||
outlined: Boolean,
|
||
placeholder: String,
|
||
prefix: String,
|
||
prependInnerIcon: String,
|
||
reverse: Boolean,
|
||
rounded: Boolean,
|
||
shaped: Boolean,
|
||
singleLine: Boolean,
|
||
solo: Boolean,
|
||
soloInverted: Boolean,
|
||
suffix: String,
|
||
type: {
|
||
type: String,
|
||
default: 'text'
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
badInput: false,
|
||
labelWidth: 0,
|
||
prefixWidth: 0,
|
||
prependWidth: 0,
|
||
initialValue: null,
|
||
isBooted: false,
|
||
isClearing: false
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({}, _VInput__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-text-field': true,
|
||
'v-text-field--full-width': this.fullWidth,
|
||
'v-text-field--prefix': this.prefix,
|
||
'v-text-field--single-line': this.isSingle,
|
||
'v-text-field--solo': this.isSolo,
|
||
'v-text-field--solo-inverted': this.soloInverted,
|
||
'v-text-field--solo-flat': this.flat,
|
||
'v-text-field--filled': this.filled,
|
||
'v-text-field--is-booted': this.isBooted,
|
||
'v-text-field--enclosed': this.isEnclosed,
|
||
'v-text-field--reverse': this.reverse,
|
||
'v-text-field--outlined': this.outlined,
|
||
'v-text-field--placeholder': this.placeholder,
|
||
'v-text-field--rounded': this.rounded,
|
||
'v-text-field--shaped': this.shaped
|
||
});
|
||
},
|
||
computedColor: function computedColor() {
|
||
var computedColor = _mixins_validatable__WEBPACK_IMPORTED_MODULE_6__["default"].options.computed.computedColor.call(this);
|
||
if (!this.soloInverted || !this.isFocused) return computedColor;
|
||
return this.color || 'primary';
|
||
},
|
||
computedCounterValue: function computedCounterValue() {
|
||
if (typeof this.counterValue === 'function') {
|
||
return this.counterValue(this.internalValue);
|
||
}
|
||
|
||
return (this.internalValue || '').toString().length;
|
||
},
|
||
hasCounter: function hasCounter() {
|
||
return this.counter !== false && this.counter != null;
|
||
},
|
||
hasDetails: function hasDetails() {
|
||
return _VInput__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.hasDetails.call(this) || this.hasCounter;
|
||
},
|
||
internalValue: {
|
||
get: function get() {
|
||
return this.lazyValue;
|
||
},
|
||
set: function set(val) {
|
||
this.lazyValue = val;
|
||
this.$emit('input', this.lazyValue);
|
||
}
|
||
},
|
||
isDirty: function isDirty() {
|
||
return this.lazyValue != null && this.lazyValue.toString().length > 0 || this.badInput;
|
||
},
|
||
isEnclosed: function isEnclosed() {
|
||
return this.filled || this.isSolo || this.outlined;
|
||
},
|
||
isLabelActive: function isLabelActive() {
|
||
return this.isDirty || dirtyTypes.includes(this.type);
|
||
},
|
||
isSingle: function isSingle() {
|
||
return this.isSolo || this.singleLine || this.fullWidth || // https://material.io/components/text-fields/#filled-text-field
|
||
this.filled && !this.hasLabel;
|
||
},
|
||
isSolo: function isSolo() {
|
||
return this.solo || this.soloInverted;
|
||
},
|
||
labelPosition: function labelPosition() {
|
||
var offset = this.prefix && !this.labelValue ? this.prefixWidth : 0;
|
||
if (this.labelValue && this.prependWidth) offset -= this.prependWidth;
|
||
return this.$vuetify.rtl === this.reverse ? {
|
||
left: offset,
|
||
right: 'auto'
|
||
} : {
|
||
left: 'auto',
|
||
right: offset
|
||
};
|
||
},
|
||
showLabel: function showLabel() {
|
||
return this.hasLabel && (!this.isSingle || !this.isLabelActive && !this.placeholder);
|
||
},
|
||
labelValue: function labelValue() {
|
||
return !this.isSingle && Boolean(this.isFocused || this.isLabelActive || this.placeholder);
|
||
}
|
||
},
|
||
watch: {
|
||
labelValue: 'setLabelWidth',
|
||
outlined: 'setLabelWidth',
|
||
label: function label() {
|
||
this.$nextTick(this.setLabelWidth);
|
||
},
|
||
prefix: function prefix() {
|
||
this.$nextTick(this.setPrefixWidth);
|
||
},
|
||
isFocused: 'updateValue',
|
||
value: function value(val) {
|
||
this.lazyValue = val;
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if (this.$attrs.hasOwnProperty('box')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_9__["breaking"])('box', 'filled', this);
|
||
}
|
||
/* istanbul ignore next */
|
||
|
||
|
||
if (this.$attrs.hasOwnProperty('browser-autocomplete')) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_9__["breaking"])('browser-autocomplete', 'autocomplete', this);
|
||
}
|
||
/* istanbul ignore if */
|
||
|
||
|
||
if (this.shaped && !(this.filled || this.outlined || this.isSolo)) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_9__["consoleWarn"])('shaped should be used with either filled or outlined', this);
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
var _this = this;
|
||
|
||
this.autofocus && this.tryAutofocus();
|
||
this.setLabelWidth();
|
||
this.setPrefixWidth();
|
||
this.setPrependWidth();
|
||
requestAnimationFrame(function () {
|
||
return _this.isBooted = true;
|
||
});
|
||
},
|
||
methods: {
|
||
/** @public */
|
||
focus: function focus() {
|
||
this.onFocus();
|
||
},
|
||
|
||
/** @public */
|
||
blur: function blur(e) {
|
||
var _this = this; // https://github.com/vuetifyjs/vuetify/issues/5913
|
||
// Safari tab order gets broken if called synchronous
|
||
|
||
|
||
window.requestAnimationFrame(function () {
|
||
_this.$refs.input && _this.$refs.input.blur();
|
||
});
|
||
},
|
||
clearableCallback: function clearableCallback() {
|
||
var _this = this;
|
||
|
||
this.$refs.input && this.$refs.input.focus();
|
||
this.$nextTick(function () {
|
||
return _this.internalValue = null;
|
||
});
|
||
},
|
||
genAppendSlot: function genAppendSlot() {
|
||
var slot = [];
|
||
|
||
if (this.$slots['append-outer']) {
|
||
slot.push(this.$slots['append-outer']);
|
||
} else if (this.appendOuterIcon) {
|
||
slot.push(this.genIcon('appendOuter'));
|
||
}
|
||
|
||
return this.genSlot('append', 'outer', slot);
|
||
},
|
||
genPrependInnerSlot: function genPrependInnerSlot() {
|
||
var slot = [];
|
||
|
||
if (this.$slots['prepend-inner']) {
|
||
slot.push(this.$slots['prepend-inner']);
|
||
} else if (this.prependInnerIcon) {
|
||
slot.push(this.genIcon('prependInner'));
|
||
}
|
||
|
||
return this.genSlot('prepend', 'inner', slot);
|
||
},
|
||
genIconSlot: function genIconSlot() {
|
||
var slot = [];
|
||
|
||
if (this.$slots['append']) {
|
||
slot.push(this.$slots['append']);
|
||
} else if (this.appendIcon) {
|
||
slot.push(this.genIcon('append'));
|
||
}
|
||
|
||
return this.genSlot('append', 'inner', slot);
|
||
},
|
||
genInputSlot: function genInputSlot() {
|
||
var input = _VInput__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genInputSlot.call(this);
|
||
var prepend = this.genPrependInnerSlot();
|
||
|
||
if (prepend) {
|
||
input.children = input.children || [];
|
||
input.children.unshift(prepend);
|
||
}
|
||
|
||
return input;
|
||
},
|
||
genClearIcon: function genClearIcon() {
|
||
if (!this.clearable) return null;
|
||
var data = this.isDirty ? undefined : {
|
||
attrs: {
|
||
disabled: true
|
||
}
|
||
};
|
||
return this.genSlot('append', 'inner', [this.genIcon('clear', this.clearableCallback, data)]);
|
||
},
|
||
genCounter: function genCounter() {
|
||
if (!this.hasCounter) return null;
|
||
var max = this.counter === true ? this.attrs$.maxlength : this.counter;
|
||
return this.$createElement(_VCounter__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: {
|
||
dark: this.dark,
|
||
light: this.light,
|
||
max: max,
|
||
value: this.computedCounterValue
|
||
}
|
||
});
|
||
},
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
return [this.genFieldset(), this.genTextFieldSlot(), this.genClearIcon(), this.genIconSlot(), this.genProgress()];
|
||
},
|
||
genFieldset: function genFieldset() {
|
||
if (!this.outlined) return null;
|
||
return this.$createElement('fieldset', {
|
||
attrs: {
|
||
'aria-hidden': true
|
||
}
|
||
}, [this.genLegend()]);
|
||
},
|
||
genLabel: function genLabel() {
|
||
if (!this.showLabel) return null;
|
||
var data = {
|
||
props: {
|
||
absolute: true,
|
||
color: this.validationState,
|
||
dark: this.dark,
|
||
disabled: this.disabled,
|
||
focused: !this.isSingle && (this.isFocused || !!this.validationState),
|
||
for: this.computedId,
|
||
left: this.labelPosition.left,
|
||
light: this.light,
|
||
right: this.labelPosition.right,
|
||
value: this.labelValue
|
||
}
|
||
};
|
||
return this.$createElement(_VLabel__WEBPACK_IMPORTED_MODULE_3__["default"], data, this.$slots.label || this.label);
|
||
},
|
||
genLegend: function genLegend() {
|
||
var width = !this.singleLine && (this.labelValue || this.isDirty) ? this.labelWidth : 0;
|
||
var span = this.$createElement('span', {
|
||
domProps: {
|
||
innerHTML: '​'
|
||
}
|
||
});
|
||
return this.$createElement('legend', {
|
||
style: {
|
||
width: !this.isSingle ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(width) : undefined
|
||
}
|
||
}, [span]);
|
||
},
|
||
genInput: function genInput() {
|
||
var listeners = Object.assign({}, this.listeners$);
|
||
delete listeners['change']; // Change should not be bound externally
|
||
|
||
return this.$createElement('input', {
|
||
style: {},
|
||
domProps: {
|
||
value: this.lazyValue
|
||
},
|
||
attrs: __assign({}, this.attrs$, {
|
||
autofocus: this.autofocus,
|
||
disabled: this.disabled,
|
||
id: this.computedId,
|
||
placeholder: this.placeholder,
|
||
readonly: this.readonly,
|
||
type: this.type
|
||
}),
|
||
on: Object.assign(listeners, {
|
||
blur: this.onBlur,
|
||
input: this.onInput,
|
||
focus: this.onFocus,
|
||
keydown: this.onKeyDown
|
||
}),
|
||
ref: 'input'
|
||
});
|
||
},
|
||
genMessages: function genMessages() {
|
||
if (!this.showDetails) return null;
|
||
var messagesNode = _VInput__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genMessages.call(this);
|
||
var counterNode = this.genCounter();
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-text-field__details'
|
||
}, [messagesNode, counterNode]);
|
||
},
|
||
genTextFieldSlot: function genTextFieldSlot() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-text-field__slot'
|
||
}, [this.genLabel(), this.prefix ? this.genAffix('prefix') : null, this.genInput(), this.suffix ? this.genAffix('suffix') : null]);
|
||
},
|
||
genAffix: function genAffix(type) {
|
||
return this.$createElement('div', {
|
||
class: "v-text-field__" + type,
|
||
ref: type
|
||
}, this[type]);
|
||
},
|
||
onBlur: function onBlur(e) {
|
||
var _this = this;
|
||
|
||
this.isFocused = false;
|
||
e && this.$nextTick(function () {
|
||
return _this.$emit('blur', e);
|
||
});
|
||
},
|
||
onClick: function onClick() {
|
||
if (this.isFocused || this.disabled || !this.$refs.input) return;
|
||
this.$refs.input.focus();
|
||
},
|
||
onFocus: function onFocus(e) {
|
||
if (!this.$refs.input) return;
|
||
|
||
if (document.activeElement !== this.$refs.input) {
|
||
return this.$refs.input.focus();
|
||
}
|
||
|
||
if (!this.isFocused) {
|
||
this.isFocused = true;
|
||
e && this.$emit('focus', e);
|
||
}
|
||
},
|
||
onInput: function onInput(e) {
|
||
var target = e.target;
|
||
this.internalValue = target.value;
|
||
this.badInput = target.validity && target.validity.badInput;
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_8__["keyCodes"].enter) this.$emit('change', this.internalValue);
|
||
this.$emit('keydown', e);
|
||
},
|
||
onMouseDown: function onMouseDown(e) {
|
||
// Prevent input from being blurred
|
||
if (e.target !== this.$refs.input) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
}
|
||
|
||
_VInput__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.onMouseDown.call(this, e);
|
||
},
|
||
onMouseUp: function onMouseUp(e) {
|
||
if (this.hasMouseDown) this.focus();
|
||
_VInput__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.onMouseUp.call(this, e);
|
||
},
|
||
setLabelWidth: function setLabelWidth() {
|
||
if (!this.outlined || !this.$refs.label) return;
|
||
this.labelWidth = Math.min(this.$refs.label.scrollWidth * 0.75 + 6, this.$el.offsetWidth - 24);
|
||
},
|
||
setPrefixWidth: function setPrefixWidth() {
|
||
if (!this.$refs.prefix) return;
|
||
this.prefixWidth = this.$refs.prefix.offsetWidth;
|
||
},
|
||
setPrependWidth: function setPrependWidth() {
|
||
if (!this.outlined || !this.$refs['prepend-inner']) return;
|
||
this.prependWidth = this.$refs['prepend-inner'].offsetWidth;
|
||
},
|
||
tryAutofocus: function tryAutofocus() {
|
||
if (!this.autofocus || typeof document === 'undefined' || !this.$refs.input || document.activeElement === this.$refs.input) return false;
|
||
this.$refs.input.focus();
|
||
return true;
|
||
},
|
||
updateValue: function updateValue(val) {
|
||
// Sets validationState from validatable
|
||
this.hasColor = val;
|
||
|
||
if (val) {
|
||
this.initialValue = this.lazyValue;
|
||
} else if (this.initialValue !== this.lazyValue) {
|
||
this.$emit('change', this.lazyValue);
|
||
}
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTextField/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/components/VTextField/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: VTextField, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTextField__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTextField */ "./src/components/VTextField/VTextField.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTextField", function() { return _VTextField__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VTextField__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTextarea/VTextarea.sass":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VTextarea/VTextarea.sass ***!
|
||
\*************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTextarea/VTextarea.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VTextarea/VTextarea.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTextarea_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTextarea.sass */ "./src/components/VTextarea/VTextarea.sass");
|
||
/* harmony import */ var _VTextarea_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTextarea_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VTextField/VTextField */ "./src/components/VTextField/VTextField.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Utilities
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_VTextField_VTextField__WEBPACK_IMPORTED_MODULE_1__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'v-textarea',
|
||
props: {
|
||
autoGrow: Boolean,
|
||
noResize: Boolean,
|
||
rowHeight: {
|
||
type: [Number, String],
|
||
default: 24,
|
||
validator: function validator(v) {
|
||
return !isNaN(parseFloat(v));
|
||
}
|
||
},
|
||
rows: {
|
||
type: [Number, String],
|
||
default: 5,
|
||
validator: function validator(v) {
|
||
return !isNaN(parseInt(v, 10));
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-textarea': true,
|
||
'v-textarea--auto-grow': this.autoGrow,
|
||
'v-textarea--no-resize': this.noResizeHandle
|
||
}, _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this));
|
||
},
|
||
noResizeHandle: function noResizeHandle() {
|
||
return this.noResize || this.autoGrow;
|
||
}
|
||
},
|
||
watch: {
|
||
lazyValue: function lazyValue() {
|
||
this.autoGrow && this.$nextTick(this.calculateInputHeight);
|
||
},
|
||
rowHeight: function rowHeight() {
|
||
this.autoGrow && this.$nextTick(this.calculateInputHeight);
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
var _this = this;
|
||
|
||
setTimeout(function () {
|
||
_this.autoGrow && _this.calculateInputHeight();
|
||
}, 0);
|
||
},
|
||
methods: {
|
||
calculateInputHeight: function calculateInputHeight() {
|
||
var input = this.$refs.input;
|
||
if (!input) return;
|
||
input.style.height = '0';
|
||
var height = input.scrollHeight;
|
||
var minHeight = parseInt(this.rows, 10) * parseFloat(this.rowHeight); // This has to be done ASAP, waiting for Vue
|
||
// to update the DOM causes ugly layout jumping
|
||
|
||
input.style.height = Math.max(minHeight, height) + 'px';
|
||
},
|
||
genInput: function genInput() {
|
||
var input = _VTextField_VTextField__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genInput.call(this);
|
||
input.tag = 'textarea';
|
||
delete input.data.attrs.type;
|
||
input.data.attrs.rows = this.rows;
|
||
return input;
|
||
},
|
||
onInput: function onInput(e) {
|
||
_VTextField_VTextField__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.onInput.call(this, e);
|
||
this.autoGrow && this.calculateInputHeight();
|
||
},
|
||
onKeyDown: function onKeyDown(e) {
|
||
// Prevents closing of a
|
||
// dialog when pressing
|
||
// enter
|
||
if (this.isFocused && e.keyCode === 13) {
|
||
e.stopPropagation();
|
||
}
|
||
|
||
this.$emit('keydown', e);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTextarea/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VTextarea/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VTextarea, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTextarea__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTextarea */ "./src/components/VTextarea/VTextarea.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTextarea", function() { return _VTextarea__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VTextarea__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VThemeProvider/VThemeProvider.ts":
|
||
/*!*********************************************************!*\
|
||
!*** ./src/components/VThemeProvider/VThemeProvider.ts ***!
|
||
\*********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
// Mixins
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_mixins_themeable__WEBPACK_IMPORTED_MODULE_0__["default"].extend({
|
||
name: 'v-theme-provider',
|
||
props: {
|
||
root: Boolean
|
||
},
|
||
computed: {
|
||
isDark: function isDark() {
|
||
return this.root ? this.rootIsDark : _mixins_themeable__WEBPACK_IMPORTED_MODULE_0__["default"].options.computed.isDark.call(this);
|
||
}
|
||
},
|
||
render: function render() {
|
||
/* istanbul ignore next */
|
||
return this.$slots.default && this.$slots.default.find(function (node) {
|
||
return !node.isComment && node.text !== ' ';
|
||
});
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VThemeProvider/index.ts":
|
||
/*!************************************************!*\
|
||
!*** ./src/components/VThemeProvider/index.ts ***!
|
||
\************************************************/
|
||
/*! exports provided: VThemeProvider, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VThemeProvider__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VThemeProvider */ "./src/components/VThemeProvider/VThemeProvider.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VThemeProvider", function() { return _VThemeProvider__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VThemeProvider__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimePicker/SelectingTimes.ts":
|
||
/*!******************************************************!*\
|
||
!*** ./src/components/VTimePicker/SelectingTimes.ts ***!
|
||
\******************************************************/
|
||
/*! exports provided: SelectingTimes */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectingTimes", function() { return SelectingTimes; });
|
||
var SelectingTimes;
|
||
|
||
(function (SelectingTimes) {
|
||
SelectingTimes[SelectingTimes["Hour"] = 1] = "Hour";
|
||
SelectingTimes[SelectingTimes["Minute"] = 2] = "Minute";
|
||
SelectingTimes[SelectingTimes["Second"] = 3] = "Second";
|
||
})(SelectingTimes || (SelectingTimes = {}));
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimePicker/VTimePicker.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VTimePicker/VTimePicker.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: SelectingTimes, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTimePickerTitle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTimePickerTitle */ "./src/components/VTimePicker/VTimePickerTitle.ts");
|
||
/* harmony import */ var _VTimePickerClock__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VTimePickerClock */ "./src/components/VTimePicker/VTimePickerClock.ts");
|
||
/* harmony import */ var _mixins_picker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/picker */ "./src/mixins/picker/index.ts");
|
||
/* harmony import */ var _mixins_picker_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/picker-button */ "./src/mixins/picker-button/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _VDatePicker_util_pad__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../VDatePicker/util/pad */ "./src/components/VDatePicker/util/pad.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SelectingTimes */ "./src/components/VTimePicker/SelectingTimes.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SelectingTimes", function() { return _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"]; });
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
}; // Components
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
|
||
|
||
var rangeHours24 = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["createRange"])(24);
|
||
var rangeHours12am = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["createRange"])(12);
|
||
var rangeHours12pm = rangeHours12am.map(function (v) {
|
||
return v + 12;
|
||
});
|
||
var range60 = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["createRange"])(60);
|
||
var selectingNames = {
|
||
1: 'hour',
|
||
2: 'minute',
|
||
3: 'second'
|
||
};
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_6__["default"])(_mixins_picker__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_picker_button__WEBPACK_IMPORTED_MODULE_3__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-time-picker',
|
||
props: {
|
||
allowedHours: [Function, Array],
|
||
allowedMinutes: [Function, Array],
|
||
allowedSeconds: [Function, Array],
|
||
disabled: Boolean,
|
||
format: {
|
||
type: String,
|
||
default: 'ampm',
|
||
validator: function validator(val) {
|
||
return ['ampm', '24hr'].includes(val);
|
||
}
|
||
},
|
||
min: String,
|
||
max: String,
|
||
readonly: Boolean,
|
||
scrollable: Boolean,
|
||
useSeconds: Boolean,
|
||
value: null,
|
||
ampmInTitle: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
inputHour: null,
|
||
inputMinute: null,
|
||
inputSecond: null,
|
||
lazyInputHour: null,
|
||
lazyInputMinute: null,
|
||
lazyInputSecond: null,
|
||
period: 'am',
|
||
selecting: _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour
|
||
};
|
||
},
|
||
computed: {
|
||
selectingHour: {
|
||
get: function get() {
|
||
return this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour;
|
||
},
|
||
set: function set(v) {
|
||
this.selecting = _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour;
|
||
}
|
||
},
|
||
selectingMinute: {
|
||
get: function get() {
|
||
return this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Minute;
|
||
},
|
||
set: function set(v) {
|
||
this.selecting = _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Minute;
|
||
}
|
||
},
|
||
selectingSecond: {
|
||
get: function get() {
|
||
return this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Second;
|
||
},
|
||
set: function set(v) {
|
||
this.selecting = _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Second;
|
||
}
|
||
},
|
||
isAllowedHourCb: function isAllowedHourCb() {
|
||
var _this = this;
|
||
|
||
var cb;
|
||
|
||
if (this.allowedHours instanceof Array) {
|
||
cb = function cb(val) {
|
||
return _this.allowedHours.includes(val);
|
||
};
|
||
} else {
|
||
cb = this.allowedHours;
|
||
}
|
||
|
||
if (!this.min && !this.max) return cb;
|
||
var minHour = this.min ? Number(this.min.split(':')[0]) : 0;
|
||
var maxHour = this.max ? Number(this.max.split(':')[0]) : 23;
|
||
return function (val) {
|
||
return val >= minHour * 1 && val <= maxHour * 1 && (!cb || cb(val));
|
||
};
|
||
},
|
||
isAllowedMinuteCb: function isAllowedMinuteCb() {
|
||
var _this = this;
|
||
|
||
var cb;
|
||
var isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour);
|
||
|
||
if (this.allowedMinutes instanceof Array) {
|
||
cb = function cb(val) {
|
||
return _this.allowedMinutes.includes(val);
|
||
};
|
||
} else {
|
||
cb = this.allowedMinutes;
|
||
}
|
||
|
||
if (!this.min && !this.max) {
|
||
return isHourAllowed ? cb : function () {
|
||
return false;
|
||
};
|
||
}
|
||
|
||
var _a = __read(this.min ? this.min.split(':').map(Number) : [0, 0], 2),
|
||
minHour = _a[0],
|
||
minMinute = _a[1];
|
||
|
||
var _b = __read(this.max ? this.max.split(':').map(Number) : [23, 59], 2),
|
||
maxHour = _b[0],
|
||
maxMinute = _b[1];
|
||
|
||
var minTime = minHour * 60 + minMinute * 1;
|
||
var maxTime = maxHour * 60 + maxMinute * 1;
|
||
return function (val) {
|
||
var time = 60 * _this.inputHour + val;
|
||
return time >= minTime && time <= maxTime && isHourAllowed && (!cb || cb(val));
|
||
};
|
||
},
|
||
isAllowedSecondCb: function isAllowedSecondCb() {
|
||
var _this = this;
|
||
|
||
var cb;
|
||
var isHourAllowed = !this.isAllowedHourCb || this.inputHour === null || this.isAllowedHourCb(this.inputHour);
|
||
var isMinuteAllowed = isHourAllowed && (!this.isAllowedMinuteCb || this.inputMinute === null || this.isAllowedMinuteCb(this.inputMinute));
|
||
|
||
if (this.allowedSeconds instanceof Array) {
|
||
cb = function cb(val) {
|
||
return _this.allowedSeconds.includes(val);
|
||
};
|
||
} else {
|
||
cb = this.allowedSeconds;
|
||
}
|
||
|
||
if (!this.min && !this.max) {
|
||
return isMinuteAllowed ? cb : function () {
|
||
return false;
|
||
};
|
||
}
|
||
|
||
var _a = __read(this.min ? this.min.split(':').map(Number) : [0, 0, 0], 3),
|
||
minHour = _a[0],
|
||
minMinute = _a[1],
|
||
minSecond = _a[2];
|
||
|
||
var _b = __read(this.max ? this.max.split(':').map(Number) : [23, 59, 59], 3),
|
||
maxHour = _b[0],
|
||
maxMinute = _b[1],
|
||
maxSecond = _b[2];
|
||
|
||
var minTime = minHour * 3600 + minMinute * 60 + (minSecond || 0) * 1;
|
||
var maxTime = maxHour * 3600 + maxMinute * 60 + (maxSecond || 0) * 1;
|
||
return function (val) {
|
||
var time = 3600 * _this.inputHour + 60 * _this.inputMinute + val;
|
||
return time >= minTime && time <= maxTime && isMinuteAllowed && (!cb || cb(val));
|
||
};
|
||
},
|
||
isAmPm: function isAmPm() {
|
||
return this.format === 'ampm';
|
||
}
|
||
},
|
||
watch: {
|
||
value: 'setInputData'
|
||
},
|
||
mounted: function mounted() {
|
||
this.setInputData(this.value);
|
||
this.$on('update:period', this.setPeriod);
|
||
},
|
||
methods: {
|
||
genValue: function genValue() {
|
||
if (this.inputHour != null && this.inputMinute != null && (!this.useSeconds || this.inputSecond != null)) {
|
||
return Object(_VDatePicker_util_pad__WEBPACK_IMPORTED_MODULE_5__["default"])(this.inputHour) + ":" + Object(_VDatePicker_util_pad__WEBPACK_IMPORTED_MODULE_5__["default"])(this.inputMinute) + (this.useSeconds ? ":" + Object(_VDatePicker_util_pad__WEBPACK_IMPORTED_MODULE_5__["default"])(this.inputSecond) : '');
|
||
}
|
||
|
||
return null;
|
||
},
|
||
emitValue: function emitValue() {
|
||
var value = this.genValue();
|
||
if (value !== null) this.$emit('input', value);
|
||
},
|
||
setPeriod: function setPeriod(period) {
|
||
this.period = period;
|
||
|
||
if (this.inputHour != null) {
|
||
var newHour = this.inputHour + (period === 'am' ? -12 : 12);
|
||
this.inputHour = this.firstAllowed('hour', newHour);
|
||
this.emitValue();
|
||
}
|
||
},
|
||
setInputData: function setInputData(value) {
|
||
if (value == null || value === '') {
|
||
this.inputHour = null;
|
||
this.inputMinute = null;
|
||
this.inputSecond = null;
|
||
} else if (value instanceof Date) {
|
||
this.inputHour = value.getHours();
|
||
this.inputMinute = value.getMinutes();
|
||
this.inputSecond = value.getSeconds();
|
||
} else {
|
||
var _a = __read(value.trim().toLowerCase().match(/^(\d+):(\d+)(:(\d+))?([ap]m)?$/) || new Array(6), 6),
|
||
hour = _a[1],
|
||
minute = _a[2],
|
||
second = _a[4],
|
||
period = _a[5];
|
||
|
||
this.inputHour = period ? this.convert12to24(parseInt(hour, 10), period) : parseInt(hour, 10);
|
||
this.inputMinute = parseInt(minute, 10);
|
||
this.inputSecond = parseInt(second || 0, 10);
|
||
}
|
||
|
||
this.period = this.inputHour == null || this.inputHour < 12 ? 'am' : 'pm';
|
||
},
|
||
convert24to12: function convert24to12(hour) {
|
||
return hour ? (hour - 1) % 12 + 1 : 12;
|
||
},
|
||
convert12to24: function convert12to24(hour, period) {
|
||
return hour % 12 + (period === 'pm' ? 12 : 0);
|
||
},
|
||
onInput: function onInput(value) {
|
||
if (this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour) {
|
||
this.inputHour = this.isAmPm ? this.convert12to24(value, this.period) : value;
|
||
} else if (this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Minute) {
|
||
this.inputMinute = value;
|
||
} else {
|
||
this.inputSecond = value;
|
||
}
|
||
|
||
this.emitValue();
|
||
},
|
||
onChange: function onChange(value) {
|
||
this.$emit("click:" + selectingNames[this.selecting], value);
|
||
var emitChange = this.selecting === (this.useSeconds ? _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Second : _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Minute);
|
||
|
||
if (this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour) {
|
||
this.selecting = _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Minute;
|
||
} else if (this.useSeconds && this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Minute) {
|
||
this.selecting = _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Second;
|
||
}
|
||
|
||
if (this.inputHour === this.lazyInputHour && this.inputMinute === this.lazyInputMinute && (!this.useSeconds || this.inputSecond === this.lazyInputSecond)) return;
|
||
var time = this.genValue();
|
||
if (time === null) return;
|
||
this.lazyInputHour = this.inputHour;
|
||
this.lazyInputMinute = this.inputMinute;
|
||
this.useSeconds && (this.lazyInputSecond = this.inputSecond);
|
||
emitChange && this.$emit('change', time);
|
||
},
|
||
firstAllowed: function firstAllowed(type, value) {
|
||
var allowedFn = type === 'hour' ? this.isAllowedHourCb : type === 'minute' ? this.isAllowedMinuteCb : this.isAllowedSecondCb;
|
||
if (!allowedFn) return value; // TODO: clean up
|
||
|
||
var range = type === 'minute' ? range60 : type === 'second' ? range60 : this.isAmPm ? value < 12 ? rangeHours12am : rangeHours12pm : rangeHours24;
|
||
var first = range.find(function (v) {
|
||
return allowedFn((v + value) % range.length + range[0]);
|
||
});
|
||
return ((first || 0) + value) % range.length + range[0];
|
||
},
|
||
genClock: function genClock() {
|
||
return this.$createElement(_VTimePickerClock__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
allowedValues: this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour ? this.isAllowedHourCb : this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Minute ? this.isAllowedMinuteCb : this.isAllowedSecondCb,
|
||
color: this.color,
|
||
dark: this.dark,
|
||
disabled: this.disabled,
|
||
double: this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour && !this.isAmPm,
|
||
format: this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour ? this.isAmPm ? this.convert24to12 : function (val) {
|
||
return val;
|
||
} : function (val) {
|
||
return Object(_VDatePicker_util_pad__WEBPACK_IMPORTED_MODULE_5__["default"])(val, 2);
|
||
},
|
||
light: this.light,
|
||
max: this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour ? this.isAmPm && this.period === 'am' ? 11 : 23 : 59,
|
||
min: this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour && this.isAmPm && this.period === 'pm' ? 12 : 0,
|
||
readonly: this.readonly,
|
||
scrollable: this.scrollable,
|
||
size: Number(this.width) - (!this.fullWidth && this.landscape ? 80 : 20),
|
||
step: this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour ? 1 : 5,
|
||
value: this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Hour ? this.inputHour : this.selecting === _SelectingTimes__WEBPACK_IMPORTED_MODULE_7__["SelectingTimes"].Minute ? this.inputMinute : this.inputSecond
|
||
},
|
||
on: {
|
||
input: this.onInput,
|
||
change: this.onChange
|
||
},
|
||
ref: 'clock'
|
||
});
|
||
},
|
||
genClockAmPm: function genClockAmPm() {
|
||
return this.$createElement('div', this.setTextColor(this.color || 'primary', {
|
||
staticClass: 'v-time-picker-clock__ampm'
|
||
}), [this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly), this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly)]);
|
||
},
|
||
genPickerBody: function genPickerBody() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-time-picker-clock__container',
|
||
key: this.selecting
|
||
}, [!this.ampmInTitle && this.isAmPm && this.genClockAmPm(), this.genClock()]);
|
||
},
|
||
genPickerTitle: function genPickerTitle() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VTimePickerTitle__WEBPACK_IMPORTED_MODULE_0__["default"], {
|
||
props: {
|
||
ampm: this.isAmPm,
|
||
ampmReadonly: this.isAmPm && !this.ampmInTitle,
|
||
disabled: this.disabled,
|
||
hour: this.inputHour,
|
||
minute: this.inputMinute,
|
||
second: this.inputSecond,
|
||
period: this.period,
|
||
readonly: this.readonly,
|
||
useSeconds: this.useSeconds,
|
||
selecting: this.selecting
|
||
},
|
||
on: {
|
||
'update:selecting': function updateSelecting(value) {
|
||
return _this.selecting = value;
|
||
},
|
||
'update:period': function updatePeriod(period) {
|
||
return _this.$emit('update:period', period);
|
||
}
|
||
},
|
||
ref: 'title',
|
||
slot: 'title'
|
||
});
|
||
}
|
||
},
|
||
render: function render() {
|
||
return this.genPicker('v-picker--time');
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimePicker/VTimePickerClock.sass":
|
||
/*!**********************************************************!*\
|
||
!*** ./src/components/VTimePicker/VTimePickerClock.sass ***!
|
||
\**********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimePicker/VTimePickerClock.ts":
|
||
/*!********************************************************!*\
|
||
!*** ./src/components/VTimePicker/VTimePickerClock.ts ***!
|
||
\********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTimePickerClock_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTimePickerClock.sass */ "./src/components/VTimePicker/VTimePickerClock.sass");
|
||
/* harmony import */ var _VTimePickerClock_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTimePickerClock_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
// Mixins
|
||
|
||
|
||
// Types
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-time-picker-clock',
|
||
props: {
|
||
allowedValues: Function,
|
||
ampm: Boolean,
|
||
disabled: Boolean,
|
||
double: Boolean,
|
||
format: {
|
||
type: Function,
|
||
default: function _default(val) {
|
||
return val;
|
||
}
|
||
},
|
||
max: {
|
||
type: Number,
|
||
required: true
|
||
},
|
||
min: {
|
||
type: Number,
|
||
required: true
|
||
},
|
||
scrollable: Boolean,
|
||
readonly: Boolean,
|
||
rotate: {
|
||
type: Number,
|
||
default: 0
|
||
},
|
||
step: {
|
||
type: Number,
|
||
default: 1
|
||
},
|
||
value: Number
|
||
},
|
||
data: function data() {
|
||
return {
|
||
inputValue: this.value,
|
||
isDragging: false,
|
||
valueOnMouseDown: null,
|
||
valueOnMouseUp: null
|
||
};
|
||
},
|
||
computed: {
|
||
count: function count() {
|
||
return this.max - this.min + 1;
|
||
},
|
||
degreesPerUnit: function degreesPerUnit() {
|
||
return 360 / this.roundCount;
|
||
},
|
||
degrees: function degrees() {
|
||
return this.degreesPerUnit * Math.PI / 180;
|
||
},
|
||
displayedValue: function displayedValue() {
|
||
return this.value == null ? this.min : this.value;
|
||
},
|
||
innerRadiusScale: function innerRadiusScale() {
|
||
return 0.62;
|
||
},
|
||
roundCount: function roundCount() {
|
||
return this.double ? this.count / 2 : this.count;
|
||
}
|
||
},
|
||
watch: {
|
||
value: function value(_value) {
|
||
this.inputValue = _value;
|
||
}
|
||
},
|
||
methods: {
|
||
wheel: function wheel(e) {
|
||
e.preventDefault();
|
||
var delta = Math.sign(-e.deltaY || 1);
|
||
var value = this.displayedValue;
|
||
|
||
do {
|
||
value = value + delta;
|
||
value = (value - this.min + this.count) % this.count + this.min;
|
||
} while (!this.isAllowed(value) && value !== this.displayedValue);
|
||
|
||
if (value !== this.displayedValue) {
|
||
this.update(value);
|
||
}
|
||
},
|
||
isInner: function isInner(value) {
|
||
return this.double && value - this.min >= this.roundCount;
|
||
},
|
||
handScale: function handScale(value) {
|
||
return this.isInner(value) ? this.innerRadiusScale : 1;
|
||
},
|
||
isAllowed: function isAllowed(value) {
|
||
return !this.allowedValues || this.allowedValues(value);
|
||
},
|
||
genValues: function genValues() {
|
||
var children = [];
|
||
|
||
for (var value = this.min; value <= this.max; value = value + this.step) {
|
||
var color = value === this.value && (this.color || 'accent');
|
||
children.push(this.$createElement('span', this.setBackgroundColor(color, {
|
||
staticClass: 'v-time-picker-clock__item',
|
||
class: {
|
||
'v-time-picker-clock__item--active': value === this.displayedValue,
|
||
'v-time-picker-clock__item--disabled': this.disabled || !this.isAllowed(value)
|
||
},
|
||
style: this.getTransform(value),
|
||
domProps: {
|
||
innerHTML: "<span>" + this.format(value) + "</span>"
|
||
}
|
||
})));
|
||
}
|
||
|
||
return children;
|
||
},
|
||
genHand: function genHand() {
|
||
var scale = "scaleY(" + this.handScale(this.displayedValue) + ")";
|
||
var angle = this.rotate + this.degreesPerUnit * (this.displayedValue - this.min);
|
||
var color = this.value != null && (this.color || 'accent');
|
||
return this.$createElement('div', this.setBackgroundColor(color, {
|
||
staticClass: 'v-time-picker-clock__hand',
|
||
class: {
|
||
'v-time-picker-clock__hand--inner': this.isInner(this.value)
|
||
},
|
||
style: {
|
||
transform: "rotate(" + angle + "deg) " + scale
|
||
}
|
||
}));
|
||
},
|
||
getTransform: function getTransform(i) {
|
||
var _a = this.getPosition(i),
|
||
x = _a.x,
|
||
y = _a.y;
|
||
|
||
return {
|
||
left: 50 + x * 50 + "%",
|
||
top: 50 + y * 50 + "%"
|
||
};
|
||
},
|
||
getPosition: function getPosition(value) {
|
||
var rotateRadians = this.rotate * Math.PI / 180;
|
||
return {
|
||
x: Math.sin((value - this.min) * this.degrees + rotateRadians) * this.handScale(value),
|
||
y: -Math.cos((value - this.min) * this.degrees + rotateRadians) * this.handScale(value)
|
||
};
|
||
},
|
||
onMouseDown: function onMouseDown(e) {
|
||
e.preventDefault();
|
||
this.valueOnMouseDown = null;
|
||
this.valueOnMouseUp = null;
|
||
this.isDragging = true;
|
||
this.onDragMove(e);
|
||
},
|
||
onMouseUp: function onMouseUp(e) {
|
||
e.stopPropagation();
|
||
this.isDragging = false;
|
||
|
||
if (this.valueOnMouseUp !== null && this.isAllowed(this.valueOnMouseUp)) {
|
||
this.$emit('change', this.valueOnMouseUp);
|
||
}
|
||
},
|
||
onDragMove: function onDragMove(e) {
|
||
e.preventDefault();
|
||
if (!this.isDragging && e.type !== 'click') return;
|
||
|
||
var _a = this.$refs.clock.getBoundingClientRect(),
|
||
width = _a.width,
|
||
top = _a.top,
|
||
left = _a.left;
|
||
|
||
var innerWidth = this.$refs.innerClock.getBoundingClientRect().width;
|
||
|
||
var _b = 'touches' in e ? e.touches[0] : e,
|
||
clientX = _b.clientX,
|
||
clientY = _b.clientY;
|
||
|
||
var center = {
|
||
x: width / 2,
|
||
y: -width / 2
|
||
};
|
||
var coords = {
|
||
x: clientX - left,
|
||
y: top - clientY
|
||
};
|
||
var handAngle = Math.round(this.angle(center, coords) - this.rotate + 360) % 360;
|
||
var insideClick = this.double && this.euclidean(center, coords) < (innerWidth + innerWidth * this.innerRadiusScale) / 4;
|
||
var checksCount = Math.ceil(15 / this.degreesPerUnit);
|
||
var value;
|
||
|
||
for (var i = 0; i < checksCount; i++) {
|
||
value = this.angleToValue(handAngle + i * this.degreesPerUnit, insideClick);
|
||
if (this.isAllowed(value)) return this.setMouseDownValue(value);
|
||
value = this.angleToValue(handAngle - i * this.degreesPerUnit, insideClick);
|
||
if (this.isAllowed(value)) return this.setMouseDownValue(value);
|
||
}
|
||
},
|
||
angleToValue: function angleToValue(angle, insideClick) {
|
||
var value = (Math.round(angle / this.degreesPerUnit) + (insideClick ? this.roundCount : 0)) % this.count + this.min; // Necessary to fix edge case when selecting left part of the value(s) at 12 o'clock
|
||
|
||
if (angle < 360 - this.degreesPerUnit / 2) return value;
|
||
return insideClick ? this.max - this.roundCount + 1 : this.min;
|
||
},
|
||
setMouseDownValue: function setMouseDownValue(value) {
|
||
if (this.valueOnMouseDown === null) {
|
||
this.valueOnMouseDown = value;
|
||
}
|
||
|
||
this.valueOnMouseUp = value;
|
||
this.update(value);
|
||
},
|
||
update: function update(value) {
|
||
if (this.inputValue !== value) {
|
||
this.inputValue = value;
|
||
this.$emit('input', value);
|
||
}
|
||
},
|
||
euclidean: function euclidean(p0, p1) {
|
||
var dx = p1.x - p0.x;
|
||
var dy = p1.y - p0.y;
|
||
return Math.sqrt(dx * dx + dy * dy);
|
||
},
|
||
angle: function angle(center, p1) {
|
||
var value = 2 * Math.atan2(p1.y - center.y - this.euclidean(center, p1), p1.x - center.x);
|
||
return Math.abs(value * 180 / Math.PI);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
var data = {
|
||
staticClass: 'v-time-picker-clock',
|
||
class: __assign({
|
||
'v-time-picker-clock--indeterminate': this.value == null
|
||
}, this.themeClasses),
|
||
on: this.readonly || this.disabled ? undefined : Object.assign({
|
||
mousedown: this.onMouseDown,
|
||
mouseup: this.onMouseUp,
|
||
mouseleave: function mouseleave(e) {
|
||
return _this.isDragging && _this.onMouseUp(e);
|
||
},
|
||
touchstart: this.onMouseDown,
|
||
touchend: this.onMouseUp,
|
||
mousemove: this.onDragMove,
|
||
touchmove: this.onDragMove
|
||
}, this.scrollable ? {
|
||
wheel: this.wheel
|
||
} : {}),
|
||
ref: 'clock'
|
||
};
|
||
return h('div', data, [h('div', {
|
||
staticClass: 'v-time-picker-clock__inner',
|
||
ref: 'innerClock'
|
||
}, [this.genHand(), this.genValues()])]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimePicker/VTimePickerTitle.sass":
|
||
/*!**********************************************************!*\
|
||
!*** ./src/components/VTimePicker/VTimePickerTitle.sass ***!
|
||
\**********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimePicker/VTimePickerTitle.ts":
|
||
/*!********************************************************!*\
|
||
!*** ./src/components/VTimePicker/VTimePickerTitle.ts ***!
|
||
\********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTimePickerTitle_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTimePickerTitle.sass */ "./src/components/VTimePicker/VTimePickerTitle.sass");
|
||
/* harmony import */ var _VTimePickerTitle_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTimePickerTitle_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_picker_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/picker-button */ "./src/mixins/picker-button/index.ts");
|
||
/* harmony import */ var _VDatePicker_util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VDatePicker/util */ "./src/components/VDatePicker/util/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _SelectingTimes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./SelectingTimes */ "./src/components/VTimePicker/SelectingTimes.ts");
|
||
// Mixins
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_mixins_picker_button__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-time-picker-title',
|
||
props: {
|
||
ampm: Boolean,
|
||
ampmReadonly: Boolean,
|
||
disabled: Boolean,
|
||
hour: Number,
|
||
minute: Number,
|
||
second: Number,
|
||
period: {
|
||
type: String,
|
||
validator: function validator(period) {
|
||
return period === 'am' || period === 'pm';
|
||
}
|
||
},
|
||
readonly: Boolean,
|
||
useSeconds: Boolean,
|
||
selecting: Number
|
||
},
|
||
methods: {
|
||
genTime: function genTime() {
|
||
var hour = this.hour;
|
||
|
||
if (this.ampm) {
|
||
hour = hour ? (hour - 1) % 12 + 1 : 12;
|
||
}
|
||
|
||
var displayedHour = this.hour == null ? '--' : this.ampm ? String(hour) : Object(_VDatePicker_util__WEBPACK_IMPORTED_MODULE_2__["pad"])(hour);
|
||
var displayedMinute = this.minute == null ? '--' : Object(_VDatePicker_util__WEBPACK_IMPORTED_MODULE_2__["pad"])(this.minute);
|
||
var titleContent = [this.genPickerButton('selecting', _SelectingTimes__WEBPACK_IMPORTED_MODULE_4__["SelectingTimes"].Hour, displayedHour, this.disabled), this.$createElement('span', ':'), this.genPickerButton('selecting', _SelectingTimes__WEBPACK_IMPORTED_MODULE_4__["SelectingTimes"].Minute, displayedMinute, this.disabled)];
|
||
|
||
if (this.useSeconds) {
|
||
var displayedSecond = this.second == null ? '--' : Object(_VDatePicker_util__WEBPACK_IMPORTED_MODULE_2__["pad"])(this.second);
|
||
titleContent.push(this.$createElement('span', ':'));
|
||
titleContent.push(this.genPickerButton('selecting', _SelectingTimes__WEBPACK_IMPORTED_MODULE_4__["SelectingTimes"].Second, displayedSecond, this.disabled));
|
||
}
|
||
|
||
return this.$createElement('div', {
|
||
class: 'v-time-picker-title__time'
|
||
}, titleContent);
|
||
},
|
||
genAmPm: function genAmPm() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-time-picker-title__ampm',
|
||
class: {
|
||
'v-time-picker-title__ampm--readonly': this.ampmReadonly
|
||
}
|
||
}, [!this.ampmReadonly || this.period === 'am' ? this.genPickerButton('period', 'am', this.$vuetify.lang.t('$vuetify.timePicker.am'), this.disabled || this.readonly) : null, !this.ampmReadonly || this.period === 'pm' ? this.genPickerButton('period', 'pm', this.$vuetify.lang.t('$vuetify.timePicker.pm'), this.disabled || this.readonly) : null]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [this.genTime()];
|
||
this.ampm && children.push(this.genAmPm());
|
||
return h('div', {
|
||
staticClass: 'v-time-picker-title'
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimePicker/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VTimePicker/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: VTimePicker, VTimePickerClock, VTimePickerTitle, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTimePicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTimePicker */ "./src/components/VTimePicker/VTimePicker.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimePicker", function() { return _VTimePicker__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VTimePickerClock__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VTimePickerClock */ "./src/components/VTimePicker/VTimePickerClock.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimePickerClock", function() { return _VTimePickerClock__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _VTimePickerTitle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VTimePickerTitle */ "./src/components/VTimePicker/VTimePickerTitle.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimePickerTitle", function() { return _VTimePickerTitle__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VTimePicker: _VTimePicker__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VTimePickerClock: _VTimePickerClock__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
VTimePickerTitle: _VTimePickerTitle__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimeline/VTimeline.sass":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VTimeline/VTimeline.sass ***!
|
||
\*************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimeline/VTimeline.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VTimeline/VTimeline.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTimeline_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTimeline.sass */ "./src/components/VTimeline/VTimeline.sass");
|
||
/* harmony import */ var _VTimeline_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTimeline_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_1__["default"])(_mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-timeline',
|
||
provide: function provide() {
|
||
return {
|
||
timeline: this
|
||
};
|
||
},
|
||
props: {
|
||
alignTop: Boolean,
|
||
dense: Boolean,
|
||
reverse: Boolean
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return __assign({
|
||
'v-timeline--align-top': this.alignTop,
|
||
'v-timeline--dense': this.dense,
|
||
'v-timeline--reverse': this.reverse
|
||
}, this.themeClasses);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
return h('div', {
|
||
staticClass: 'v-timeline',
|
||
class: this.classes
|
||
}, this.$slots.default);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimeline/VTimelineItem.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VTimeline/VTimelineItem.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Types
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_0__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
/* @vue/component */
|
||
);
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'v-timeline-item',
|
||
inject: ['timeline'],
|
||
props: {
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
fillDot: Boolean,
|
||
hideDot: Boolean,
|
||
icon: String,
|
||
iconColor: String,
|
||
large: Boolean,
|
||
left: Boolean,
|
||
right: Boolean,
|
||
small: Boolean
|
||
},
|
||
computed: {
|
||
hasIcon: function hasIcon() {
|
||
return !!this.icon || !!this.$slots.icon;
|
||
}
|
||
},
|
||
methods: {
|
||
genBody: function genBody() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-timeline-item__body'
|
||
}, this.$slots.default);
|
||
},
|
||
genIcon: function genIcon() {
|
||
if (this.$slots.icon) {
|
||
return this.$slots.icon;
|
||
}
|
||
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
color: this.iconColor,
|
||
dark: !this.theme.isDark,
|
||
small: this.small
|
||
}
|
||
}, this.icon);
|
||
},
|
||
genInnerDot: function genInnerDot() {
|
||
var data = this.setBackgroundColor(this.color);
|
||
return this.$createElement('div', __assign({
|
||
staticClass: 'v-timeline-item__inner-dot'
|
||
}, data), [this.hasIcon && this.genIcon()]);
|
||
},
|
||
genDot: function genDot() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-timeline-item__dot',
|
||
class: {
|
||
'v-timeline-item__dot--small': this.small,
|
||
'v-timeline-item__dot--large': this.large
|
||
}
|
||
}, [this.genInnerDot()]);
|
||
},
|
||
genDivider: function genDivider() {
|
||
var children = [];
|
||
if (!this.hideDot) children.push(this.genDot());
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-timeline-item__divider'
|
||
}, children);
|
||
},
|
||
genOpposite: function genOpposite() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-timeline-item__opposite'
|
||
}, this.$slots.opposite);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [this.genBody(), this.genDivider()];
|
||
if (this.$slots.opposite) children.push(this.genOpposite());
|
||
return h('div', {
|
||
staticClass: 'v-timeline-item',
|
||
class: __assign({
|
||
'v-timeline-item--fill-dot': this.fillDot,
|
||
'v-timeline-item--before': this.timeline.reverse ? this.right : this.left,
|
||
'v-timeline-item--after': this.timeline.reverse ? this.left : this.right
|
||
}, this.themeClasses)
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTimeline/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VTimeline/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VTimeline, VTimelineItem, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTimeline__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTimeline */ "./src/components/VTimeline/VTimeline.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimeline", function() { return _VTimeline__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VTimelineItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VTimelineItem */ "./src/components/VTimeline/VTimelineItem.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimelineItem", function() { return _VTimelineItem__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VTimeline: _VTimeline__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VTimelineItem: _VTimelineItem__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VToolbar/VToolbar.sass":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VToolbar/VToolbar.sass ***!
|
||
\***********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VToolbar/VToolbar.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VToolbar/VToolbar.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VToolbar_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VToolbar.sass */ "./src/components/VToolbar/VToolbar.sass");
|
||
/* harmony import */ var _VToolbar_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VToolbar_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VSheet_VSheet__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VSheet/VSheet */ "./src/components/VSheet/VSheet.ts");
|
||
/* harmony import */ var _VImg_VImg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VImg/VImg */ "./src/components/VImg/VImg.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
// Extensions
|
||
|
||
// Components
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VSheet_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].extend({
|
||
name: 'v-toolbar',
|
||
props: {
|
||
absolute: Boolean,
|
||
bottom: Boolean,
|
||
collapse: Boolean,
|
||
dense: Boolean,
|
||
extended: Boolean,
|
||
extensionHeight: {
|
||
default: 48,
|
||
type: [Number, String]
|
||
},
|
||
flat: Boolean,
|
||
floating: Boolean,
|
||
prominent: Boolean,
|
||
short: Boolean,
|
||
src: {
|
||
type: [String, Object],
|
||
default: ''
|
||
},
|
||
tag: {
|
||
type: String,
|
||
default: 'header'
|
||
},
|
||
tile: {
|
||
type: Boolean,
|
||
default: true
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isExtended: false
|
||
};
|
||
},
|
||
computed: {
|
||
computedHeight: function computedHeight() {
|
||
var height = this.computedContentHeight;
|
||
if (!this.isExtended) return height;
|
||
var extensionHeight = parseInt(this.extensionHeight);
|
||
return this.isCollapsed ? height : height + (!isNaN(extensionHeight) ? extensionHeight : 0);
|
||
},
|
||
computedContentHeight: function computedContentHeight() {
|
||
if (this.height) return parseInt(this.height);
|
||
if (this.isProminent && this.dense) return 96;
|
||
if (this.isProminent && this.short) return 112;
|
||
if (this.isProminent) return 128;
|
||
if (this.dense) return 48;
|
||
if (this.short || this.$vuetify.breakpoint.smAndDown) return 56;
|
||
return 64;
|
||
},
|
||
classes: function classes() {
|
||
return __assign({}, _VSheet_VSheet__WEBPACK_IMPORTED_MODULE_1__["default"].options.computed.classes.call(this), {
|
||
'v-toolbar': true,
|
||
'v-toolbar--absolute': this.absolute,
|
||
'v-toolbar--bottom': this.bottom,
|
||
'v-toolbar--collapse': this.collapse,
|
||
'v-toolbar--collapsed': this.isCollapsed,
|
||
'v-toolbar--dense': this.dense,
|
||
'v-toolbar--extended': this.isExtended,
|
||
'v-toolbar--flat': this.flat,
|
||
'v-toolbar--floating': this.floating,
|
||
'v-toolbar--prominent': this.isProminent
|
||
});
|
||
},
|
||
isCollapsed: function isCollapsed() {
|
||
return this.collapse;
|
||
},
|
||
isProminent: function isProminent() {
|
||
return this.prominent;
|
||
},
|
||
styles: function styles() {
|
||
return __assign({}, this.measurableStyles, {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.computedHeight)
|
||
});
|
||
}
|
||
},
|
||
created: function created() {
|
||
var _this = this;
|
||
|
||
var breakingProps = [['app', '<v-app-bar app>'], ['manual-scroll', '<v-app-bar :value="false">'], ['clipped-left', '<v-app-bar clipped-left>'], ['clipped-right', '<v-app-bar clipped-right>'], ['inverted-scroll', '<v-app-bar inverted-scroll>'], ['scroll-off-screen', '<v-app-bar scroll-off-screen>'], ['scroll-target', '<v-app-bar scroll-target>'], ['scroll-threshold', '<v-app-bar scroll-threshold>'], ['card', '<v-app-bar flat>']];
|
||
/* istanbul ignore next */
|
||
|
||
breakingProps.forEach(function (_a) {
|
||
var _b = __read(_a, 2),
|
||
original = _b[0],
|
||
replacement = _b[1];
|
||
|
||
if (_this.$attrs.hasOwnProperty(original)) Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["breaking"])(original, replacement, _this);
|
||
});
|
||
},
|
||
methods: {
|
||
genBackground: function genBackground() {
|
||
var props = {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.computedHeight),
|
||
src: this.src
|
||
};
|
||
var image = this.$scopedSlots.img ? this.$scopedSlots.img({
|
||
props: props
|
||
}) : this.$createElement(_VImg_VImg__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: props
|
||
});
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-toolbar__image'
|
||
}, [image]);
|
||
},
|
||
genContent: function genContent() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-toolbar__content',
|
||
style: {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.computedContentHeight)
|
||
}
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this));
|
||
},
|
||
genExtension: function genExtension() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-toolbar__extension',
|
||
style: {
|
||
height: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.extensionHeight)
|
||
}
|
||
}, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'extension'));
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
this.isExtended = this.extended || !!this.$scopedSlots.extension;
|
||
var children = [this.genContent()];
|
||
var data = this.setBackgroundColor(this.color, {
|
||
class: this.classes,
|
||
style: this.styles,
|
||
on: this.$listeners
|
||
});
|
||
if (this.isExtended) children.push(this.genExtension());
|
||
if (this.src || this.$scopedSlots.img) children.unshift(this.genBackground());
|
||
return h(this.tag, data, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VToolbar/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VToolbar/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: VToolbar, VToolbarItems, VToolbarTitle, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VToolbarItems", function() { return VToolbarItems; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VToolbarTitle", function() { return VToolbarTitle; });
|
||
/* harmony import */ var _VToolbar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VToolbar */ "./src/components/VToolbar/VToolbar.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VToolbar", function() { return _VToolbar__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
// Components
|
||
// Utilities
|
||
|
||
|
||
var VToolbarTitle = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["createSimpleFunctional"])('v-toolbar__title');
|
||
var VToolbarItems = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["createSimpleFunctional"])('v-toolbar__items');
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VToolbar: _VToolbar__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VToolbarItems: VToolbarItems,
|
||
VToolbarTitle: VToolbarTitle
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTooltip/VTooltip.sass":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VTooltip/VTooltip.sass ***!
|
||
\***********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTooltip/VTooltip.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VTooltip/VTooltip.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTooltip_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTooltip.sass */ "./src/components/VTooltip/VTooltip.sass");
|
||
/* harmony import */ var _VTooltip_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTooltip_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _mixins_activatable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/activatable */ "./src/mixins/activatable/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _mixins_delayable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/delayable */ "./src/mixins/delayable/index.ts");
|
||
/* harmony import */ var _mixins_dependent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../mixins/dependent */ "./src/mixins/dependent/index.ts");
|
||
/* harmony import */ var _mixins_detachable__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/detachable */ "./src/mixins/detachable/index.ts");
|
||
/* harmony import */ var _mixins_menuable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../mixins/menuable */ "./src/mixins/menuable/index.ts");
|
||
/* harmony import */ var _mixins_toggleable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../mixins/toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Mixins
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
// Helpers
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_10__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_2__["default"], _mixins_delayable__WEBPACK_IMPORTED_MODULE_3__["default"], _mixins_dependent__WEBPACK_IMPORTED_MODULE_4__["default"], _mixins_detachable__WEBPACK_IMPORTED_MODULE_5__["default"], _mixins_menuable__WEBPACK_IMPORTED_MODULE_6__["default"], _mixins_toggleable__WEBPACK_IMPORTED_MODULE_7__["default"]).extend({
|
||
name: 'v-tooltip',
|
||
props: {
|
||
closeDelay: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
disabled: Boolean,
|
||
fixed: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
openDelay: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
openOnHover: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
tag: {
|
||
type: String,
|
||
default: 'span'
|
||
},
|
||
transition: String,
|
||
zIndex: {
|
||
default: null
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
calculatedMinWidth: 0,
|
||
closeDependents: false
|
||
};
|
||
},
|
||
computed: {
|
||
calculatedLeft: function calculatedLeft() {
|
||
var _a = this.dimensions,
|
||
activator = _a.activator,
|
||
content = _a.content;
|
||
var unknown = !this.bottom && !this.left && !this.top && !this.right;
|
||
var activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left;
|
||
var left = 0;
|
||
|
||
if (this.top || this.bottom || unknown) {
|
||
left = activatorLeft + activator.width / 2 - content.width / 2;
|
||
} else if (this.left || this.right) {
|
||
left = activatorLeft + (this.right ? activator.width : -content.width) + (this.right ? 10 : -10);
|
||
}
|
||
|
||
if (this.nudgeLeft) left -= parseInt(this.nudgeLeft);
|
||
if (this.nudgeRight) left += parseInt(this.nudgeRight);
|
||
return this.calcXOverflow(left, this.dimensions.content.width) + "px";
|
||
},
|
||
calculatedTop: function calculatedTop() {
|
||
var _a = this.dimensions,
|
||
activator = _a.activator,
|
||
content = _a.content;
|
||
var activatorTop = this.attach !== false ? activator.offsetTop : activator.top;
|
||
var top = 0;
|
||
|
||
if (this.top || this.bottom) {
|
||
top = activatorTop + (this.bottom ? activator.height : -content.height) + (this.bottom ? 10 : -10);
|
||
} else if (this.left || this.right) {
|
||
top = activatorTop + activator.height / 2 - content.height / 2;
|
||
}
|
||
|
||
if (this.nudgeTop) top -= parseInt(this.nudgeTop);
|
||
if (this.nudgeBottom) top += parseInt(this.nudgeBottom);
|
||
return this.calcYOverflow(top + this.pageYOffset) + "px";
|
||
},
|
||
classes: function classes() {
|
||
return {
|
||
'v-tooltip--top': this.top,
|
||
'v-tooltip--right': this.right,
|
||
'v-tooltip--bottom': this.bottom,
|
||
'v-tooltip--left': this.left,
|
||
'v-tooltip--attached': this.attach === '' || this.attach === true || this.attach === 'attach'
|
||
};
|
||
},
|
||
computedTransition: function computedTransition() {
|
||
if (this.transition) return this.transition;
|
||
return this.isActive ? 'scale-transition' : 'fade-transition';
|
||
},
|
||
offsetY: function offsetY() {
|
||
return this.top || this.bottom;
|
||
},
|
||
offsetX: function offsetX() {
|
||
return this.left || this.right;
|
||
},
|
||
styles: function styles() {
|
||
return {
|
||
left: this.calculatedLeft,
|
||
maxWidth: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.maxWidth),
|
||
minWidth: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["convertToUnit"])(this.minWidth),
|
||
opacity: this.isActive ? 0.9 : 0,
|
||
top: this.calculatedTop,
|
||
zIndex: this.zIndex || this.activeZIndex
|
||
};
|
||
}
|
||
},
|
||
beforeMount: function beforeMount() {
|
||
var _this = this;
|
||
|
||
this.$nextTick(function () {
|
||
_this.value && _this.callActivate();
|
||
});
|
||
},
|
||
mounted: function mounted() {
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_8__["getSlotType"])(this, 'activator', true) === 'v-slot') {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_9__["consoleError"])("v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'", this);
|
||
}
|
||
},
|
||
methods: {
|
||
activate: function activate() {
|
||
// Update coordinates and dimensions of menu
|
||
// and its activator
|
||
this.updateDimensions(); // Start the transition
|
||
|
||
requestAnimationFrame(this.startTransition);
|
||
},
|
||
deactivate: function deactivate() {
|
||
this.runDelay('close');
|
||
},
|
||
genActivatorListeners: function genActivatorListeners() {
|
||
var _this = this;
|
||
|
||
var listeners = _mixins_activatable__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genActivatorListeners.call(this);
|
||
|
||
listeners.focus = function (e) {
|
||
_this.getActivator(e);
|
||
|
||
_this.runDelay('open');
|
||
};
|
||
|
||
listeners.blur = function (e) {
|
||
_this.getActivator(e);
|
||
|
||
_this.runDelay('close');
|
||
};
|
||
|
||
listeners.keydown = function (e) {
|
||
if (e.keyCode === _util_helpers__WEBPACK_IMPORTED_MODULE_8__["keyCodes"].esc) {
|
||
_this.getActivator(e);
|
||
|
||
_this.runDelay('close');
|
||
}
|
||
};
|
||
|
||
return listeners;
|
||
},
|
||
genTransition: function genTransition() {
|
||
var content = this.genContent();
|
||
if (!this.computedTransition) return content;
|
||
return this.$createElement('transition', {
|
||
props: {
|
||
name: this.computedTransition
|
||
}
|
||
}, [content]);
|
||
},
|
||
genContent: function genContent() {
|
||
var _a;
|
||
|
||
return this.$createElement('div', this.setBackgroundColor(this.color, {
|
||
staticClass: 'v-tooltip__content',
|
||
class: (_a = {}, _a[this.contentClass] = true, _a.menuable__content__active = this.isActive, _a['v-tooltip__content--fixed'] = this.activatorFixed, _a),
|
||
style: this.styles,
|
||
attrs: this.getScopeIdAttrs(),
|
||
directives: [{
|
||
name: 'show',
|
||
value: this.isContentActive
|
||
}],
|
||
ref: 'content'
|
||
}), this.getContentSlot());
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
return h(this.tag, {
|
||
staticClass: 'v-tooltip',
|
||
class: this.classes
|
||
}, [this.showLazyContent(function () {
|
||
return [_this.genTransition()];
|
||
}), this.genActivator()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTooltip/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/components/VTooltip/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: VTooltip, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTooltip__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTooltip */ "./src/components/VTooltip/VTooltip.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTooltip", function() { return _VTooltip__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VTooltip__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTreeview/VTreeview.sass":
|
||
/*!*************************************************!*\
|
||
!*** ./src/components/VTreeview/VTreeview.sass ***!
|
||
\*************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTreeview/VTreeview.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VTreeview/VTreeview.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTreeview_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTreeview.sass */ "./src/components/VTreeview/VTreeview.sass");
|
||
/* harmony import */ var _VTreeview_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VTreeview_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _VTreeviewNode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VTreeviewNode */ "./src/components/VTreeview/VTreeviewNode.ts");
|
||
/* harmony import */ var _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_filterTreeItems__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./util/filterTreeItems */ "./src/components/VTreeview/util/filterTreeItems.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __values = undefined && undefined.__values || function (o) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator],
|
||
i = 0;
|
||
if (m) return m.call(o);
|
||
return {
|
||
next: function next() {
|
||
if (o && i >= o.length) o = void 0;
|
||
return {
|
||
value: o && o[i++],
|
||
done: !o
|
||
};
|
||
}
|
||
};
|
||
}; // Styles
|
||
|
||
|
||
// Components
|
||
|
||
// Mixins
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_3__["provide"])('treeview'), _mixins_themeable__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'v-treeview',
|
||
provide: function provide() {
|
||
return {
|
||
treeview: this
|
||
};
|
||
},
|
||
props: __assign({
|
||
active: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
dense: Boolean,
|
||
filter: Function,
|
||
hoverable: Boolean,
|
||
items: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
multipleActive: Boolean,
|
||
open: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
openAll: Boolean,
|
||
returnObject: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
search: String,
|
||
selectionType: {
|
||
type: String,
|
||
default: 'leaf',
|
||
validator: function validator(v) {
|
||
return ['leaf', 'independent'].includes(v);
|
||
}
|
||
},
|
||
value: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
}
|
||
}, _VTreeviewNode__WEBPACK_IMPORTED_MODULE_1__["VTreeviewNodeProps"]),
|
||
data: function data() {
|
||
return {
|
||
level: -1,
|
||
activeCache: new Set(),
|
||
nodes: {},
|
||
openCache: new Set(),
|
||
selectedCache: new Set()
|
||
};
|
||
},
|
||
computed: {
|
||
excludedItems: function excludedItems() {
|
||
var excluded = new Set();
|
||
if (!this.search) return excluded;
|
||
|
||
for (var i = 0; i < this.items.length; i++) {
|
||
Object(_util_filterTreeItems__WEBPACK_IMPORTED_MODULE_7__["filterTreeItems"])(this.filter || _util_filterTreeItems__WEBPACK_IMPORTED_MODULE_7__["filterTreeItem"], this.items[i], this.search, this.itemKey, this.itemText, this.itemChildren, excluded);
|
||
}
|
||
|
||
return excluded;
|
||
}
|
||
},
|
||
watch: {
|
||
items: {
|
||
handler: function handler() {
|
||
var _this = this;
|
||
|
||
var oldKeys = Object.keys(this.nodes).map(function (k) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(_this.nodes[k].item, _this.itemKey);
|
||
});
|
||
var newKeys = this.getKeys(this.items);
|
||
var diff = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["arrayDiff"])(newKeys, oldKeys); // We only want to do stuff if items have changed
|
||
|
||
if (!diff.length && newKeys.length < oldKeys.length) return; // If nodes are removed we need to clear them from this.nodes
|
||
|
||
diff.forEach(function (k) {
|
||
return delete _this.nodes[k];
|
||
});
|
||
|
||
var oldSelectedCache = __spread(this.selectedCache);
|
||
|
||
this.selectedCache = new Set();
|
||
this.activeCache = new Set();
|
||
this.openCache = new Set();
|
||
this.buildTree(this.items); // Only emit selected if selection has changed
|
||
// as a result of items changing. This fixes a
|
||
// potential double emit when selecting a node
|
||
// with dynamic children
|
||
|
||
if (!Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["deepEqual"])(oldSelectedCache, __spread(this.selectedCache))) this.emitSelected();
|
||
},
|
||
deep: true
|
||
},
|
||
active: function active(value) {
|
||
this.handleNodeCacheWatcher(value, this.activeCache, this.updateActive, this.emitActive);
|
||
},
|
||
value: function value(_value) {
|
||
this.handleNodeCacheWatcher(_value, this.selectedCache, this.updateSelected, this.emitSelected);
|
||
},
|
||
open: function open(value) {
|
||
this.handleNodeCacheWatcher(value, this.openCache, this.updateOpen, this.emitOpen);
|
||
}
|
||
},
|
||
created: function created() {
|
||
var _this = this;
|
||
|
||
this.buildTree(this.items);
|
||
this.value.forEach(function (key) {
|
||
return _this.updateSelected(_this.returnObject ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(key, _this.itemKey) : key, true);
|
||
});
|
||
this.active.forEach(function (key) {
|
||
return _this.updateActive(_this.returnObject ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(key, _this.itemKey) : key, true);
|
||
});
|
||
},
|
||
mounted: function mounted() {
|
||
var _this = this; // Save the developer from themselves
|
||
|
||
|
||
if (this.$slots.prepend || this.$slots.append) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_6__["consoleWarn"])('The prepend and append slots require a slot-scope attribute', this);
|
||
}
|
||
|
||
if (this.openAll) {
|
||
this.updateAll(true);
|
||
} else {
|
||
this.open.forEach(function (key) {
|
||
return _this.updateOpen(_this.returnObject ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(key, _this.itemKey) : key, true);
|
||
});
|
||
this.emitOpen();
|
||
}
|
||
},
|
||
methods: {
|
||
/** @public */
|
||
updateAll: function updateAll(value) {
|
||
var _this = this;
|
||
|
||
Object.keys(this.nodes).forEach(function (key) {
|
||
return _this.updateOpen(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(_this.nodes[key].item, _this.itemKey), value);
|
||
});
|
||
this.emitOpen();
|
||
},
|
||
getKeys: function getKeys(items, keys) {
|
||
if (keys === void 0) {
|
||
keys = [];
|
||
}
|
||
|
||
for (var i = 0; i < items.length; i++) {
|
||
var key = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(items[i], this.itemKey);
|
||
keys.push(key);
|
||
var children = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(items[i], this.itemChildren);
|
||
|
||
if (children) {
|
||
keys.push.apply(keys, __spread(this.getKeys(children)));
|
||
}
|
||
}
|
||
|
||
return keys;
|
||
},
|
||
buildTree: function buildTree(items, parent) {
|
||
var _this = this;
|
||
|
||
if (parent === void 0) {
|
||
parent = null;
|
||
}
|
||
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
var key = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(item, this.itemKey);
|
||
var children = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(item, this.itemChildren, []);
|
||
var oldNode = this.nodes.hasOwnProperty(key) ? this.nodes[key] : {
|
||
isSelected: false,
|
||
isIndeterminate: false,
|
||
isActive: false,
|
||
isOpen: false,
|
||
vnode: null
|
||
};
|
||
var node = {
|
||
vnode: oldNode.vnode,
|
||
parent: parent,
|
||
children: children.map(function (c) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(c, _this.itemKey);
|
||
}),
|
||
item: item
|
||
};
|
||
this.buildTree(children, key); // This fixed bug with dynamic children resetting selected parent state
|
||
|
||
if (!this.nodes.hasOwnProperty(key) && parent !== null && this.nodes.hasOwnProperty(parent)) {
|
||
node.isSelected = this.nodes[parent].isSelected;
|
||
} else {
|
||
node.isSelected = oldNode.isSelected;
|
||
node.isIndeterminate = oldNode.isIndeterminate;
|
||
}
|
||
|
||
node.isActive = oldNode.isActive;
|
||
node.isOpen = oldNode.isOpen;
|
||
this.nodes[key] = !children.length ? node : this.calculateState(node, this.nodes); // Don't forget to rebuild cache
|
||
|
||
if (this.nodes[key].isSelected && (this.selectionType === 'independent' || node.children.length === 0)) this.selectedCache.add(key);
|
||
if (this.nodes[key].isActive) this.activeCache.add(key);
|
||
if (this.nodes[key].isOpen) this.openCache.add(key);
|
||
this.updateVnodeState(key);
|
||
}
|
||
},
|
||
calculateState: function calculateState(node, state) {
|
||
var counts = node.children.reduce(function (counts, child) {
|
||
counts[0] += +Boolean(state[child].isSelected);
|
||
counts[1] += +Boolean(state[child].isIndeterminate);
|
||
return counts;
|
||
}, [0, 0]);
|
||
node.isSelected = !!node.children.length && counts[0] === node.children.length;
|
||
node.isIndeterminate = !node.isSelected && (counts[0] > 0 || counts[1] > 0);
|
||
return node;
|
||
},
|
||
emitOpen: function emitOpen() {
|
||
this.emitNodeCache('update:open', this.openCache);
|
||
},
|
||
emitSelected: function emitSelected() {
|
||
this.emitNodeCache('input', this.selectedCache);
|
||
},
|
||
emitActive: function emitActive() {
|
||
this.emitNodeCache('update:active', this.activeCache);
|
||
},
|
||
emitNodeCache: function emitNodeCache(event, cache) {
|
||
var _this = this;
|
||
|
||
this.$emit(event, this.returnObject ? __spread(cache).map(function (key) {
|
||
return _this.nodes[key].item;
|
||
}) : __spread(cache));
|
||
},
|
||
handleNodeCacheWatcher: function handleNodeCacheWatcher(value, cache, updateFn, emitFn) {
|
||
var _this = this;
|
||
|
||
value = this.returnObject ? value.map(function (v) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(v, _this.itemKey);
|
||
}) : value;
|
||
|
||
var old = __spread(cache);
|
||
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["deepEqual"])(old, value)) return;
|
||
old.forEach(function (key) {
|
||
return updateFn(key, false);
|
||
});
|
||
value.forEach(function (key) {
|
||
return updateFn(key, true);
|
||
});
|
||
emitFn();
|
||
},
|
||
getDescendants: function getDescendants(key, descendants) {
|
||
if (descendants === void 0) {
|
||
descendants = [];
|
||
}
|
||
|
||
var children = this.nodes[key].children;
|
||
descendants.push.apply(descendants, __spread(children));
|
||
|
||
for (var i = 0; i < children.length; i++) {
|
||
descendants = this.getDescendants(children[i], descendants);
|
||
}
|
||
|
||
return descendants;
|
||
},
|
||
getParents: function getParents(key) {
|
||
var parent = this.nodes[key].parent;
|
||
var parents = [];
|
||
|
||
while (parent !== null) {
|
||
parents.push(parent);
|
||
parent = this.nodes[parent].parent;
|
||
}
|
||
|
||
return parents;
|
||
},
|
||
register: function register(node) {
|
||
var key = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(node.item, this.itemKey);
|
||
this.nodes[key].vnode = node;
|
||
this.updateVnodeState(key);
|
||
},
|
||
unregister: function unregister(node) {
|
||
var key = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(node.item, this.itemKey);
|
||
if (this.nodes[key]) this.nodes[key].vnode = null;
|
||
},
|
||
isParent: function isParent(key) {
|
||
return this.nodes[key].children && this.nodes[key].children.length;
|
||
},
|
||
updateActive: function updateActive(key, isActive) {
|
||
var _this = this;
|
||
|
||
if (!this.nodes.hasOwnProperty(key)) return;
|
||
|
||
if (!this.multipleActive) {
|
||
this.activeCache.forEach(function (active) {
|
||
_this.nodes[active].isActive = false;
|
||
|
||
_this.updateVnodeState(active);
|
||
|
||
_this.activeCache.delete(active);
|
||
});
|
||
}
|
||
|
||
var node = this.nodes[key];
|
||
if (!node) return;
|
||
if (isActive) this.activeCache.add(key);else this.activeCache.delete(key);
|
||
node.isActive = isActive;
|
||
this.updateVnodeState(key);
|
||
},
|
||
updateSelected: function updateSelected(key, isSelected) {
|
||
var e_1, _a;
|
||
|
||
var _this = this;
|
||
|
||
if (!this.nodes.hasOwnProperty(key)) return;
|
||
var changed = new Map();
|
||
|
||
if (this.selectionType !== 'independent') {
|
||
var descendants = __spread([key], this.getDescendants(key));
|
||
|
||
descendants.forEach(function (descendant) {
|
||
_this.nodes[descendant].isSelected = isSelected;
|
||
_this.nodes[descendant].isIndeterminate = false;
|
||
changed.set(descendant, isSelected);
|
||
});
|
||
var parents = this.getParents(key);
|
||
parents.forEach(function (parent) {
|
||
_this.nodes[parent] = _this.calculateState(_this.nodes[parent], _this.nodes);
|
||
changed.set(parent, _this.nodes[parent].isSelected);
|
||
});
|
||
} else {
|
||
this.nodes[key].isSelected = isSelected;
|
||
this.nodes[key].isIndeterminate = false;
|
||
changed.set(key, isSelected);
|
||
}
|
||
|
||
try {
|
||
for (var _b = __values(changed.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
|
||
var _d = __read(_c.value, 2),
|
||
key_1 = _d[0],
|
||
value = _d[1];
|
||
|
||
this.updateVnodeState(key_1);
|
||
if (this.selectionType === 'leaf' && this.isParent(key_1)) continue;
|
||
value === true ? this.selectedCache.add(key_1) : this.selectedCache.delete(key_1);
|
||
}
|
||
} catch (e_1_1) {
|
||
e_1 = {
|
||
error: e_1_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
||
} finally {
|
||
if (e_1) throw e_1.error;
|
||
}
|
||
}
|
||
},
|
||
updateOpen: function updateOpen(key, isOpen) {
|
||
var _this = this;
|
||
|
||
if (!this.nodes.hasOwnProperty(key)) return;
|
||
var node = this.nodes[key];
|
||
var children = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["getObjectValueByPath"])(node.item, this.itemChildren);
|
||
|
||
if (children && !children.length && node.vnode && !node.vnode.hasLoaded) {
|
||
node.vnode.checkChildren().then(function () {
|
||
return _this.updateOpen(key, isOpen);
|
||
});
|
||
} else if (children && children.length) {
|
||
node.isOpen = isOpen;
|
||
node.isOpen ? this.openCache.add(key) : this.openCache.delete(key);
|
||
this.updateVnodeState(key);
|
||
}
|
||
},
|
||
updateVnodeState: function updateVnodeState(key) {
|
||
var node = this.nodes[key];
|
||
|
||
if (node && node.vnode) {
|
||
node.vnode.isSelected = node.isSelected;
|
||
node.vnode.isIndeterminate = node.isIndeterminate;
|
||
node.vnode.isActive = node.isActive;
|
||
node.vnode.isOpen = node.isOpen;
|
||
}
|
||
},
|
||
isExcluded: function isExcluded(key) {
|
||
return !!this.search && this.excludedItems.has(key);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = this.items.length ? this.items.map(_VTreeviewNode__WEBPACK_IMPORTED_MODULE_1__["default"].options.methods.genChild.bind(this))
|
||
/* istanbul ignore next */
|
||
: this.$slots.default; // TODO: remove type annotation with TS 3.2
|
||
|
||
return h('div', {
|
||
staticClass: 'v-treeview',
|
||
class: __assign({
|
||
'v-treeview--hoverable': this.hoverable,
|
||
'v-treeview--dense': this.dense
|
||
}, this.themeClasses)
|
||
}, children);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTreeview/VTreeviewNode.ts":
|
||
/*!***************************************************!*\
|
||
!*** ./src/components/VTreeview/VTreeviewNode.ts ***!
|
||
\***************************************************/
|
||
/*! exports provided: VTreeviewNodeProps, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VTreeviewNodeProps", function() { return VTreeviewNodeProps; });
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _mixins_registrable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins/registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _mixins_colorable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Components
|
||
|
||
|
||
|
||
// Mixins
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_colorable__WEBPACK_IMPORTED_MODULE_3__["default"], Object(_mixins_registrable__WEBPACK_IMPORTED_MODULE_2__["inject"])('treeview'));
|
||
var VTreeviewNodeProps = {
|
||
activatable: Boolean,
|
||
activeClass: {
|
||
type: String,
|
||
default: 'v-treeview-node--active'
|
||
},
|
||
color: {
|
||
type: String,
|
||
default: 'primary'
|
||
},
|
||
expandIcon: {
|
||
type: String,
|
||
default: '$subgroup'
|
||
},
|
||
indeterminateIcon: {
|
||
type: String,
|
||
default: '$checkboxIndeterminate'
|
||
},
|
||
itemChildren: {
|
||
type: String,
|
||
default: 'children'
|
||
},
|
||
itemDisabled: {
|
||
type: String,
|
||
default: 'disabled'
|
||
},
|
||
itemKey: {
|
||
type: String,
|
||
default: 'id'
|
||
},
|
||
itemText: {
|
||
type: String,
|
||
default: 'name'
|
||
},
|
||
loadChildren: Function,
|
||
loadingIcon: {
|
||
type: String,
|
||
default: '$loading'
|
||
},
|
||
offIcon: {
|
||
type: String,
|
||
default: '$checkboxOff'
|
||
},
|
||
onIcon: {
|
||
type: String,
|
||
default: '$checkboxOn'
|
||
},
|
||
openOnClick: Boolean,
|
||
rounded: Boolean,
|
||
selectable: Boolean,
|
||
selectedColor: {
|
||
type: String,
|
||
default: 'accent'
|
||
},
|
||
shaped: Boolean,
|
||
transition: Boolean
|
||
};
|
||
/* @vue/component */
|
||
|
||
var VTreeviewNode = baseMixins.extend().extend({
|
||
name: 'v-treeview-node',
|
||
inject: {
|
||
treeview: {
|
||
default: null
|
||
}
|
||
},
|
||
props: __assign({
|
||
level: Number,
|
||
item: {
|
||
type: Object,
|
||
default: function _default() {
|
||
return null;
|
||
}
|
||
}
|
||
}, VTreeviewNodeProps),
|
||
data: function data() {
|
||
return {
|
||
hasLoaded: false,
|
||
isActive: false,
|
||
isIndeterminate: false,
|
||
isLoading: false,
|
||
isOpen: false,
|
||
isSelected: false
|
||
};
|
||
},
|
||
computed: {
|
||
disabled: function disabled() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(this.item, this.itemDisabled);
|
||
},
|
||
key: function key() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(this.item, this.itemKey);
|
||
},
|
||
children: function children() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(this.item, this.itemChildren);
|
||
},
|
||
text: function text() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(this.item, this.itemText);
|
||
},
|
||
scopedProps: function scopedProps() {
|
||
return {
|
||
item: this.item,
|
||
leaf: !this.children,
|
||
selected: this.isSelected,
|
||
indeterminate: this.isIndeterminate,
|
||
active: this.isActive,
|
||
open: this.isOpen
|
||
};
|
||
},
|
||
computedIcon: function computedIcon() {
|
||
if (this.isIndeterminate) return this.indeterminateIcon;else if (this.isSelected) return this.onIcon;else return this.offIcon;
|
||
},
|
||
hasChildren: function hasChildren() {
|
||
return !!this.children && (!!this.children.length || !!this.loadChildren);
|
||
}
|
||
},
|
||
created: function created() {
|
||
this.treeview.register(this);
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.treeview.unregister(this);
|
||
},
|
||
methods: {
|
||
checkChildren: function checkChildren() {
|
||
var _this = this;
|
||
|
||
return new Promise(function (resolve) {
|
||
// TODO: Potential issue with always trying
|
||
// to load children if response is empty?
|
||
if (!_this.children || _this.children.length || !_this.loadChildren || _this.hasLoaded) return resolve();
|
||
_this.isLoading = true;
|
||
resolve(_this.loadChildren(_this.item));
|
||
}).then(function () {
|
||
_this.isLoading = false;
|
||
_this.hasLoaded = true;
|
||
});
|
||
},
|
||
open: function open() {
|
||
this.isOpen = !this.isOpen;
|
||
this.treeview.updateOpen(this.key, this.isOpen);
|
||
this.treeview.emitOpen();
|
||
},
|
||
genLabel: function genLabel() {
|
||
var children = [];
|
||
if (this.$scopedSlots.label) children.push(this.$scopedSlots.label(this.scopedProps));else children.push(this.text);
|
||
return this.$createElement('div', {
|
||
slot: 'label',
|
||
staticClass: 'v-treeview-node__label'
|
||
}, children);
|
||
},
|
||
genPrependSlot: function genPrependSlot() {
|
||
if (!this.$scopedSlots.prepend) return null;
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-treeview-node__prepend'
|
||
}, this.$scopedSlots.prepend(this.scopedProps));
|
||
},
|
||
genAppendSlot: function genAppendSlot() {
|
||
if (!this.$scopedSlots.append) return null;
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-treeview-node__append'
|
||
}, this.$scopedSlots.append(this.scopedProps));
|
||
},
|
||
genContent: function genContent() {
|
||
var children = [this.genPrependSlot(), this.genLabel(), this.genAppendSlot()];
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-treeview-node__content'
|
||
}, children);
|
||
},
|
||
genToggle: function genToggle() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["VIcon"], {
|
||
staticClass: 'v-treeview-node__toggle',
|
||
class: {
|
||
'v-treeview-node__toggle--open': this.isOpen,
|
||
'v-treeview-node__toggle--loading': this.isLoading
|
||
},
|
||
slot: 'prepend',
|
||
on: {
|
||
click: function click(e) {
|
||
if (_this.disabled) return;
|
||
e.stopPropagation();
|
||
if (_this.isLoading) return;
|
||
|
||
_this.checkChildren().then(function () {
|
||
return _this.open();
|
||
});
|
||
}
|
||
}
|
||
}, [this.isLoading ? this.loadingIcon : this.expandIcon]);
|
||
},
|
||
genCheckbox: function genCheckbox() {
|
||
var _this = this;
|
||
|
||
return this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_1__["VIcon"], {
|
||
staticClass: 'v-treeview-node__checkbox',
|
||
props: {
|
||
color: this.isSelected ? this.selectedColor : undefined
|
||
},
|
||
on: {
|
||
click: function click(e) {
|
||
if (_this.disabled) return;
|
||
e.stopPropagation();
|
||
if (_this.isLoading) return;
|
||
|
||
_this.checkChildren().then(function () {
|
||
// We nextTick here so that items watch in VTreeview has a chance to run first
|
||
_this.$nextTick(function () {
|
||
_this.isSelected = !_this.isSelected;
|
||
_this.isIndeterminate = false;
|
||
|
||
_this.treeview.updateSelected(_this.key, _this.isSelected);
|
||
|
||
_this.treeview.emitSelected();
|
||
});
|
||
});
|
||
}
|
||
}
|
||
}, [this.computedIcon]);
|
||
},
|
||
genLevel: function genLevel(level) {
|
||
var _this = this;
|
||
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["createRange"])(level).map(function () {
|
||
return _this.$createElement('div', {
|
||
staticClass: 'v-treeview-node__level'
|
||
});
|
||
});
|
||
},
|
||
genNode: function genNode() {
|
||
var _a;
|
||
|
||
var _this = this;
|
||
|
||
var children = [this.genContent()];
|
||
if (this.selectable) children.unshift(this.genCheckbox());
|
||
|
||
if (this.hasChildren) {
|
||
children.unshift(this.genToggle());
|
||
} else {
|
||
children.unshift.apply(children, __spread(this.genLevel(1)));
|
||
}
|
||
|
||
children.unshift.apply(children, __spread(this.genLevel(this.level)));
|
||
return this.$createElement('div', this.setTextColor(this.isActive && this.color, {
|
||
staticClass: 'v-treeview-node__root',
|
||
class: (_a = {}, _a[this.activeClass] = this.isActive, _a),
|
||
on: {
|
||
click: function click() {
|
||
if (_this.disabled) return;
|
||
|
||
if (_this.openOnClick && _this.hasChildren) {
|
||
_this.open();
|
||
} else if (_this.activatable) {
|
||
_this.isActive = !_this.isActive;
|
||
|
||
_this.treeview.updateActive(_this.key, _this.isActive);
|
||
|
||
_this.treeview.emitActive();
|
||
}
|
||
}
|
||
}
|
||
}), children);
|
||
},
|
||
genChild: function genChild(item) {
|
||
return this.$createElement(VTreeviewNode, {
|
||
key: Object(_util_helpers__WEBPACK_IMPORTED_MODULE_5__["getObjectValueByPath"])(item, this.itemKey),
|
||
props: {
|
||
activatable: this.activatable,
|
||
activeClass: this.activeClass,
|
||
item: item,
|
||
selectable: this.selectable,
|
||
selectedColor: this.selectedColor,
|
||
color: this.color,
|
||
expandIcon: this.expandIcon,
|
||
indeterminateIcon: this.indeterminateIcon,
|
||
offIcon: this.offIcon,
|
||
onIcon: this.onIcon,
|
||
loadingIcon: this.loadingIcon,
|
||
itemKey: this.itemKey,
|
||
itemText: this.itemText,
|
||
itemDisabled: this.itemDisabled,
|
||
itemChildren: this.itemChildren,
|
||
loadChildren: this.loadChildren,
|
||
transition: this.transition,
|
||
openOnClick: this.openOnClick,
|
||
rounded: this.rounded,
|
||
shaped: this.shaped,
|
||
level: this.level + 1
|
||
},
|
||
scopedSlots: this.$scopedSlots
|
||
});
|
||
},
|
||
genChildrenWrapper: function genChildrenWrapper() {
|
||
if (!this.isOpen || !this.children) return null;
|
||
var children = [this.children.map(this.genChild)];
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-treeview-node__children'
|
||
}, children);
|
||
},
|
||
genTransition: function genTransition() {
|
||
return this.$createElement(_transitions__WEBPACK_IMPORTED_MODULE_0__["VExpandTransition"], [this.genChildrenWrapper()]);
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var children = [this.genNode()];
|
||
if (this.transition) children.push(this.genTransition());else children.push(this.genChildrenWrapper());
|
||
return h('div', {
|
||
staticClass: 'v-treeview-node',
|
||
class: {
|
||
'v-treeview-node--leaf': !this.hasChildren,
|
||
'v-treeview-node--click': this.openOnClick,
|
||
'v-treeview-node--disabled': this.disabled,
|
||
'v-treeview-node--rounded': this.rounded,
|
||
'v-treeview-node--shaped': this.shaped,
|
||
'v-treeview-node--selected': this.isSelected,
|
||
'v-treeview-node--excluded': this.treeview.isExcluded(this.key)
|
||
},
|
||
attrs: {
|
||
'aria-expanded': String(this.isOpen)
|
||
}
|
||
}, children);
|
||
}
|
||
});
|
||
/* harmony default export */ __webpack_exports__["default"] = (VTreeviewNode);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTreeview/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VTreeview/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: VTreeview, VTreeviewNode, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VTreeview__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VTreeview */ "./src/components/VTreeview/VTreeview.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTreeview", function() { return _VTreeview__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VTreeviewNode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VTreeviewNode */ "./src/components/VTreeview/VTreeviewNode.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTreeviewNode", function() { return _VTreeviewNode__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VTreeview: _VTreeview__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VTreeviewNode: _VTreeviewNode__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VTreeview/util/filterTreeItems.ts":
|
||
/*!**********************************************************!*\
|
||
!*** ./src/components/VTreeview/util/filterTreeItems.ts ***!
|
||
\**********************************************************/
|
||
/*! exports provided: filterTreeItem, filterTreeItems */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "filterTreeItem", function() { return filterTreeItem; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "filterTreeItems", function() { return filterTreeItems; });
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../util/helpers */ "./src/util/helpers.ts");
|
||
|
||
function filterTreeItem(item, search, textKey) {
|
||
var text = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["getObjectValueByPath"])(item, textKey);
|
||
return text.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1;
|
||
}
|
||
function filterTreeItems(filter, item, search, idKey, textKey, childrenKey, excluded) {
|
||
if (filter(item, search, textKey)) {
|
||
return true;
|
||
}
|
||
|
||
var children = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["getObjectValueByPath"])(item, childrenKey);
|
||
|
||
if (children) {
|
||
var match = false;
|
||
|
||
for (var i = 0; i < children.length; i++) {
|
||
if (filterTreeItems(filter, children[i], search, idKey, textKey, childrenKey, excluded)) {
|
||
match = true;
|
||
}
|
||
}
|
||
|
||
if (match) return true;
|
||
}
|
||
|
||
excluded.add(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["getObjectValueByPath"])(item, idKey));
|
||
return false;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VWindow/VWindow.sass":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/VWindow/VWindow.sass ***!
|
||
\*********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VWindow/VWindow.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/components/VWindow/VWindow.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VWindow_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VWindow.sass */ "./src/components/VWindow/VWindow.sass");
|
||
/* harmony import */ var _VWindow_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VWindow_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _directives_touch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../directives/touch */ "./src/directives/touch/index.ts");
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony import */ var _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Styles
|
||
|
||
|
||
// Directives
|
||
|
||
// Components
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_4__["BaseItemGroup"].extend({
|
||
name: 'v-window',
|
||
provide: function provide() {
|
||
return {
|
||
windowGroup: this
|
||
};
|
||
},
|
||
directives: {
|
||
Touch: _directives_touch__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
},
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: 'v-window-item--active'
|
||
},
|
||
continuous: Boolean,
|
||
mandatory: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
nextIcon: {
|
||
type: [Boolean, String],
|
||
default: '$next'
|
||
},
|
||
prevIcon: {
|
||
type: [Boolean, String],
|
||
default: '$prev'
|
||
},
|
||
reverse: {
|
||
type: Boolean,
|
||
default: undefined
|
||
},
|
||
showArrows: Boolean,
|
||
showArrowsOnHover: Boolean,
|
||
touch: Object,
|
||
touchless: Boolean,
|
||
value: {
|
||
required: false
|
||
},
|
||
vertical: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
changedByDelimiters: false,
|
||
internalHeight: undefined,
|
||
transitionHeight: undefined,
|
||
transitionCount: 0,
|
||
isBooted: false,
|
||
isReverse: false
|
||
};
|
||
},
|
||
computed: {
|
||
isActive: function isActive() {
|
||
return this.transitionCount > 0;
|
||
},
|
||
classes: function classes() {
|
||
return __assign({}, _VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_4__["BaseItemGroup"].options.computed.classes.call(this), {
|
||
'v-window--show-arrows-on-hover': this.showArrowsOnHover
|
||
});
|
||
},
|
||
computedTransition: function computedTransition() {
|
||
if (!this.isBooted) return '';
|
||
var axis = this.vertical ? 'y' : 'x';
|
||
var reverse = this.$vuetify.rtl && axis === 'x' ? !this.internalReverse : this.internalReverse;
|
||
var direction = reverse ? '-reverse' : '';
|
||
return "v-window-" + axis + direction + "-transition";
|
||
},
|
||
hasActiveItems: function hasActiveItems() {
|
||
return Boolean(this.items.find(function (item) {
|
||
return !item.disabled;
|
||
}));
|
||
},
|
||
hasNext: function hasNext() {
|
||
return this.continuous || this.internalIndex < this.items.length - 1;
|
||
},
|
||
hasPrev: function hasPrev() {
|
||
return this.continuous || this.internalIndex > 0;
|
||
},
|
||
internalIndex: function internalIndex() {
|
||
var _this = this;
|
||
|
||
return this.items.findIndex(function (item, i) {
|
||
return _this.internalValue === _this.getValue(item, i);
|
||
});
|
||
},
|
||
internalReverse: function internalReverse() {
|
||
return this.reverse ? !this.isReverse : this.isReverse;
|
||
}
|
||
},
|
||
watch: {
|
||
internalIndex: 'updateReverse'
|
||
},
|
||
mounted: function mounted() {
|
||
var _this = this;
|
||
|
||
window.requestAnimationFrame(function () {
|
||
return _this.isBooted = true;
|
||
});
|
||
},
|
||
methods: {
|
||
genContainer: function genContainer() {
|
||
var children = [this.$slots.default];
|
||
|
||
if (this.showArrows) {
|
||
children.push(this.genControlIcons());
|
||
}
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-window__container',
|
||
class: {
|
||
'v-window__container--is-active': this.isActive
|
||
},
|
||
style: {
|
||
height: this.internalHeight || this.transitionHeight
|
||
}
|
||
}, children);
|
||
},
|
||
genIcon: function genIcon(direction, icon, fn) {
|
||
var _this = this;
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: "v-window__" + direction
|
||
}, [this.$createElement(_VBtn__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||
props: {
|
||
icon: true
|
||
},
|
||
attrs: {
|
||
'aria-label': this.$vuetify.lang.t("$vuetify.carousel." + direction)
|
||
},
|
||
on: {
|
||
click: function click() {
|
||
_this.changedByDelimiters = true;
|
||
fn();
|
||
}
|
||
}
|
||
}, [this.$createElement(_VIcon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
||
props: {
|
||
large: true
|
||
}
|
||
}, icon)])]);
|
||
},
|
||
genControlIcons: function genControlIcons() {
|
||
var icons = [];
|
||
var prevIcon = this.$vuetify.rtl ? this.nextIcon : this.prevIcon;
|
||
/* istanbul ignore else */
|
||
|
||
if (this.hasPrev && prevIcon && typeof prevIcon === 'string') {
|
||
var icon = this.genIcon('prev', prevIcon, this.prev);
|
||
icon && icons.push(icon);
|
||
}
|
||
|
||
var nextIcon = this.$vuetify.rtl ? this.prevIcon : this.nextIcon;
|
||
/* istanbul ignore else */
|
||
|
||
if (this.hasNext && nextIcon && typeof nextIcon === 'string') {
|
||
var icon = this.genIcon('next', nextIcon, this.next);
|
||
icon && icons.push(icon);
|
||
}
|
||
|
||
return icons;
|
||
},
|
||
getNextIndex: function getNextIndex(index) {
|
||
var nextIndex = (index + 1) % this.items.length;
|
||
var item = this.items[nextIndex];
|
||
if (item.disabled) return this.getNextIndex(nextIndex);
|
||
return nextIndex;
|
||
},
|
||
getPrevIndex: function getPrevIndex(index) {
|
||
var prevIndex = (index + this.items.length - 1) % this.items.length;
|
||
var item = this.items[prevIndex];
|
||
if (item.disabled) return this.getPrevIndex(prevIndex);
|
||
return prevIndex;
|
||
},
|
||
next: function next() {
|
||
this.isReverse = this.$vuetify.rtl;
|
||
/* istanbul ignore if */
|
||
|
||
if (!this.hasActiveItems || !this.hasNext) return;
|
||
var nextIndex = this.getNextIndex(this.internalIndex);
|
||
var item = this.items[nextIndex];
|
||
this.internalValue = this.getValue(item, nextIndex);
|
||
},
|
||
prev: function prev() {
|
||
this.isReverse = !this.$vuetify.rtl;
|
||
/* istanbul ignore if */
|
||
|
||
if (!this.hasActiveItems || !this.hasPrev) return;
|
||
var lastIndex = this.getPrevIndex(this.internalIndex);
|
||
var item = this.items[lastIndex];
|
||
this.internalValue = this.getValue(item, lastIndex);
|
||
},
|
||
updateReverse: function updateReverse(val, oldVal) {
|
||
if (this.changedByDelimiters) {
|
||
this.changedByDelimiters = false;
|
||
return;
|
||
}
|
||
|
||
this.isReverse = val < oldVal;
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
var data = {
|
||
staticClass: 'v-window',
|
||
class: this.classes,
|
||
directives: []
|
||
};
|
||
|
||
if (!this.touchless) {
|
||
var value = this.touch || {
|
||
left: function left() {
|
||
_this.$vuetify.rtl ? _this.prev() : _this.next();
|
||
},
|
||
right: function right() {
|
||
_this.$vuetify.rtl ? _this.next() : _this.prev();
|
||
},
|
||
end: function end(e) {
|
||
e.stopPropagation();
|
||
},
|
||
start: function start(e) {
|
||
e.stopPropagation();
|
||
}
|
||
};
|
||
data.directives.push({
|
||
name: 'touch',
|
||
value: value
|
||
});
|
||
}
|
||
|
||
return h('div', data, [this.genContainer()]);
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VWindow/VWindowItem.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/components/VWindow/VWindowItem.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mixins_bootable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../mixins/bootable */ "./src/mixins/bootable/index.ts");
|
||
/* harmony import */ var _mixins_groupable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins/groupable */ "./src/mixins/groupable/index.ts");
|
||
/* harmony import */ var _directives_touch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../directives/touch */ "./src/directives/touch/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Mixins
|
||
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_4__["default"])(_mixins_bootable__WEBPACK_IMPORTED_MODULE_0__["default"], Object(_mixins_groupable__WEBPACK_IMPORTED_MODULE_1__["factory"])('windowGroup', 'v-window-item', 'v-window'));
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend().extend({
|
||
name: 'v-window-item',
|
||
directives: {
|
||
Touch: _directives_touch__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
},
|
||
props: {
|
||
disabled: Boolean,
|
||
reverseTransition: {
|
||
type: [Boolean, String],
|
||
default: undefined
|
||
},
|
||
transition: {
|
||
type: [Boolean, String],
|
||
default: undefined
|
||
},
|
||
value: {
|
||
required: false
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: false,
|
||
inTransition: false
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return this.groupClasses;
|
||
},
|
||
computedTransition: function computedTransition() {
|
||
if (!this.windowGroup.internalReverse) {
|
||
return typeof this.transition !== 'undefined' ? this.transition || '' : this.windowGroup.computedTransition;
|
||
}
|
||
|
||
return typeof this.reverseTransition !== 'undefined' ? this.reverseTransition || '' : this.windowGroup.computedTransition;
|
||
}
|
||
},
|
||
methods: {
|
||
genDefaultSlot: function genDefaultSlot() {
|
||
return this.$slots.default;
|
||
},
|
||
genWindowItem: function genWindowItem() {
|
||
return this.$createElement('div', {
|
||
staticClass: 'v-window-item',
|
||
class: this.classes,
|
||
directives: [{
|
||
name: 'show',
|
||
value: this.isActive
|
||
}],
|
||
on: this.$listeners
|
||
}, this.genDefaultSlot());
|
||
},
|
||
onAfterTransition: function onAfterTransition() {
|
||
if (!this.inTransition) {
|
||
return;
|
||
} // Finalize transition state.
|
||
|
||
|
||
this.inTransition = false;
|
||
|
||
if (this.windowGroup.transitionCount > 0) {
|
||
this.windowGroup.transitionCount--; // Remove container height if we are out of transition.
|
||
|
||
if (this.windowGroup.transitionCount === 0) {
|
||
this.windowGroup.transitionHeight = undefined;
|
||
}
|
||
}
|
||
},
|
||
onBeforeTransition: function onBeforeTransition() {
|
||
if (this.inTransition) {
|
||
return;
|
||
} // Initialize transition state here.
|
||
|
||
|
||
this.inTransition = true;
|
||
|
||
if (this.windowGroup.transitionCount === 0) {
|
||
// Set initial height for height transition.
|
||
this.windowGroup.transitionHeight = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(this.windowGroup.$el.clientHeight);
|
||
}
|
||
|
||
this.windowGroup.transitionCount++;
|
||
},
|
||
onTransitionCancelled: function onTransitionCancelled() {
|
||
this.onAfterTransition(); // This should have the same path as normal transition end.
|
||
},
|
||
onEnter: function onEnter(el) {
|
||
var _this = this;
|
||
|
||
if (!this.inTransition) {
|
||
return;
|
||
}
|
||
|
||
this.$nextTick(function () {
|
||
// Do not set height if no transition or cancelled.
|
||
if (!_this.computedTransition || !_this.inTransition) {
|
||
return;
|
||
} // Set transition target height.
|
||
|
||
|
||
_this.windowGroup.transitionHeight = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["convertToUnit"])(el.clientHeight);
|
||
});
|
||
}
|
||
},
|
||
render: function render(h) {
|
||
var _this = this;
|
||
|
||
return h('transition', {
|
||
props: {
|
||
name: this.computedTransition
|
||
},
|
||
on: {
|
||
// Handlers for enter windows.
|
||
beforeEnter: this.onBeforeTransition,
|
||
afterEnter: this.onAfterTransition,
|
||
enterCancelled: this.onTransitionCancelled,
|
||
// Handlers for leave windows.
|
||
beforeLeave: this.onBeforeTransition,
|
||
afterLeave: this.onAfterTransition,
|
||
leaveCancelled: this.onTransitionCancelled,
|
||
// Enter handler for height transition.
|
||
enter: this.onEnter
|
||
}
|
||
}, this.showLazyContent(function () {
|
||
return [_this.genWindowItem()];
|
||
}));
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/VWindow/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/components/VWindow/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: VWindow, VWindowItem, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VWindow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VWindow */ "./src/components/VWindow/VWindow.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VWindow", function() { return _VWindow__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _VWindowItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VWindowItem */ "./src/components/VWindow/VWindowItem.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VWindowItem", function() { return _VWindowItem__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VWindow: _VWindow__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
VWindowItem: _VWindowItem__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/index.ts":
|
||
/*!*********************************!*\
|
||
!*** ./src/components/index.ts ***!
|
||
\*********************************/
|
||
/*! exports provided: VApp, VAppBar, VAppBarNavIcon, VAlert, VAutocomplete, VAvatar, VBadge, VBanner, VBottomNavigation, VBottomSheet, VBreadcrumbs, VBreadcrumbsItem, VBreadcrumbsDivider, VBtn, VBtnToggle, VCalendar, VCalendarDaily, VCalendarWeekly, VCalendarMonthly, VCard, VCardActions, VCardSubtitle, VCardText, VCardTitle, VCarousel, VCarouselItem, VCheckbox, VSimpleCheckbox, VChip, VChipGroup, VColorPicker, VColorPickerSwatches, VColorPickerCanvas, VContent, VCombobox, VCounter, VData, VDataIterator, VDataFooter, VDataTable, VEditDialog, VTableOverflow, VDataTableHeader, VSimpleTable, VVirtualTable, VDatePicker, VDatePickerTitle, VDatePickerHeader, VDatePickerDateTable, VDatePickerMonthTable, VDatePickerYears, VDialog, VDivider, VExpansionPanels, VExpansionPanel, VExpansionPanelHeader, VExpansionPanelContent, VFileInput, VFooter, VForm, VContainer, VCol, VRow, VSpacer, VLayout, VFlex, VHover, VIcon, VImg, VInput, VItem, VItemGroup, VLabel, VLazy, VListItemActionText, VListItemContent, VListItemTitle, VListItemSubtitle, VList, VListGroup, VListItem, VListItemAction, VListItemAvatar, VListItemIcon, VListItemGroup, VMenu, VMessages, VNavigationDrawer, VOverflowBtn, VOverlay, VPagination, VSheet, VParallax, VPicker, VProgressCircular, VProgressLinear, VRadioGroup, VRadio, VRangeSlider, VRating, VResponsive, VSelect, VSkeletonLoader, VSlider, VSlideGroup, VSlideItem, VSnackbar, VSparkline, VSpeedDial, VStepper, VStepperContent, VStepperStep, VStepperHeader, VStepperItems, VSubheader, VSwitch, VSystemBar, VTabs, VTab, VTabItem, VTabsItems, VTabsSlider, VTextarea, VTextField, VThemeProvider, VTimeline, VTimelineItem, VTimePicker, VTimePickerClock, VTimePickerTitle, VToolbar, VToolbarItems, VToolbarTitle, VTooltip, VTreeview, VTreeviewNode, VWindow, VWindowItem, VCarouselTransition, VCarouselReverseTransition, VTabTransition, VTabReverseTransition, VMenuTransition, VFabTransition, VDialogTransition, VDialogBottomTransition, VFadeTransition, VScaleTransition, VScrollXTransition, VScrollXReverseTransition, VScrollYTransition, VScrollYReverseTransition, VSlideXTransition, VSlideXReverseTransition, VSlideYTransition, VSlideYReverseTransition, VExpandTransition, VExpandXTransition */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _VApp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VApp */ "./src/components/VApp/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VApp", function() { return _VApp__WEBPACK_IMPORTED_MODULE_0__["VApp"]; });
|
||
|
||
/* harmony import */ var _VAppBar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./VAppBar */ "./src/components/VAppBar/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAppBar", function() { return _VAppBar__WEBPACK_IMPORTED_MODULE_1__["VAppBar"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAppBarNavIcon", function() { return _VAppBar__WEBPACK_IMPORTED_MODULE_1__["VAppBarNavIcon"]; });
|
||
|
||
/* harmony import */ var _VAlert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./VAlert */ "./src/components/VAlert/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAlert", function() { return _VAlert__WEBPACK_IMPORTED_MODULE_2__["VAlert"]; });
|
||
|
||
/* harmony import */ var _VAutocomplete__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./VAutocomplete */ "./src/components/VAutocomplete/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAutocomplete", function() { return _VAutocomplete__WEBPACK_IMPORTED_MODULE_3__["VAutocomplete"]; });
|
||
|
||
/* harmony import */ var _VAvatar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./VAvatar */ "./src/components/VAvatar/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VAvatar", function() { return _VAvatar__WEBPACK_IMPORTED_MODULE_4__["VAvatar"]; });
|
||
|
||
/* harmony import */ var _VBadge__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./VBadge */ "./src/components/VBadge/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBadge", function() { return _VBadge__WEBPACK_IMPORTED_MODULE_5__["VBadge"]; });
|
||
|
||
/* harmony import */ var _VBanner__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./VBanner */ "./src/components/VBanner/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBanner", function() { return _VBanner__WEBPACK_IMPORTED_MODULE_6__["VBanner"]; });
|
||
|
||
/* harmony import */ var _VBottomNavigation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./VBottomNavigation */ "./src/components/VBottomNavigation/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBottomNavigation", function() { return _VBottomNavigation__WEBPACK_IMPORTED_MODULE_7__["VBottomNavigation"]; });
|
||
|
||
/* harmony import */ var _VBottomSheet__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./VBottomSheet */ "./src/components/VBottomSheet/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBottomSheet", function() { return _VBottomSheet__WEBPACK_IMPORTED_MODULE_8__["VBottomSheet"]; });
|
||
|
||
/* harmony import */ var _VBreadcrumbs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./VBreadcrumbs */ "./src/components/VBreadcrumbs/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBreadcrumbs", function() { return _VBreadcrumbs__WEBPACK_IMPORTED_MODULE_9__["VBreadcrumbs"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBreadcrumbsItem", function() { return _VBreadcrumbs__WEBPACK_IMPORTED_MODULE_9__["VBreadcrumbsItem"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBreadcrumbsDivider", function() { return _VBreadcrumbs__WEBPACK_IMPORTED_MODULE_9__["VBreadcrumbsDivider"]; });
|
||
|
||
/* harmony import */ var _VBtn__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./VBtn */ "./src/components/VBtn/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBtn", function() { return _VBtn__WEBPACK_IMPORTED_MODULE_10__["VBtn"]; });
|
||
|
||
/* harmony import */ var _VBtnToggle__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./VBtnToggle */ "./src/components/VBtnToggle/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VBtnToggle", function() { return _VBtnToggle__WEBPACK_IMPORTED_MODULE_11__["VBtnToggle"]; });
|
||
|
||
/* harmony import */ var _VCalendar__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./VCalendar */ "./src/components/VCalendar/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCalendar", function() { return _VCalendar__WEBPACK_IMPORTED_MODULE_12__["VCalendar"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCalendarDaily", function() { return _VCalendar__WEBPACK_IMPORTED_MODULE_12__["VCalendarDaily"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCalendarWeekly", function() { return _VCalendar__WEBPACK_IMPORTED_MODULE_12__["VCalendarWeekly"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCalendarMonthly", function() { return _VCalendar__WEBPACK_IMPORTED_MODULE_12__["VCalendarMonthly"]; });
|
||
|
||
/* harmony import */ var _VCard__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./VCard */ "./src/components/VCard/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCard", function() { return _VCard__WEBPACK_IMPORTED_MODULE_13__["VCard"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCardActions", function() { return _VCard__WEBPACK_IMPORTED_MODULE_13__["VCardActions"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCardSubtitle", function() { return _VCard__WEBPACK_IMPORTED_MODULE_13__["VCardSubtitle"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCardText", function() { return _VCard__WEBPACK_IMPORTED_MODULE_13__["VCardText"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCardTitle", function() { return _VCard__WEBPACK_IMPORTED_MODULE_13__["VCardTitle"]; });
|
||
|
||
/* harmony import */ var _VCarousel__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./VCarousel */ "./src/components/VCarousel/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCarousel", function() { return _VCarousel__WEBPACK_IMPORTED_MODULE_14__["VCarousel"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCarouselItem", function() { return _VCarousel__WEBPACK_IMPORTED_MODULE_14__["VCarouselItem"]; });
|
||
|
||
/* harmony import */ var _VCheckbox__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./VCheckbox */ "./src/components/VCheckbox/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCheckbox", function() { return _VCheckbox__WEBPACK_IMPORTED_MODULE_15__["VCheckbox"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSimpleCheckbox", function() { return _VCheckbox__WEBPACK_IMPORTED_MODULE_15__["VSimpleCheckbox"]; });
|
||
|
||
/* harmony import */ var _VChip__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./VChip */ "./src/components/VChip/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VChip", function() { return _VChip__WEBPACK_IMPORTED_MODULE_16__["VChip"]; });
|
||
|
||
/* harmony import */ var _VChipGroup__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./VChipGroup */ "./src/components/VChipGroup/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VChipGroup", function() { return _VChipGroup__WEBPACK_IMPORTED_MODULE_17__["VChipGroup"]; });
|
||
|
||
/* harmony import */ var _VColorPicker__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./VColorPicker */ "./src/components/VColorPicker/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VColorPicker", function() { return _VColorPicker__WEBPACK_IMPORTED_MODULE_18__["VColorPicker"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VColorPickerSwatches", function() { return _VColorPicker__WEBPACK_IMPORTED_MODULE_18__["VColorPickerSwatches"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VColorPickerCanvas", function() { return _VColorPicker__WEBPACK_IMPORTED_MODULE_18__["VColorPickerCanvas"]; });
|
||
|
||
/* harmony import */ var _VContent__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./VContent */ "./src/components/VContent/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VContent", function() { return _VContent__WEBPACK_IMPORTED_MODULE_19__["VContent"]; });
|
||
|
||
/* harmony import */ var _VCombobox__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./VCombobox */ "./src/components/VCombobox/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCombobox", function() { return _VCombobox__WEBPACK_IMPORTED_MODULE_20__["VCombobox"]; });
|
||
|
||
/* harmony import */ var _VCounter__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./VCounter */ "./src/components/VCounter/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCounter", function() { return _VCounter__WEBPACK_IMPORTED_MODULE_21__["VCounter"]; });
|
||
|
||
/* harmony import */ var _VData__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./VData */ "./src/components/VData/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VData", function() { return _VData__WEBPACK_IMPORTED_MODULE_22__["VData"]; });
|
||
|
||
/* harmony import */ var _VDataIterator__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./VDataIterator */ "./src/components/VDataIterator/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDataIterator", function() { return _VDataIterator__WEBPACK_IMPORTED_MODULE_23__["VDataIterator"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDataFooter", function() { return _VDataIterator__WEBPACK_IMPORTED_MODULE_23__["VDataFooter"]; });
|
||
|
||
/* harmony import */ var _VDataTable__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./VDataTable */ "./src/components/VDataTable/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDataTable", function() { return _VDataTable__WEBPACK_IMPORTED_MODULE_24__["VDataTable"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VEditDialog", function() { return _VDataTable__WEBPACK_IMPORTED_MODULE_24__["VEditDialog"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTableOverflow", function() { return _VDataTable__WEBPACK_IMPORTED_MODULE_24__["VTableOverflow"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDataTableHeader", function() { return _VDataTable__WEBPACK_IMPORTED_MODULE_24__["VDataTableHeader"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSimpleTable", function() { return _VDataTable__WEBPACK_IMPORTED_MODULE_24__["VSimpleTable"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VVirtualTable", function() { return _VDataTable__WEBPACK_IMPORTED_MODULE_24__["VVirtualTable"]; });
|
||
|
||
/* harmony import */ var _VDatePicker__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./VDatePicker */ "./src/components/VDatePicker/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePicker", function() { return _VDatePicker__WEBPACK_IMPORTED_MODULE_25__["VDatePicker"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerTitle", function() { return _VDatePicker__WEBPACK_IMPORTED_MODULE_25__["VDatePickerTitle"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerHeader", function() { return _VDatePicker__WEBPACK_IMPORTED_MODULE_25__["VDatePickerHeader"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerDateTable", function() { return _VDatePicker__WEBPACK_IMPORTED_MODULE_25__["VDatePickerDateTable"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerMonthTable", function() { return _VDatePicker__WEBPACK_IMPORTED_MODULE_25__["VDatePickerMonthTable"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDatePickerYears", function() { return _VDatePicker__WEBPACK_IMPORTED_MODULE_25__["VDatePickerYears"]; });
|
||
|
||
/* harmony import */ var _VDialog__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./VDialog */ "./src/components/VDialog/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDialog", function() { return _VDialog__WEBPACK_IMPORTED_MODULE_26__["VDialog"]; });
|
||
|
||
/* harmony import */ var _VDivider__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./VDivider */ "./src/components/VDivider/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDivider", function() { return _VDivider__WEBPACK_IMPORTED_MODULE_27__["VDivider"]; });
|
||
|
||
/* harmony import */ var _VExpansionPanel__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./VExpansionPanel */ "./src/components/VExpansionPanel/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpansionPanels", function() { return _VExpansionPanel__WEBPACK_IMPORTED_MODULE_28__["VExpansionPanels"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpansionPanel", function() { return _VExpansionPanel__WEBPACK_IMPORTED_MODULE_28__["VExpansionPanel"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpansionPanelHeader", function() { return _VExpansionPanel__WEBPACK_IMPORTED_MODULE_28__["VExpansionPanelHeader"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpansionPanelContent", function() { return _VExpansionPanel__WEBPACK_IMPORTED_MODULE_28__["VExpansionPanelContent"]; });
|
||
|
||
/* harmony import */ var _VFileInput__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./VFileInput */ "./src/components/VFileInput/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VFileInput", function() { return _VFileInput__WEBPACK_IMPORTED_MODULE_29__["VFileInput"]; });
|
||
|
||
/* harmony import */ var _VFooter__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./VFooter */ "./src/components/VFooter/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VFooter", function() { return _VFooter__WEBPACK_IMPORTED_MODULE_30__["VFooter"]; });
|
||
|
||
/* harmony import */ var _VForm__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./VForm */ "./src/components/VForm/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VForm", function() { return _VForm__WEBPACK_IMPORTED_MODULE_31__["VForm"]; });
|
||
|
||
/* harmony import */ var _VGrid__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./VGrid */ "./src/components/VGrid/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VContainer", function() { return _VGrid__WEBPACK_IMPORTED_MODULE_32__["VContainer"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCol", function() { return _VGrid__WEBPACK_IMPORTED_MODULE_32__["VCol"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRow", function() { return _VGrid__WEBPACK_IMPORTED_MODULE_32__["VRow"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSpacer", function() { return _VGrid__WEBPACK_IMPORTED_MODULE_32__["VSpacer"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VLayout", function() { return _VGrid__WEBPACK_IMPORTED_MODULE_32__["VLayout"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VFlex", function() { return _VGrid__WEBPACK_IMPORTED_MODULE_32__["VFlex"]; });
|
||
|
||
/* harmony import */ var _VHover__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./VHover */ "./src/components/VHover/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VHover", function() { return _VHover__WEBPACK_IMPORTED_MODULE_33__["VHover"]; });
|
||
|
||
/* harmony import */ var _VIcon__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./VIcon */ "./src/components/VIcon/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VIcon", function() { return _VIcon__WEBPACK_IMPORTED_MODULE_34__["VIcon"]; });
|
||
|
||
/* harmony import */ var _VImg__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./VImg */ "./src/components/VImg/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VImg", function() { return _VImg__WEBPACK_IMPORTED_MODULE_35__["VImg"]; });
|
||
|
||
/* harmony import */ var _VInput__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VInput", function() { return _VInput__WEBPACK_IMPORTED_MODULE_36__["VInput"]; });
|
||
|
||
/* harmony import */ var _VItemGroup__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./VItemGroup */ "./src/components/VItemGroup/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VItem", function() { return _VItemGroup__WEBPACK_IMPORTED_MODULE_37__["VItem"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VItemGroup", function() { return _VItemGroup__WEBPACK_IMPORTED_MODULE_37__["VItemGroup"]; });
|
||
|
||
/* harmony import */ var _VLabel__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./VLabel */ "./src/components/VLabel/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VLabel", function() { return _VLabel__WEBPACK_IMPORTED_MODULE_38__["VLabel"]; });
|
||
|
||
/* harmony import */ var _VLazy__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./VLazy */ "./src/components/VLazy/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VLazy", function() { return _VLazy__WEBPACK_IMPORTED_MODULE_39__["VLazy"]; });
|
||
|
||
/* harmony import */ var _VList__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./VList */ "./src/components/VList/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemActionText", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItemActionText"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemContent", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItemContent"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemTitle", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItemTitle"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemSubtitle", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItemSubtitle"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VList", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VList"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListGroup", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListGroup"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItem", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItem"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemAction", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItemAction"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemAvatar", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItemAvatar"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemIcon", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItemIcon"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VListItemGroup", function() { return _VList__WEBPACK_IMPORTED_MODULE_40__["VListItemGroup"]; });
|
||
|
||
/* harmony import */ var _VMenu__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./VMenu */ "./src/components/VMenu/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VMenu", function() { return _VMenu__WEBPACK_IMPORTED_MODULE_41__["VMenu"]; });
|
||
|
||
/* harmony import */ var _VMessages__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./VMessages */ "./src/components/VMessages/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VMessages", function() { return _VMessages__WEBPACK_IMPORTED_MODULE_42__["VMessages"]; });
|
||
|
||
/* harmony import */ var _VNavigationDrawer__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./VNavigationDrawer */ "./src/components/VNavigationDrawer/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VNavigationDrawer", function() { return _VNavigationDrawer__WEBPACK_IMPORTED_MODULE_43__["VNavigationDrawer"]; });
|
||
|
||
/* harmony import */ var _VOverflowBtn__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./VOverflowBtn */ "./src/components/VOverflowBtn/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VOverflowBtn", function() { return _VOverflowBtn__WEBPACK_IMPORTED_MODULE_44__["VOverflowBtn"]; });
|
||
|
||
/* harmony import */ var _VOverlay__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./VOverlay */ "./src/components/VOverlay/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VOverlay", function() { return _VOverlay__WEBPACK_IMPORTED_MODULE_45__["VOverlay"]; });
|
||
|
||
/* harmony import */ var _VPagination__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./VPagination */ "./src/components/VPagination/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VPagination", function() { return _VPagination__WEBPACK_IMPORTED_MODULE_46__["VPagination"]; });
|
||
|
||
/* harmony import */ var _VSheet__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./VSheet */ "./src/components/VSheet/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSheet", function() { return _VSheet__WEBPACK_IMPORTED_MODULE_47__["VSheet"]; });
|
||
|
||
/* harmony import */ var _VParallax__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./VParallax */ "./src/components/VParallax/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VParallax", function() { return _VParallax__WEBPACK_IMPORTED_MODULE_48__["VParallax"]; });
|
||
|
||
/* harmony import */ var _VPicker__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./VPicker */ "./src/components/VPicker/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VPicker", function() { return _VPicker__WEBPACK_IMPORTED_MODULE_49__["VPicker"]; });
|
||
|
||
/* harmony import */ var _VProgressCircular__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./VProgressCircular */ "./src/components/VProgressCircular/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VProgressCircular", function() { return _VProgressCircular__WEBPACK_IMPORTED_MODULE_50__["VProgressCircular"]; });
|
||
|
||
/* harmony import */ var _VProgressLinear__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./VProgressLinear */ "./src/components/VProgressLinear/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VProgressLinear", function() { return _VProgressLinear__WEBPACK_IMPORTED_MODULE_51__["VProgressLinear"]; });
|
||
|
||
/* harmony import */ var _VRadioGroup__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./VRadioGroup */ "./src/components/VRadioGroup/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRadioGroup", function() { return _VRadioGroup__WEBPACK_IMPORTED_MODULE_52__["VRadioGroup"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRadio", function() { return _VRadioGroup__WEBPACK_IMPORTED_MODULE_52__["VRadio"]; });
|
||
|
||
/* harmony import */ var _VRangeSlider__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./VRangeSlider */ "./src/components/VRangeSlider/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRangeSlider", function() { return _VRangeSlider__WEBPACK_IMPORTED_MODULE_53__["VRangeSlider"]; });
|
||
|
||
/* harmony import */ var _VRating__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./VRating */ "./src/components/VRating/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VRating", function() { return _VRating__WEBPACK_IMPORTED_MODULE_54__["VRating"]; });
|
||
|
||
/* harmony import */ var _VResponsive__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./VResponsive */ "./src/components/VResponsive/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VResponsive", function() { return _VResponsive__WEBPACK_IMPORTED_MODULE_55__["VResponsive"]; });
|
||
|
||
/* harmony import */ var _VSelect__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./VSelect */ "./src/components/VSelect/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSelect", function() { return _VSelect__WEBPACK_IMPORTED_MODULE_56__["VSelect"]; });
|
||
|
||
/* harmony import */ var _VSkeletonLoader__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./VSkeletonLoader */ "./src/components/VSkeletonLoader/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSkeletonLoader", function() { return _VSkeletonLoader__WEBPACK_IMPORTED_MODULE_57__["VSkeletonLoader"]; });
|
||
|
||
/* harmony import */ var _VSlider__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./VSlider */ "./src/components/VSlider/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlider", function() { return _VSlider__WEBPACK_IMPORTED_MODULE_58__["VSlider"]; });
|
||
|
||
/* harmony import */ var _VSlideGroup__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./VSlideGroup */ "./src/components/VSlideGroup/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlideGroup", function() { return _VSlideGroup__WEBPACK_IMPORTED_MODULE_59__["VSlideGroup"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlideItem", function() { return _VSlideGroup__WEBPACK_IMPORTED_MODULE_59__["VSlideItem"]; });
|
||
|
||
/* harmony import */ var _VSnackbar__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./VSnackbar */ "./src/components/VSnackbar/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSnackbar", function() { return _VSnackbar__WEBPACK_IMPORTED_MODULE_60__["VSnackbar"]; });
|
||
|
||
/* harmony import */ var _VSparkline__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ./VSparkline */ "./src/components/VSparkline/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSparkline", function() { return _VSparkline__WEBPACK_IMPORTED_MODULE_61__["VSparkline"]; });
|
||
|
||
/* harmony import */ var _VSpeedDial__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ./VSpeedDial */ "./src/components/VSpeedDial/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSpeedDial", function() { return _VSpeedDial__WEBPACK_IMPORTED_MODULE_62__["VSpeedDial"]; });
|
||
|
||
/* harmony import */ var _VStepper__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ./VStepper */ "./src/components/VStepper/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VStepper", function() { return _VStepper__WEBPACK_IMPORTED_MODULE_63__["VStepper"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VStepperContent", function() { return _VStepper__WEBPACK_IMPORTED_MODULE_63__["VStepperContent"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VStepperStep", function() { return _VStepper__WEBPACK_IMPORTED_MODULE_63__["VStepperStep"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VStepperHeader", function() { return _VStepper__WEBPACK_IMPORTED_MODULE_63__["VStepperHeader"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VStepperItems", function() { return _VStepper__WEBPACK_IMPORTED_MODULE_63__["VStepperItems"]; });
|
||
|
||
/* harmony import */ var _VSubheader__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ./VSubheader */ "./src/components/VSubheader/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSubheader", function() { return _VSubheader__WEBPACK_IMPORTED_MODULE_64__["VSubheader"]; });
|
||
|
||
/* harmony import */ var _VSwitch__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ./VSwitch */ "./src/components/VSwitch/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSwitch", function() { return _VSwitch__WEBPACK_IMPORTED_MODULE_65__["VSwitch"]; });
|
||
|
||
/* harmony import */ var _VSystemBar__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ./VSystemBar */ "./src/components/VSystemBar/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSystemBar", function() { return _VSystemBar__WEBPACK_IMPORTED_MODULE_66__["VSystemBar"]; });
|
||
|
||
/* harmony import */ var _VTabs__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ./VTabs */ "./src/components/VTabs/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabs", function() { return _VTabs__WEBPACK_IMPORTED_MODULE_67__["VTabs"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTab", function() { return _VTabs__WEBPACK_IMPORTED_MODULE_67__["VTab"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabItem", function() { return _VTabs__WEBPACK_IMPORTED_MODULE_67__["VTabItem"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabsItems", function() { return _VTabs__WEBPACK_IMPORTED_MODULE_67__["VTabsItems"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabsSlider", function() { return _VTabs__WEBPACK_IMPORTED_MODULE_67__["VTabsSlider"]; });
|
||
|
||
/* harmony import */ var _VTextarea__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ./VTextarea */ "./src/components/VTextarea/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTextarea", function() { return _VTextarea__WEBPACK_IMPORTED_MODULE_68__["VTextarea"]; });
|
||
|
||
/* harmony import */ var _VTextField__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ./VTextField */ "./src/components/VTextField/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTextField", function() { return _VTextField__WEBPACK_IMPORTED_MODULE_69__["VTextField"]; });
|
||
|
||
/* harmony import */ var _VThemeProvider__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ./VThemeProvider */ "./src/components/VThemeProvider/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VThemeProvider", function() { return _VThemeProvider__WEBPACK_IMPORTED_MODULE_70__["VThemeProvider"]; });
|
||
|
||
/* harmony import */ var _VTimeline__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ./VTimeline */ "./src/components/VTimeline/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimeline", function() { return _VTimeline__WEBPACK_IMPORTED_MODULE_71__["VTimeline"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimelineItem", function() { return _VTimeline__WEBPACK_IMPORTED_MODULE_71__["VTimelineItem"]; });
|
||
|
||
/* harmony import */ var _VTimePicker__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ./VTimePicker */ "./src/components/VTimePicker/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimePicker", function() { return _VTimePicker__WEBPACK_IMPORTED_MODULE_72__["VTimePicker"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimePickerClock", function() { return _VTimePicker__WEBPACK_IMPORTED_MODULE_72__["VTimePickerClock"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTimePickerTitle", function() { return _VTimePicker__WEBPACK_IMPORTED_MODULE_72__["VTimePickerTitle"]; });
|
||
|
||
/* harmony import */ var _VToolbar__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ./VToolbar */ "./src/components/VToolbar/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VToolbar", function() { return _VToolbar__WEBPACK_IMPORTED_MODULE_73__["VToolbar"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VToolbarItems", function() { return _VToolbar__WEBPACK_IMPORTED_MODULE_73__["VToolbarItems"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VToolbarTitle", function() { return _VToolbar__WEBPACK_IMPORTED_MODULE_73__["VToolbarTitle"]; });
|
||
|
||
/* harmony import */ var _VTooltip__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ./VTooltip */ "./src/components/VTooltip/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTooltip", function() { return _VTooltip__WEBPACK_IMPORTED_MODULE_74__["VTooltip"]; });
|
||
|
||
/* harmony import */ var _VTreeview__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ./VTreeview */ "./src/components/VTreeview/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTreeview", function() { return _VTreeview__WEBPACK_IMPORTED_MODULE_75__["VTreeview"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTreeviewNode", function() { return _VTreeview__WEBPACK_IMPORTED_MODULE_75__["VTreeviewNode"]; });
|
||
|
||
/* harmony import */ var _VWindow__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ./VWindow */ "./src/components/VWindow/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VWindow", function() { return _VWindow__WEBPACK_IMPORTED_MODULE_76__["VWindow"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VWindowItem", function() { return _VWindow__WEBPACK_IMPORTED_MODULE_76__["VWindowItem"]; });
|
||
|
||
/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ./transitions */ "./src/components/transitions/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCarouselTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VCarouselTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VCarouselReverseTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VCarouselReverseTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VTabTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VTabReverseTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VTabReverseTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VMenuTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VMenuTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VFabTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VFabTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDialogTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VDialogTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VDialogBottomTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VDialogBottomTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VFadeTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VFadeTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VScaleTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VScaleTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VScrollXTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VScrollXTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VScrollXReverseTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VScrollXReverseTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VScrollYTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VScrollYTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VScrollYReverseTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VScrollYReverseTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlideXTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VSlideXTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlideXReverseTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VSlideXReverseTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlideYTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VSlideYTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VSlideYReverseTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VSlideYReverseTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpandTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VExpandTransition"]; });
|
||
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "VExpandXTransition", function() { return _transitions__WEBPACK_IMPORTED_MODULE_77__["VExpandXTransition"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/transitions/createTransition.ts":
|
||
/*!********************************************************!*\
|
||
!*** ./src/components/transitions/createTransition.ts ***!
|
||
\********************************************************/
|
||
/*! exports provided: createSimpleTransition, createJavascriptTransition */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createSimpleTransition", function() { return createSimpleTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createJavascriptTransition", function() { return createJavascriptTransition; });
|
||
/* harmony import */ var _util_mergeData__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/mergeData */ "./src/util/mergeData.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
function mergeTransitions(dest) {
|
||
var _a;
|
||
|
||
if (dest === void 0) {
|
||
dest = [];
|
||
}
|
||
|
||
var transitions = [];
|
||
|
||
for (var _i = 1; _i < arguments.length; _i++) {
|
||
transitions[_i - 1] = arguments[_i];
|
||
}
|
||
/* eslint-disable-next-line no-array-constructor */
|
||
|
||
|
||
return (_a = Array()).concat.apply(_a, __spread([dest], transitions));
|
||
}
|
||
|
||
function createSimpleTransition(name, origin, mode) {
|
||
if (origin === void 0) {
|
||
origin = 'top center 0';
|
||
}
|
||
|
||
return {
|
||
name: name,
|
||
functional: true,
|
||
props: {
|
||
group: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
hideOnLeave: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
leaveAbsolute: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
mode: {
|
||
type: String,
|
||
default: mode
|
||
},
|
||
origin: {
|
||
type: String,
|
||
default: origin
|
||
}
|
||
},
|
||
render: function render(h, context) {
|
||
var tag = "transition" + (context.props.group ? '-group' : '');
|
||
var data = {
|
||
props: {
|
||
name: name,
|
||
mode: context.props.mode
|
||
},
|
||
on: {
|
||
beforeEnter: function beforeEnter(el) {
|
||
el.style.transformOrigin = context.props.origin;
|
||
el.style.webkitTransformOrigin = context.props.origin;
|
||
}
|
||
}
|
||
};
|
||
|
||
if (context.props.leaveAbsolute) {
|
||
data.on.leave = mergeTransitions(data.on.leave, function (el) {
|
||
return el.style.position = 'absolute';
|
||
});
|
||
}
|
||
|
||
if (context.props.hideOnLeave) {
|
||
data.on.leave = mergeTransitions(data.on.leave, function (el) {
|
||
return el.style.display = 'none';
|
||
});
|
||
}
|
||
|
||
return h(tag, Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_0__["default"])(context.data, data), context.children);
|
||
}
|
||
};
|
||
}
|
||
function createJavascriptTransition(name, functions, mode) {
|
||
if (mode === void 0) {
|
||
mode = 'in-out';
|
||
}
|
||
|
||
return {
|
||
name: name,
|
||
functional: true,
|
||
props: {
|
||
mode: {
|
||
type: String,
|
||
default: mode
|
||
}
|
||
},
|
||
render: function render(h, context) {
|
||
return h('transition', Object(_util_mergeData__WEBPACK_IMPORTED_MODULE_0__["default"])(context.data, {
|
||
props: {
|
||
name: name
|
||
},
|
||
on: functions
|
||
}), context.children);
|
||
}
|
||
};
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/transitions/expand-transition.ts":
|
||
/*!*********************************************************!*\
|
||
!*** ./src/components/transitions/expand-transition.ts ***!
|
||
\*********************************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (function (expandedParentClass, x) {
|
||
if (expandedParentClass === void 0) {
|
||
expandedParentClass = '';
|
||
}
|
||
|
||
if (x === void 0) {
|
||
x = false;
|
||
}
|
||
|
||
var sizeProperty = x ? 'width' : 'height';
|
||
var offsetProperty = "offset" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["upperFirst"])(sizeProperty);
|
||
return {
|
||
beforeEnter: function beforeEnter(el) {
|
||
var _a;
|
||
|
||
el._parent = el.parentNode;
|
||
el._initialStyle = (_a = {
|
||
transition: el.style.transition,
|
||
visibility: el.style.visibility,
|
||
overflow: el.style.overflow
|
||
}, _a[sizeProperty] = el.style[sizeProperty], _a);
|
||
},
|
||
enter: function enter(el) {
|
||
var initialStyle = el._initialStyle;
|
||
var offset = el[offsetProperty] + "px";
|
||
el.style.setProperty('transition', 'none', 'important');
|
||
el.style.visibility = 'hidden';
|
||
el.style.visibility = initialStyle.visibility;
|
||
el.style.overflow = 'hidden';
|
||
el.style[sizeProperty] = '0';
|
||
void el.offsetHeight; // force reflow
|
||
|
||
el.style.transition = initialStyle.transition;
|
||
|
||
if (expandedParentClass && el._parent) {
|
||
el._parent.classList.add(expandedParentClass);
|
||
}
|
||
|
||
requestAnimationFrame(function () {
|
||
el.style[sizeProperty] = offset;
|
||
});
|
||
},
|
||
afterEnter: resetStyles,
|
||
enterCancelled: resetStyles,
|
||
leave: function leave(el) {
|
||
var _a;
|
||
|
||
el._initialStyle = (_a = {
|
||
transition: '',
|
||
visibility: '',
|
||
overflow: el.style.overflow
|
||
}, _a[sizeProperty] = el.style[sizeProperty], _a);
|
||
el.style.overflow = 'hidden';
|
||
el.style[sizeProperty] = el[offsetProperty] + "px";
|
||
void el.offsetHeight; // force reflow
|
||
|
||
requestAnimationFrame(function () {
|
||
return el.style[sizeProperty] = '0';
|
||
});
|
||
},
|
||
afterLeave: afterLeave,
|
||
leaveCancelled: afterLeave
|
||
};
|
||
|
||
function afterLeave(el) {
|
||
if (expandedParentClass && el._parent) {
|
||
el._parent.classList.remove(expandedParentClass);
|
||
}
|
||
|
||
resetStyles(el);
|
||
}
|
||
|
||
function resetStyles(el) {
|
||
var size = el._initialStyle[sizeProperty];
|
||
el.style.overflow = el._initialStyle.overflow;
|
||
if (size != null) el.style[sizeProperty] = size;
|
||
delete el._initialStyle;
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/components/transitions/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/components/transitions/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: VCarouselTransition, VCarouselReverseTransition, VTabTransition, VTabReverseTransition, VMenuTransition, VFabTransition, VDialogTransition, VDialogBottomTransition, VFadeTransition, VScaleTransition, VScrollXTransition, VScrollXReverseTransition, VScrollYTransition, VScrollYReverseTransition, VSlideXTransition, VSlideXReverseTransition, VSlideYTransition, VSlideYReverseTransition, VExpandTransition, VExpandXTransition, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VCarouselTransition", function() { return VCarouselTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VCarouselReverseTransition", function() { return VCarouselReverseTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VTabTransition", function() { return VTabTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VTabReverseTransition", function() { return VTabReverseTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VMenuTransition", function() { return VMenuTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VFabTransition", function() { return VFabTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VDialogTransition", function() { return VDialogTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VDialogBottomTransition", function() { return VDialogBottomTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VFadeTransition", function() { return VFadeTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VScaleTransition", function() { return VScaleTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VScrollXTransition", function() { return VScrollXTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VScrollXReverseTransition", function() { return VScrollXReverseTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VScrollYTransition", function() { return VScrollYTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VScrollYReverseTransition", function() { return VScrollYReverseTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VSlideXTransition", function() { return VSlideXTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VSlideXReverseTransition", function() { return VSlideXReverseTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VSlideYTransition", function() { return VSlideYTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VSlideYReverseTransition", function() { return VSlideYReverseTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VExpandTransition", function() { return VExpandTransition; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VExpandXTransition", function() { return VExpandXTransition; });
|
||
/* harmony import */ var _createTransition__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./createTransition */ "./src/components/transitions/createTransition.ts");
|
||
/* harmony import */ var _expand_transition__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./expand-transition */ "./src/components/transitions/expand-transition.ts");
|
||
|
||
// Component specific transitions
|
||
|
||
var VCarouselTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('carousel-transition');
|
||
var VCarouselReverseTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('carousel-reverse-transition');
|
||
var VTabTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('tab-transition');
|
||
var VTabReverseTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('tab-reverse-transition');
|
||
var VMenuTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('menu-transition');
|
||
var VFabTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('fab-transition', 'center center', 'out-in'); // Generic transitions
|
||
|
||
var VDialogTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('dialog-transition');
|
||
var VDialogBottomTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('dialog-bottom-transition');
|
||
var VFadeTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('fade-transition');
|
||
var VScaleTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('scale-transition');
|
||
var VScrollXTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('scroll-x-transition');
|
||
var VScrollXReverseTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('scroll-x-reverse-transition');
|
||
var VScrollYTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('scroll-y-transition');
|
||
var VScrollYReverseTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('scroll-y-reverse-transition');
|
||
var VSlideXTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('slide-x-transition');
|
||
var VSlideXReverseTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('slide-x-reverse-transition');
|
||
var VSlideYTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('slide-y-transition');
|
||
var VSlideYReverseTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createSimpleTransition"])('slide-y-reverse-transition'); // Javascript transitions
|
||
|
||
var VExpandTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createJavascriptTransition"])('expand-transition', Object(_expand_transition__WEBPACK_IMPORTED_MODULE_1__["default"])());
|
||
var VExpandXTransition = Object(_createTransition__WEBPACK_IMPORTED_MODULE_0__["createJavascriptTransition"])('expand-x-transition', Object(_expand_transition__WEBPACK_IMPORTED_MODULE_1__["default"])('', true));
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
$_vuetify_subcomponents: {
|
||
VCarouselTransition: VCarouselTransition,
|
||
VCarouselReverseTransition: VCarouselReverseTransition,
|
||
VDialogTransition: VDialogTransition,
|
||
VDialogBottomTransition: VDialogBottomTransition,
|
||
VFabTransition: VFabTransition,
|
||
VFadeTransition: VFadeTransition,
|
||
VMenuTransition: VMenuTransition,
|
||
VScaleTransition: VScaleTransition,
|
||
VScrollXTransition: VScrollXTransition,
|
||
VScrollXReverseTransition: VScrollXReverseTransition,
|
||
VScrollYTransition: VScrollYTransition,
|
||
VScrollYReverseTransition: VScrollYReverseTransition,
|
||
VSlideXTransition: VSlideXTransition,
|
||
VSlideXReverseTransition: VSlideXReverseTransition,
|
||
VSlideYTransition: VSlideYTransition,
|
||
VSlideYReverseTransition: VSlideYReverseTransition,
|
||
VTabReverseTransition: VTabReverseTransition,
|
||
VTabTransition: VTabTransition,
|
||
VExpandTransition: VExpandTransition,
|
||
VExpandXTransition: VExpandXTransition
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/click-outside/index.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/directives/click-outside/index.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: ClickOutside, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClickOutside", function() { return ClickOutside; });
|
||
function closeConditional() {
|
||
return false;
|
||
}
|
||
|
||
function directive(e, el, binding) {
|
||
// Args may not always be supplied
|
||
binding.args = binding.args || {}; // If no closeConditional was supplied assign a default
|
||
|
||
var isActive = binding.args.closeConditional || closeConditional; // The include element callbacks below can be expensive
|
||
// so we should avoid calling them when we're not active.
|
||
// Explicitly check for false to allow fallback compatibility
|
||
// with non-toggleable components
|
||
|
||
if (!e || isActive(e) === false) return; // If click was triggered programmaticaly (domEl.click()) then
|
||
// it shouldn't be treated as click-outside
|
||
// Chrome/Firefox support isTrusted property
|
||
// IE/Edge support pointerType property (empty if not triggered
|
||
// by pointing device)
|
||
|
||
if ('isTrusted' in e && !e.isTrusted || 'pointerType' in e && !e.pointerType) return; // Check if additional elements were passed to be included in check
|
||
// (click must be outside all included elements, if any)
|
||
|
||
var elements = (binding.args.include || function () {
|
||
return [];
|
||
})(); // Add the root element for the component this directive was defined on
|
||
|
||
|
||
elements.push(el); // Check if it's a click outside our elements, and then if our callback returns true.
|
||
// Non-toggleable components should take action in their callback and return falsy.
|
||
// Toggleable can return true if it wants to deactivate.
|
||
// Note that, because we're in the capture phase, this callback will occur before
|
||
// the bubbling click event on any outside elements.
|
||
|
||
!elements.some(function (el) {
|
||
return el.contains(e.target);
|
||
}) && setTimeout(function () {
|
||
isActive(e) && binding.value && binding.value(e);
|
||
}, 0);
|
||
}
|
||
|
||
var ClickOutside = {
|
||
// [data-app] may not be found
|
||
// if using bind, inserted makes
|
||
// sure that the root element is
|
||
// available, iOS does not support
|
||
// clicks on body
|
||
inserted: function inserted(el, binding) {
|
||
var onClick = function onClick(e) {
|
||
return directive(e, el, binding);
|
||
}; // iOS does not recognize click events on document
|
||
// or body, this is the entire purpose of the v-app
|
||
// component and [data-app], stop removing this
|
||
|
||
|
||
var app = document.querySelector('[data-app]') || document.body; // This is only for unit tests
|
||
|
||
app.addEventListener('click', onClick, true);
|
||
el._clickOutside = onClick;
|
||
},
|
||
unbind: function unbind(el) {
|
||
if (!el._clickOutside) return;
|
||
var app = document.querySelector('[data-app]') || document.body; // This is only for unit tests
|
||
|
||
app && app.removeEventListener('click', el._clickOutside, true);
|
||
delete el._clickOutside;
|
||
}
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (ClickOutside);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/index.ts":
|
||
/*!*********************************!*\
|
||
!*** ./src/directives/index.ts ***!
|
||
\*********************************/
|
||
/*! exports provided: ClickOutside, Intersect, Mutate, Resize, Ripple, Scroll, Touch */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _click_outside__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./click-outside */ "./src/directives/click-outside/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClickOutside", function() { return _click_outside__WEBPACK_IMPORTED_MODULE_0__["ClickOutside"]; });
|
||
|
||
/* harmony import */ var _intersect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./intersect */ "./src/directives/intersect/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Intersect", function() { return _intersect__WEBPACK_IMPORTED_MODULE_1__["Intersect"]; });
|
||
|
||
/* harmony import */ var _mutate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mutate */ "./src/directives/mutate/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Mutate", function() { return _mutate__WEBPACK_IMPORTED_MODULE_2__["Mutate"]; });
|
||
|
||
/* harmony import */ var _resize__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./resize */ "./src/directives/resize/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Resize", function() { return _resize__WEBPACK_IMPORTED_MODULE_3__["Resize"]; });
|
||
|
||
/* harmony import */ var _ripple__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Ripple", function() { return _ripple__WEBPACK_IMPORTED_MODULE_4__["Ripple"]; });
|
||
|
||
/* harmony import */ var _scroll__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./scroll */ "./src/directives/scroll/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Scroll", function() { return _scroll__WEBPACK_IMPORTED_MODULE_5__["Scroll"]; });
|
||
|
||
/* harmony import */ var _touch__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./touch */ "./src/directives/touch/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Touch", function() { return _touch__WEBPACK_IMPORTED_MODULE_6__["Touch"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/intersect/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/directives/intersect/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: Intersect, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Intersect", function() { return Intersect; });
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
function inserted(el, binding) {
|
||
var modifiers = binding.modifiers || {};
|
||
var value = binding.value;
|
||
|
||
var _a = _typeof(value) === 'object' ? value : {
|
||
handler: value,
|
||
options: {}
|
||
},
|
||
handler = _a.handler,
|
||
options = _a.options;
|
||
|
||
var observer = new IntersectionObserver(function (entries, observer) {
|
||
if (entries === void 0) {
|
||
entries = [];
|
||
}
|
||
/* istanbul ignore if */
|
||
|
||
|
||
if (!el._observe) return; // Just in case, should never fire
|
||
// If is not quiet or has already been
|
||
// initted, invoke the user callback
|
||
|
||
if (handler && (!modifiers.quiet || el._observe.init)) {
|
||
var isIntersecting = Boolean(entries.find(function (entry) {
|
||
return entry.isIntersecting;
|
||
}));
|
||
handler(entries, observer, isIntersecting);
|
||
} // If has already been initted and
|
||
// has the once modifier, unbind
|
||
|
||
|
||
if (el._observe.init && modifiers.once) unbind(el); // Otherwise, mark the observer as initted
|
||
else el._observe.init = true;
|
||
}, options);
|
||
el._observe = {
|
||
init: false,
|
||
observer: observer
|
||
};
|
||
observer.observe(el);
|
||
}
|
||
|
||
function unbind(el) {
|
||
/* istanbul ignore if */
|
||
if (!el._observe) return;
|
||
|
||
el._observe.observer.unobserve(el);
|
||
|
||
delete el._observe;
|
||
}
|
||
|
||
var Intersect = {
|
||
inserted: inserted,
|
||
unbind: unbind
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (Intersect);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/mutate/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/directives/mutate/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: Mutate, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Mutate", function() { return Mutate; });
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __rest = undefined && undefined.__rest || function (s, e) {
|
||
var t = {};
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
}
|
||
|
||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
}
|
||
return t;
|
||
};
|
||
|
||
function inserted(el, binding) {
|
||
var modifiers = binding.modifiers ||
|
||
/* istanbul ignore next */
|
||
{};
|
||
var value = binding.value;
|
||
var isObject = _typeof(value) === 'object';
|
||
var callback = isObject ? value.handler : value;
|
||
|
||
var once = modifiers.once,
|
||
modifierKeys = __rest(modifiers, ["once"]);
|
||
|
||
var hasModifiers = Object.keys(modifierKeys).length > 0;
|
||
var hasOptions = isObject && value.options; // Options take top priority
|
||
|
||
var options = hasOptions ? value.options : hasModifiers // If we have modifiers, use only those provided
|
||
? {
|
||
attributes: modifierKeys.attr,
|
||
childList: modifierKeys.child,
|
||
subtree: modifierKeys.sub,
|
||
characterData: modifierKeys.char // Defaults to everything on
|
||
|
||
} : {
|
||
attributes: true,
|
||
childList: true,
|
||
subtree: true,
|
||
characterData: true
|
||
};
|
||
var observer = new MutationObserver(function (mutationsList, observer) {
|
||
/* istanbul ignore if */
|
||
if (!el._mutate) return; // Just in case, should never fire
|
||
|
||
callback(mutationsList, observer); // If has the once modifier, unbind
|
||
|
||
once && unbind(el);
|
||
});
|
||
observer.observe(el, options);
|
||
el._mutate = {
|
||
observer: observer
|
||
};
|
||
}
|
||
|
||
function unbind(el) {
|
||
/* istanbul ignore if */
|
||
if (!el._mutate) return;
|
||
|
||
el._mutate.observer.disconnect();
|
||
|
||
delete el._mutate;
|
||
}
|
||
|
||
var Mutate = {
|
||
inserted: inserted,
|
||
unbind: unbind
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (Mutate);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/resize/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/directives/resize/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: Resize, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Resize", function() { return Resize; });
|
||
function inserted(el, binding) {
|
||
var callback = binding.value;
|
||
var options = binding.options || {
|
||
passive: true
|
||
};
|
||
window.addEventListener('resize', callback, options);
|
||
el._onResize = {
|
||
callback: callback,
|
||
options: options
|
||
};
|
||
|
||
if (!binding.modifiers || !binding.modifiers.quiet) {
|
||
callback();
|
||
}
|
||
}
|
||
|
||
function unbind(el) {
|
||
if (!el._onResize) return;
|
||
var _a = el._onResize,
|
||
callback = _a.callback,
|
||
options = _a.options;
|
||
window.removeEventListener('resize', callback, options);
|
||
delete el._onResize;
|
||
}
|
||
|
||
var Resize = {
|
||
inserted: inserted,
|
||
unbind: unbind
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (Resize);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/ripple/VRipple.sass":
|
||
/*!********************************************!*\
|
||
!*** ./src/directives/ripple/VRipple.sass ***!
|
||
\********************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/ripple/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/directives/ripple/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: Ripple, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Ripple", function() { return Ripple; });
|
||
/* harmony import */ var _VRipple_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./VRipple.sass */ "./src/directives/ripple/VRipple.sass");
|
||
/* harmony import */ var _VRipple_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_VRipple_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Styles
|
||
|
||
|
||
|
||
|
||
|
||
function transform(el, value) {
|
||
el.style['transform'] = value;
|
||
el.style['webkitTransform'] = value;
|
||
}
|
||
|
||
function opacity(el, value) {
|
||
el.style['opacity'] = value.toString();
|
||
}
|
||
|
||
function isTouchEvent(e) {
|
||
return e.constructor.name === 'TouchEvent';
|
||
}
|
||
|
||
var calculate = function calculate(e, el, value) {
|
||
if (value === void 0) {
|
||
value = {};
|
||
}
|
||
|
||
var offset = el.getBoundingClientRect();
|
||
var target = isTouchEvent(e) ? e.touches[e.touches.length - 1] : e;
|
||
var localX = target.clientX - offset.left;
|
||
var localY = target.clientY - offset.top;
|
||
var radius = 0;
|
||
var scale = 0.3;
|
||
|
||
if (el._ripple && el._ripple.circle) {
|
||
scale = 0.15;
|
||
radius = el.clientWidth / 2;
|
||
radius = value.center ? radius : radius + Math.sqrt(Math.pow(localX - radius, 2) + Math.pow(localY - radius, 2)) / 4;
|
||
} else {
|
||
radius = Math.sqrt(Math.pow(el.clientWidth, 2) + Math.pow(el.clientHeight, 2)) / 2;
|
||
}
|
||
|
||
var centerX = (el.clientWidth - radius * 2) / 2 + "px";
|
||
var centerY = (el.clientHeight - radius * 2) / 2 + "px";
|
||
var x = value.center ? centerX : localX - radius + "px";
|
||
var y = value.center ? centerY : localY - radius + "px";
|
||
return {
|
||
radius: radius,
|
||
scale: scale,
|
||
x: x,
|
||
y: y,
|
||
centerX: centerX,
|
||
centerY: centerY
|
||
};
|
||
};
|
||
|
||
var ripples = {
|
||
/* eslint-disable max-statements */
|
||
show: function show(e, el, value) {
|
||
if (value === void 0) {
|
||
value = {};
|
||
}
|
||
|
||
if (!el._ripple || !el._ripple.enabled) {
|
||
return;
|
||
}
|
||
|
||
var container = document.createElement('span');
|
||
var animation = document.createElement('span');
|
||
container.appendChild(animation);
|
||
container.className = 'v-ripple__container';
|
||
|
||
if (value.class) {
|
||
container.className += " " + value.class;
|
||
}
|
||
|
||
var _a = calculate(e, el, value),
|
||
radius = _a.radius,
|
||
scale = _a.scale,
|
||
x = _a.x,
|
||
y = _a.y,
|
||
centerX = _a.centerX,
|
||
centerY = _a.centerY;
|
||
|
||
var size = radius * 2 + "px";
|
||
animation.className = 'v-ripple__animation';
|
||
animation.style.width = size;
|
||
animation.style.height = size;
|
||
el.appendChild(container);
|
||
var computed = window.getComputedStyle(el);
|
||
|
||
if (computed && computed.position === 'static') {
|
||
el.style.position = 'relative';
|
||
el.dataset.previousPosition = 'static';
|
||
}
|
||
|
||
animation.classList.add('v-ripple__animation--enter');
|
||
animation.classList.add('v-ripple__animation--visible');
|
||
transform(animation, "translate(" + x + ", " + y + ") scale3d(" + scale + "," + scale + "," + scale + ")");
|
||
opacity(animation, 0);
|
||
animation.dataset.activated = String(performance.now());
|
||
setTimeout(function () {
|
||
animation.classList.remove('v-ripple__animation--enter');
|
||
animation.classList.add('v-ripple__animation--in');
|
||
transform(animation, "translate(" + centerX + ", " + centerY + ") scale3d(1,1,1)");
|
||
opacity(animation, 0.25);
|
||
}, 0);
|
||
},
|
||
hide: function hide(el) {
|
||
if (!el || !el._ripple || !el._ripple.enabled) return;
|
||
var ripples = el.getElementsByClassName('v-ripple__animation');
|
||
if (ripples.length === 0) return;
|
||
var animation = ripples[ripples.length - 1];
|
||
if (animation.dataset.isHiding) return;else animation.dataset.isHiding = 'true';
|
||
var diff = performance.now() - Number(animation.dataset.activated);
|
||
var delay = Math.max(250 - diff, 0);
|
||
setTimeout(function () {
|
||
animation.classList.remove('v-ripple__animation--in');
|
||
animation.classList.add('v-ripple__animation--out');
|
||
opacity(animation, 0);
|
||
setTimeout(function () {
|
||
var ripples = el.getElementsByClassName('v-ripple__animation');
|
||
|
||
if (ripples.length === 1 && el.dataset.previousPosition) {
|
||
el.style.position = el.dataset.previousPosition;
|
||
delete el.dataset.previousPosition;
|
||
}
|
||
|
||
animation.parentNode && el.removeChild(animation.parentNode);
|
||
}, 300);
|
||
}, delay);
|
||
}
|
||
};
|
||
|
||
function isRippleEnabled(value) {
|
||
return typeof value === 'undefined' || !!value;
|
||
}
|
||
|
||
function rippleShow(e) {
|
||
var value = {};
|
||
var element = e.currentTarget;
|
||
if (!element || !element._ripple || element._ripple.touched) return;
|
||
|
||
if (isTouchEvent(e)) {
|
||
element._ripple.touched = true;
|
||
element._ripple.isTouch = true;
|
||
} else {
|
||
// It's possible for touch events to fire
|
||
// as mouse events on Android/iOS, this
|
||
// will skip the event call if it has
|
||
// already been registered as touch
|
||
if (element._ripple.isTouch) return;
|
||
}
|
||
|
||
value.center = element._ripple.centered;
|
||
|
||
if (element._ripple.class) {
|
||
value.class = element._ripple.class;
|
||
}
|
||
|
||
ripples.show(e, element, value);
|
||
}
|
||
|
||
function rippleHide(e) {
|
||
var element = e.currentTarget;
|
||
if (!element) return;
|
||
window.setTimeout(function () {
|
||
if (element._ripple) {
|
||
element._ripple.touched = false;
|
||
}
|
||
});
|
||
ripples.hide(element);
|
||
}
|
||
|
||
function updateRipple(el, binding, wasEnabled) {
|
||
var enabled = isRippleEnabled(binding.value);
|
||
|
||
if (!enabled) {
|
||
ripples.hide(el);
|
||
}
|
||
|
||
el._ripple = el._ripple || {};
|
||
el._ripple.enabled = enabled;
|
||
var value = binding.value || {};
|
||
|
||
if (value.center) {
|
||
el._ripple.centered = true;
|
||
}
|
||
|
||
if (value.class) {
|
||
el._ripple.class = binding.value.class;
|
||
}
|
||
|
||
if (value.circle) {
|
||
el._ripple.circle = value.circle;
|
||
}
|
||
|
||
if (enabled && !wasEnabled) {
|
||
el.addEventListener('touchstart', rippleShow, {
|
||
passive: true
|
||
});
|
||
el.addEventListener('touchend', rippleHide, {
|
||
passive: true
|
||
});
|
||
el.addEventListener('touchcancel', rippleHide);
|
||
el.addEventListener('mousedown', rippleShow);
|
||
el.addEventListener('mouseup', rippleHide);
|
||
el.addEventListener('mouseleave', rippleHide); // Anchor tags can be dragged, causes other hides to fail - #1537
|
||
|
||
el.addEventListener('dragstart', rippleHide, {
|
||
passive: true
|
||
});
|
||
} else if (!enabled && wasEnabled) {
|
||
removeListeners(el);
|
||
}
|
||
}
|
||
|
||
function removeListeners(el) {
|
||
el.removeEventListener('mousedown', rippleShow);
|
||
el.removeEventListener('touchstart', rippleShow);
|
||
el.removeEventListener('touchend', rippleHide);
|
||
el.removeEventListener('touchcancel', rippleHide);
|
||
el.removeEventListener('mouseup', rippleHide);
|
||
el.removeEventListener('mouseleave', rippleHide);
|
||
el.removeEventListener('dragstart', rippleHide);
|
||
}
|
||
|
||
function directive(el, binding, node) {
|
||
updateRipple(el, binding, false);
|
||
|
||
if (true) {
|
||
// warn if an inline element is used, waiting for el to be in the DOM first
|
||
node.context && node.context.$nextTick(function () {
|
||
var computed = window.getComputedStyle(el);
|
||
|
||
if (computed && computed.display === 'inline') {
|
||
var context = node.fnOptions ? [node.fnOptions, node.context] : [node.componentInstance];
|
||
_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleWarn"].apply(void 0, __spread(['v-ripple can only be used on block-level elements'], context));
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function unbind(el) {
|
||
delete el._ripple;
|
||
removeListeners(el);
|
||
}
|
||
|
||
function update(el, binding) {
|
||
if (binding.value === binding.oldValue) {
|
||
return;
|
||
}
|
||
|
||
var wasEnabled = isRippleEnabled(binding.oldValue);
|
||
updateRipple(el, binding, wasEnabled);
|
||
}
|
||
|
||
var Ripple = {
|
||
bind: directive,
|
||
unbind: unbind,
|
||
update: update
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (Ripple);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/scroll/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/directives/scroll/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: Scroll, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Scroll", function() { return Scroll; });
|
||
function inserted(el, binding) {
|
||
var callback = binding.value;
|
||
var options = binding.options || {
|
||
passive: true
|
||
};
|
||
var target = binding.arg ? document.querySelector(binding.arg) : window;
|
||
if (!target) return;
|
||
target.addEventListener('scroll', callback, options);
|
||
el._onScroll = {
|
||
callback: callback,
|
||
options: options,
|
||
target: target
|
||
};
|
||
}
|
||
|
||
function unbind(el) {
|
||
if (!el._onScroll) return;
|
||
var _a = el._onScroll,
|
||
callback = _a.callback,
|
||
options = _a.options,
|
||
target = _a.target;
|
||
target.removeEventListener('scroll', callback, options);
|
||
delete el._onScroll;
|
||
}
|
||
|
||
var Scroll = {
|
||
inserted: inserted,
|
||
unbind: unbind
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (Scroll);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/directives/touch/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/directives/touch/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: Touch, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Touch", function() { return Touch; });
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
|
||
|
||
var handleGesture = function handleGesture(wrapper) {
|
||
var touchstartX = wrapper.touchstartX,
|
||
touchendX = wrapper.touchendX,
|
||
touchstartY = wrapper.touchstartY,
|
||
touchendY = wrapper.touchendY;
|
||
var dirRatio = 0.5;
|
||
var minDistance = 16;
|
||
wrapper.offsetX = touchendX - touchstartX;
|
||
wrapper.offsetY = touchendY - touchstartY;
|
||
|
||
if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {
|
||
wrapper.left && touchendX < touchstartX - minDistance && wrapper.left(wrapper);
|
||
wrapper.right && touchendX > touchstartX + minDistance && wrapper.right(wrapper);
|
||
}
|
||
|
||
if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {
|
||
wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper);
|
||
wrapper.down && touchendY > touchstartY + minDistance && wrapper.down(wrapper);
|
||
}
|
||
};
|
||
|
||
function _touchstart(event, wrapper) {
|
||
var touch = event.changedTouches[0];
|
||
wrapper.touchstartX = touch.clientX;
|
||
wrapper.touchstartY = touch.clientY;
|
||
wrapper.start && wrapper.start(Object.assign(event, wrapper));
|
||
}
|
||
|
||
function _touchend(event, wrapper) {
|
||
var touch = event.changedTouches[0];
|
||
wrapper.touchendX = touch.clientX;
|
||
wrapper.touchendY = touch.clientY;
|
||
wrapper.end && wrapper.end(Object.assign(event, wrapper));
|
||
handleGesture(wrapper);
|
||
}
|
||
|
||
function _touchmove(event, wrapper) {
|
||
var touch = event.changedTouches[0];
|
||
wrapper.touchmoveX = touch.clientX;
|
||
wrapper.touchmoveY = touch.clientY;
|
||
wrapper.move && wrapper.move(Object.assign(event, wrapper));
|
||
}
|
||
|
||
function createHandlers(value) {
|
||
var wrapper = {
|
||
touchstartX: 0,
|
||
touchstartY: 0,
|
||
touchendX: 0,
|
||
touchendY: 0,
|
||
touchmoveX: 0,
|
||
touchmoveY: 0,
|
||
offsetX: 0,
|
||
offsetY: 0,
|
||
left: value.left,
|
||
right: value.right,
|
||
up: value.up,
|
||
down: value.down,
|
||
start: value.start,
|
||
move: value.move,
|
||
end: value.end
|
||
};
|
||
return {
|
||
touchstart: function touchstart(e) {
|
||
return _touchstart(e, wrapper);
|
||
},
|
||
touchend: function touchend(e) {
|
||
return _touchend(e, wrapper);
|
||
},
|
||
touchmove: function touchmove(e) {
|
||
return _touchmove(e, wrapper);
|
||
}
|
||
};
|
||
}
|
||
|
||
function inserted(el, binding, vnode) {
|
||
var value = binding.value;
|
||
var target = value.parent ? el.parentElement : el;
|
||
var options = value.options || {
|
||
passive: true
|
||
}; // Needed to pass unit tests
|
||
|
||
if (!target) return;
|
||
var handlers = createHandlers(binding.value);
|
||
target._touchHandlers = Object(target._touchHandlers);
|
||
target._touchHandlers[vnode.context._uid] = handlers;
|
||
Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["keys"])(handlers).forEach(function (eventName) {
|
||
target.addEventListener(eventName, handlers[eventName], options);
|
||
});
|
||
}
|
||
|
||
function unbind(el, binding, vnode) {
|
||
var target = binding.value.parent ? el.parentElement : el;
|
||
if (!target || !target._touchHandlers) return;
|
||
var handlers = target._touchHandlers[vnode.context._uid];
|
||
Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["keys"])(handlers).forEach(function (eventName) {
|
||
target.removeEventListener(eventName, handlers[eventName]);
|
||
});
|
||
delete target._touchHandlers[vnode.context._uid];
|
||
}
|
||
|
||
var Touch = {
|
||
inserted: inserted,
|
||
unbind: unbind
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (Touch);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/framework.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/framework.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _install__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./install */ "./src/install.ts");
|
||
/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./services */ "./src/services/index.ts");
|
||
// Services
|
||
|
||
|
||
|
||
var Vuetify =
|
||
/** @class */
|
||
function () {
|
||
function Vuetify(userPreset) {
|
||
if (userPreset === void 0) {
|
||
userPreset = {};
|
||
}
|
||
|
||
this.framework = {};
|
||
this.installed = [];
|
||
this.preset = {};
|
||
this.userPreset = {};
|
||
this.userPreset = userPreset;
|
||
this.use(_services__WEBPACK_IMPORTED_MODULE_1__["Presets"]);
|
||
this.use(_services__WEBPACK_IMPORTED_MODULE_1__["Application"]);
|
||
this.use(_services__WEBPACK_IMPORTED_MODULE_1__["Breakpoint"]);
|
||
this.use(_services__WEBPACK_IMPORTED_MODULE_1__["Goto"]);
|
||
this.use(_services__WEBPACK_IMPORTED_MODULE_1__["Icons"]);
|
||
this.use(_services__WEBPACK_IMPORTED_MODULE_1__["Lang"]);
|
||
this.use(_services__WEBPACK_IMPORTED_MODULE_1__["Theme"]);
|
||
} // Called on the new vuetify instance
|
||
// bootstrap in install beforeCreate
|
||
// Exposes ssrContext if available
|
||
|
||
|
||
Vuetify.prototype.init = function (root, ssrContext) {
|
||
var _this = this;
|
||
|
||
this.installed.forEach(function (property) {
|
||
var service = _this.framework[property];
|
||
service.framework = _this.framework;
|
||
service.init(root, ssrContext);
|
||
}); // rtl is not installed and
|
||
// will never be called by
|
||
// the init process
|
||
|
||
this.framework.rtl = Boolean(this.preset.rtl);
|
||
}; // Instantiate a VuetifyService
|
||
|
||
|
||
Vuetify.prototype.use = function (Service) {
|
||
var property = Service.property;
|
||
if (this.installed.includes(property)) return; // TODO maybe a specific type for arg 2?
|
||
|
||
this.framework[property] = new Service(this.preset, this);
|
||
this.installed.push(property);
|
||
};
|
||
|
||
Vuetify.install = _install__WEBPACK_IMPORTED_MODULE_0__["install"];
|
||
Vuetify.installed = false;
|
||
Vuetify.version = "2.2.20";
|
||
return Vuetify;
|
||
}();
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Vuetify);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/index.ts":
|
||
/*!**********************!*\
|
||
!*** ./src/index.ts ***!
|
||
\**********************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "./src/components/index.ts");
|
||
/* harmony import */ var _directives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./directives */ "./src/directives/index.ts");
|
||
/* harmony import */ var _framework__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./framework */ "./src/framework.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_framework__WEBPACK_IMPORTED_MODULE_2__["default"]);
|
||
var install = _framework__WEBPACK_IMPORTED_MODULE_2__["default"].install;
|
||
|
||
_framework__WEBPACK_IMPORTED_MODULE_2__["default"].install = function (Vue, args) {
|
||
install.call(_framework__WEBPACK_IMPORTED_MODULE_2__["default"], Vue, __assign({
|
||
components: _components__WEBPACK_IMPORTED_MODULE_0__,
|
||
directives: _directives__WEBPACK_IMPORTED_MODULE_1__
|
||
}, args));
|
||
};
|
||
|
||
if (typeof window !== 'undefined' && window.Vue) {
|
||
window.Vue.use(_framework__WEBPACK_IMPORTED_MODULE_2__["default"]);
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/install.ts":
|
||
/*!************************!*\
|
||
!*** ./src/install.ts ***!
|
||
\************************/
|
||
/*! exports provided: install */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "install", function() { return install; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util/console */ "./src/util/console.ts");
|
||
|
||
|
||
function install(Vue, args) {
|
||
if (args === void 0) {
|
||
args = {};
|
||
}
|
||
|
||
if (install.installed) return;
|
||
install.installed = true;
|
||
|
||
if (vue__WEBPACK_IMPORTED_MODULE_0___default.a !== Vue) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleError"])('Multiple instances of Vue detected\nSee https://github.com/vuetifyjs/vuetify/issues/4068\n\nIf you\'re seeing "$attrs is readonly", it\'s caused by this');
|
||
}
|
||
|
||
var components = args.components || {};
|
||
var directives = args.directives || {};
|
||
|
||
for (var name in directives) {
|
||
var directive = directives[name];
|
||
Vue.directive(name, directive);
|
||
}
|
||
|
||
(function registerComponents(components) {
|
||
if (components) {
|
||
for (var key in components) {
|
||
var component = components[key];
|
||
|
||
if (component && !registerComponents(component.$_vuetify_subcomponents)) {
|
||
Vue.component(key, component);
|
||
}
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
return false;
|
||
})(components); // Used to avoid multiple mixins being setup
|
||
// when in dev mode and hot module reload
|
||
// https://github.com/vuejs/vue/issues/5089#issuecomment-284260111
|
||
|
||
|
||
if (Vue.$_vuetify_installed) return;
|
||
Vue.$_vuetify_installed = true;
|
||
Vue.mixin({
|
||
beforeCreate: function beforeCreate() {
|
||
var options = this.$options;
|
||
|
||
if (options.vuetify) {
|
||
options.vuetify.init(this, options.ssrContext);
|
||
this.$vuetify = Vue.observable(options.vuetify.framework);
|
||
} else {
|
||
this.$vuetify = options.parent && options.parent.$vuetify || this;
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/af.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/af.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'badge',
|
||
close: 'Close',
|
||
dataIterator: {
|
||
noResultsText: 'Geen ooreenstemmende resultate is gevind nie',
|
||
loadingText: 'Loading item...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Rye per bladsy:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sorted descending.',
|
||
sortAscending: 'Sorted ascending..',
|
||
sortNone: 'Not sorted.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Aantal per bladsy:',
|
||
itemsPerPageAll: 'Alles',
|
||
nextPage: 'Volgende bladsy',
|
||
prevPage: 'Vorige bladsy',
|
||
firstPage: 'Eerste bladsy',
|
||
lastPage: 'Laaste bladsy',
|
||
pageText: '{0}-{1} van {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} gekies'
|
||
},
|
||
noDataText: 'Geen data is beskikbaar nie',
|
||
carousel: {
|
||
prev: 'Vorige visuele',
|
||
next: 'Volgende visuele',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} meer'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/ar.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/ar.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'شارة',
|
||
close: 'إغلاق',
|
||
dataIterator: {
|
||
noResultsText: 'لا توجد سجلات مطابقة',
|
||
loadingText: 'تحميل العنصر...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'الصفوف لكل صفحة:',
|
||
ariaLabel: {
|
||
sortDescending: 'مفروز تنازلي. تنشيط لإزالة الفرز.',
|
||
sortAscending: 'مفروز تصاعدي. تنشيط للفرز التنازلي.',
|
||
sortNone: 'غير مفروزة. تفعيل لفرز تصاعدي.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'مفروزة حسب'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'العناصر لكل صفحة:',
|
||
itemsPerPageAll: 'الكل',
|
||
nextPage: 'الصفحة التالية',
|
||
prevPage: 'الصفحة السابقة',
|
||
firstPage: 'الصفحة الأولى',
|
||
lastPage: 'الصفحة الأخيرة',
|
||
pageText: '{0}-{1} من {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} مختارة'
|
||
},
|
||
noDataText: 'لا توجد بيانات متاحة',
|
||
carousel: {
|
||
prev: 'البصري السابق',
|
||
next: 'البصري التالي',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} أكثر'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} ملفات',
|
||
counterSize: '{0} ملفات ({1} في المجموع)'
|
||
},
|
||
timePicker: {
|
||
am: 'صباحاً',
|
||
pm: 'مساءً'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/ca.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/ca.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Insígnia',
|
||
close: 'Tancar',
|
||
dataIterator: {
|
||
noResultsText: 'Sense dades per mostrar',
|
||
loadingText: 'Carregant...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Files per pàgina:',
|
||
ariaLabel: {
|
||
sortDescending: 'Ordre descendent. Premi per treure la ordenació.',
|
||
sortAscending: 'Ordre ascendent. Premi per ordenar descendent.',
|
||
sortNone: 'Sense ordenar. Premi per ordenar ascendent.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'Ordenat per'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Elements per pàgina:',
|
||
itemsPerPageAll: 'Tot',
|
||
nextPage: 'Pàgina següent',
|
||
prevPage: 'Pàgina anterior',
|
||
firstPage: 'Primera pàgina',
|
||
lastPage: 'Última pàgina',
|
||
pageText: '{0}-{1} de {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} seleccionats'
|
||
},
|
||
noDataText: 'Sense dades',
|
||
carousel: {
|
||
prev: 'Visualització prèvia',
|
||
next: 'Visualització següent',
|
||
ariaLabel: {
|
||
delimiter: 'Diapositiva {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} més'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} fitxers',
|
||
counterSize: '{0} fitxers ({1} en total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/cs.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/cs.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Odznak',
|
||
close: 'Zavřít',
|
||
dataIterator: {
|
||
noResultsText: 'Nenalezeny žádné záznamy',
|
||
loadingText: 'Načítám položky...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Řádků na stránku:',
|
||
ariaLabel: {
|
||
sortDescending: 'Řazeno sestupně.',
|
||
sortAscending: 'Řazeno vzestupně.',
|
||
sortNone: 'Neseřazeno.',
|
||
activateNone: 'Aktivováním vypnete řazení.',
|
||
activateDescending: 'Aktivováním se bude řadit sestupně.',
|
||
activateAscending: 'Aktivováním se bude řadit vzestupně.'
|
||
},
|
||
sortBy: 'Řadit dle'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Položek na stránku:',
|
||
itemsPerPageAll: 'Vše',
|
||
nextPage: 'Další strana',
|
||
prevPage: 'Předchozí strana',
|
||
firstPage: 'První strana',
|
||
lastPage: 'Poslední strana',
|
||
pageText: '{0}-{1} z {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} vybráno'
|
||
},
|
||
noDataText: 'Nejsou dostupná žádná data',
|
||
carousel: {
|
||
prev: 'Předchozí obrázek',
|
||
next: 'Další obrázek',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} dalších'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} souborů',
|
||
counterSize: '{0} souborů ({1} celkem)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/de.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/de.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Abzeichen',
|
||
close: 'Schließen',
|
||
dataIterator: {
|
||
noResultsText: 'Keine Elemente gefunden',
|
||
loadingText: 'Lade Elemente...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Zeilen pro Seite:',
|
||
ariaLabel: {
|
||
sortDescending: 'Absteigend sortiert.',
|
||
sortAscending: 'Aufsteigend sortiert.',
|
||
sortNone: 'Nicht sortiert.',
|
||
activateNone: 'Aktivieren um Sortierung zu entfernen.',
|
||
activateDescending: 'Aktivieren um absteigend zu sortieren.',
|
||
activateAscending: 'Aktivieren um aufsteigend zu sortieren.'
|
||
},
|
||
sortBy: 'Sortiere nach'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Elemente pro Seite:',
|
||
itemsPerPageAll: 'Alle',
|
||
nextPage: 'Nächste Seite',
|
||
prevPage: 'Vorherige Seite',
|
||
firstPage: 'Erste Seite',
|
||
lastPage: 'Letzte Seite',
|
||
pageText: '{0}-{1} von {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} ausgewählt'
|
||
},
|
||
noDataText: 'Keine Daten vorhanden',
|
||
carousel: {
|
||
prev: 'Vorheriges Bild',
|
||
next: 'Nächstes Bild',
|
||
ariaLabel: {
|
||
delimiter: 'Element {0} von {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} mehr'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} Dateien',
|
||
counterSize: '{0} Dateien ({1} gesamt)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/el.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/el.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Σήμα',
|
||
close: 'Close',
|
||
dataIterator: {
|
||
noResultsText: 'Δε βρέθηκαν αποτελέσματα',
|
||
loadingText: 'Loading item...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Γραμμές ανά σελίδα:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sorted descending.',
|
||
sortAscending: 'Sorted ascending.',
|
||
sortNone: 'Not sorted.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Αντικείμενα ανά σελίδα:',
|
||
itemsPerPageAll: 'Όλα',
|
||
nextPage: 'Επόμενη σελίδα',
|
||
prevPage: 'Προηγούμενη σελίδα',
|
||
firstPage: 'Πρώτη σελίδα',
|
||
lastPage: 'Τελευταία σελίδα',
|
||
pageText: '{0}-{1} από {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} επιλεγμένα'
|
||
},
|
||
noDataText: 'Χωρίς δεδομένα',
|
||
carousel: {
|
||
prev: 'הקודם חזותי',
|
||
next: 'הבא חזותי',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} ακόμη'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/en.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/en.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Badge',
|
||
close: 'Close',
|
||
dataIterator: {
|
||
noResultsText: 'No matching records found',
|
||
loadingText: 'Loading items...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Rows per page:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sorted descending.',
|
||
sortAscending: 'Sorted ascending.',
|
||
sortNone: 'Not sorted.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Items per page:',
|
||
itemsPerPageAll: 'All',
|
||
nextPage: 'Next page',
|
||
prevPage: 'Previous page',
|
||
firstPage: 'First page',
|
||
lastPage: 'Last page',
|
||
pageText: '{0}-{1} of {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} selected'
|
||
},
|
||
noDataText: 'No data available',
|
||
carousel: {
|
||
prev: 'Previous visual',
|
||
next: 'Next visual',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} more'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/es.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/es.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Placa',
|
||
close: 'Cerrar',
|
||
dataIterator: {
|
||
noResultsText: 'Ningún elemento coincide con la búsqueda',
|
||
loadingText: 'Cargando...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Filas por página:',
|
||
ariaLabel: {
|
||
sortDescending: 'Orden descendente.',
|
||
sortAscending: 'Orden ascendente.',
|
||
sortNone: 'Sin ordenar.',
|
||
activateNone: 'Pulse para quitar orden.',
|
||
activateDescending: 'Pulse para ordenar descendente.',
|
||
activateAscending: 'Pulse para ordenar ascendente.'
|
||
},
|
||
sortBy: 'Ordenado por'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Elementos por página:',
|
||
itemsPerPageAll: 'Todos',
|
||
nextPage: 'Página siguiente',
|
||
prevPage: 'Página anterior',
|
||
firstPage: 'Primer página',
|
||
lastPage: 'Última página',
|
||
pageText: '{0}-{1} de {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} seleccionados'
|
||
},
|
||
noDataText: 'No hay datos disponibles',
|
||
carousel: {
|
||
prev: 'Visual anterior',
|
||
next: 'Visual siguiente',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} más'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} archivos',
|
||
counterSize: '{0} archivos ({1} en total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/et.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/et.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Märk',
|
||
close: 'Sulge',
|
||
dataIterator: {
|
||
noResultsText: 'Vastavaid kirjeid ei leitud',
|
||
loadingText: 'Andmeid laaditakse...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Ridu leheküljel:',
|
||
ariaLabel: {
|
||
sortDescending: 'Kahanevalt sorteeritud.',
|
||
sortAscending: 'Kasvavalt sorteeritud.',
|
||
sortNone: 'Ei ole sorteeritud.',
|
||
activateNone: 'Vajuta uuesti sorteerimise eemaldamiseks.',
|
||
activateDescending: 'Vajuta uuesti, et sorteerida kahanevalt.',
|
||
activateAscending: 'Vajuta kasvavalt sorteerimiseks.'
|
||
},
|
||
sortBy: 'Sorteerimise alus'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Kirjeid leheküljel:',
|
||
itemsPerPageAll: 'Kõik',
|
||
nextPage: 'Järgmine lehekülg',
|
||
prevPage: 'Eelmine lehekülg',
|
||
firstPage: 'Esimene lehekülg',
|
||
lastPage: 'Viimane lehekülg',
|
||
pageText: '{0}-{1} {2}st'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} valitud'
|
||
},
|
||
noDataText: 'Andmed puuduvad',
|
||
carousel: {
|
||
prev: 'Eelmine visuaalne',
|
||
next: 'Järgmine visuaalne',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} veel'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} faili',
|
||
counterSize: '{0} faili (kokku {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/fa.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/fa.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'نشان',
|
||
close: 'بستن',
|
||
dataIterator: {
|
||
noResultsText: 'نتیجهای یافت نشد',
|
||
loadingText: 'در حال بارگذاری...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'ردیف در صفحه:',
|
||
ariaLabel: {
|
||
sortDescending: 'نزولی مرتب شده است. فعالسازی برای حذف مرتبسازی.',
|
||
sortAscending: 'صعودی مرتب شده است. فعالسازی برای مرتبسازی نزولی.',
|
||
sortNone: 'مرتب نشده است. فعالسازی برای مرتبسازی صعودی.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'مرتبسازی براساس'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'ردیف در صفحه:',
|
||
itemsPerPageAll: 'همه',
|
||
nextPage: 'صفحهی بعد',
|
||
prevPage: 'صفحهی قبل',
|
||
firstPage: 'صفحهی اول',
|
||
lastPage: 'صفحهی آخر',
|
||
pageText: '{0} تا {1} از {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} انتخاب شده است'
|
||
},
|
||
noDataText: 'اطلاعاتی یافت نشد',
|
||
carousel: {
|
||
prev: 'اسلاید قبلی',
|
||
next: 'اسلاید بعدی',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{بیشتر {0'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} پرونده',
|
||
counterSize: '{0} پرونده ({1} در کل)'
|
||
},
|
||
timePicker: {
|
||
am: 'قبل از ظهر',
|
||
pm: 'بعد از ظهر'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/fr.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/fr.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Badge',
|
||
close: 'Fermer',
|
||
dataIterator: {
|
||
noResultsText: 'Aucun enregistrement correspondant trouvé',
|
||
loadingText: "Chargement de l'élément..."
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Lignes par page:',
|
||
ariaLabel: {
|
||
sortDescending: 'Tri décroissant.',
|
||
sortAscending: 'Tri croissant.',
|
||
sortNone: 'Non trié.',
|
||
activateNone: 'Activer pour supprimer le tri.',
|
||
activateDescending: 'Activer pour trier par ordre décroissant.',
|
||
activateAscending: 'Activer pour trier par ordre croissant.'
|
||
},
|
||
sortBy: 'Trier par'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Élements par page:',
|
||
itemsPerPageAll: 'Tous',
|
||
nextPage: 'Page suivante',
|
||
prevPage: 'Page précédente',
|
||
firstPage: 'Première page',
|
||
lastPage: 'Dernière page',
|
||
pageText: '{0}-{1} de {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} sélectionnés'
|
||
},
|
||
noDataText: 'Aucune donnée disponible',
|
||
carousel: {
|
||
prev: 'Visuel précédent',
|
||
next: 'Visuel suivant',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} plus'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} fichiers',
|
||
counterSize: '{0} fichiers ({1} au total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/he.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/he.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'תג',
|
||
close: 'סגור',
|
||
dataIterator: {
|
||
noResultsText: 'לא נמצאו תוצאות מתאימות',
|
||
loadingText: 'טוען פריט...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'שורות לעמוד:',
|
||
ariaLabel: {
|
||
sortDescending: 'ממוין לפי סדר עולה. לחץ להספקת המיון.',
|
||
sortAscending: 'ממוין לפי סדר יורד. לחץ למיון לפי סדר עולה.',
|
||
sortNone: 'לא ממוין. לחץ למיון לפי סדר עולה.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'סדר לפי'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'פריטים לדף:',
|
||
itemsPerPageAll: 'הכל',
|
||
nextPage: 'עמוד הבא',
|
||
prevPage: 'עמוד הקודם',
|
||
firstPage: 'עמוד ראשון',
|
||
lastPage: 'עמוד אחרון',
|
||
pageText: '{0}-{1} מתוך {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} נבחרו'
|
||
},
|
||
noDataText: 'אין נתונים זמינים',
|
||
carousel: {
|
||
prev: 'מצג קודם',
|
||
next: 'מצג הבא',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} נוספים'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} קבצים',
|
||
counterSize: '{0} קבצים ({1} בסך הכל)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/hr.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/hr.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Bedž',
|
||
close: 'Zatvori',
|
||
dataIterator: {
|
||
noResultsText: 'Nisu pronađene odgovarajuće stavke',
|
||
loadingText: 'Učitavanje...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Redaka po stranici:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sortirano silazno.',
|
||
sortAscending: 'Sortirano uzlazno.',
|
||
sortNone: 'Nije sortirano.',
|
||
activateNone: 'Odaberite za uklanjanje sortiranja.',
|
||
activateDescending: 'Odaberite za silazno sortiranje.',
|
||
activateAscending: 'Odaberite za uzlazno sortiranje.'
|
||
},
|
||
sortBy: 'Sortirajte po'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Stavki po stranici:',
|
||
itemsPerPageAll: 'Sve',
|
||
nextPage: 'Sljedeća stranica',
|
||
prevPage: 'Prethodna stranica',
|
||
firstPage: 'Prva stranica',
|
||
lastPage: 'Posljednja stranica',
|
||
pageText: '{0}-{1} od {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} odabrano'
|
||
},
|
||
noDataText: 'Nema dostupnih podataka',
|
||
carousel: {
|
||
prev: 'Prethodno',
|
||
next: 'Sljedeće',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'Još {0}'
|
||
},
|
||
fileInput: {
|
||
counter: 'Odabranih datoteka: {0}',
|
||
counterSize: 'Odabranih datoteka: {0} ({1} ukupno)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/hu.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/hu.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Jelvény',
|
||
close: 'Close',
|
||
dataIterator: {
|
||
noResultsText: 'Nincs egyező találat',
|
||
loadingText: 'Loading item...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Elem oldalanként:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sorted descending. Activate to remove sorting.',
|
||
sortAscending: 'Sorted ascending. Activate to sort descending.',
|
||
sortNone: 'Not sorted. Activate to sort ascending.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Elem oldalanként:',
|
||
itemsPerPageAll: 'Mind',
|
||
nextPage: 'Következő oldal',
|
||
prevPage: 'Előző oldal',
|
||
firstPage: 'Első oldal',
|
||
lastPage: 'Utolsó oldal',
|
||
pageText: '{0}-{1} / {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} kiválaszta/-ott'
|
||
},
|
||
noDataText: 'Nincs elérhető adat',
|
||
carousel: {
|
||
prev: 'Korábbi vizuális',
|
||
next: 'Következő vizuális',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} további'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/id.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/id.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Lencana',
|
||
close: 'Tutup',
|
||
dataIterator: {
|
||
noResultsText: 'Tidak ditemukan catatan yang cocok',
|
||
loadingText: 'Memuat data...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Baris per halaman:',
|
||
ariaLabel: {
|
||
sortDescending: 'Diurutkan kebawah.',
|
||
sortAscending: 'Diurutkan keatas.',
|
||
sortNone: 'Tidak diurutkan.',
|
||
activateNone: 'Aktifkan untuk menghapus penyortiran.',
|
||
activateDescending: 'Aktifkan untuk mengurutkan kebawah.',
|
||
activateAscending: 'Aktifkan untuk mengurutkan keatas.'
|
||
},
|
||
sortBy: 'Urutkan berdasar'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Item per halaman:',
|
||
itemsPerPageAll: 'Semua',
|
||
nextPage: 'Halaman selanjutnya',
|
||
prevPage: 'Halaman sebelumnya',
|
||
firstPage: 'Halaman pertama',
|
||
lastPage: 'Halaman terakhir',
|
||
pageText: '{0}-{1} dari {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} dipilih'
|
||
},
|
||
noDataText: 'Tidak ada data tersedia',
|
||
carousel: {
|
||
prev: 'Visual sebelumnya',
|
||
next: 'Visual selanjutnya',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} lagi'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} berkas',
|
||
counterSize: '{0} berkas (dari total {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/index.ts":
|
||
/*!*****************************!*\
|
||
!*** ./src/locale/index.ts ***!
|
||
\*****************************/
|
||
/*! exports provided: af, ar, ca, cs, de, el, en, es, et, fa, fr, hr, hu, he, id, it, ja, ko, lv, lt, nl, no, pl, pt, ro, ru, sl, srCyrl, sv, th, tr, uk, zhHans, zhHant */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _af__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./af */ "./src/locale/af.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "af", function() { return _af__WEBPACK_IMPORTED_MODULE_0__["default"]; });
|
||
|
||
/* harmony import */ var _ar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ar */ "./src/locale/ar.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ar", function() { return _ar__WEBPACK_IMPORTED_MODULE_1__["default"]; });
|
||
|
||
/* harmony import */ var _ca__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ca */ "./src/locale/ca.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ca", function() { return _ca__WEBPACK_IMPORTED_MODULE_2__["default"]; });
|
||
|
||
/* harmony import */ var _cs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./cs */ "./src/locale/cs.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "cs", function() { return _cs__WEBPACK_IMPORTED_MODULE_3__["default"]; });
|
||
|
||
/* harmony import */ var _de__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./de */ "./src/locale/de.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "de", function() { return _de__WEBPACK_IMPORTED_MODULE_4__["default"]; });
|
||
|
||
/* harmony import */ var _el__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./el */ "./src/locale/el.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "el", function() { return _el__WEBPACK_IMPORTED_MODULE_5__["default"]; });
|
||
|
||
/* harmony import */ var _en__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./en */ "./src/locale/en.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "en", function() { return _en__WEBPACK_IMPORTED_MODULE_6__["default"]; });
|
||
|
||
/* harmony import */ var _es__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./es */ "./src/locale/es.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "es", function() { return _es__WEBPACK_IMPORTED_MODULE_7__["default"]; });
|
||
|
||
/* harmony import */ var _et__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./et */ "./src/locale/et.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "et", function() { return _et__WEBPACK_IMPORTED_MODULE_8__["default"]; });
|
||
|
||
/* harmony import */ var _fa__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./fa */ "./src/locale/fa.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fa", function() { return _fa__WEBPACK_IMPORTED_MODULE_9__["default"]; });
|
||
|
||
/* harmony import */ var _fr__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./fr */ "./src/locale/fr.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fr", function() { return _fr__WEBPACK_IMPORTED_MODULE_10__["default"]; });
|
||
|
||
/* harmony import */ var _hr__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./hr */ "./src/locale/hr.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hr", function() { return _hr__WEBPACK_IMPORTED_MODULE_11__["default"]; });
|
||
|
||
/* harmony import */ var _hu__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hu */ "./src/locale/hu.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hu", function() { return _hu__WEBPACK_IMPORTED_MODULE_12__["default"]; });
|
||
|
||
/* harmony import */ var _he__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./he */ "./src/locale/he.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "he", function() { return _he__WEBPACK_IMPORTED_MODULE_13__["default"]; });
|
||
|
||
/* harmony import */ var _id__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./id */ "./src/locale/id.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "id", function() { return _id__WEBPACK_IMPORTED_MODULE_14__["default"]; });
|
||
|
||
/* harmony import */ var _it__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./it */ "./src/locale/it.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "it", function() { return _it__WEBPACK_IMPORTED_MODULE_15__["default"]; });
|
||
|
||
/* harmony import */ var _ja__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./ja */ "./src/locale/ja.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ja", function() { return _ja__WEBPACK_IMPORTED_MODULE_16__["default"]; });
|
||
|
||
/* harmony import */ var _ko__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ko */ "./src/locale/ko.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ko", function() { return _ko__WEBPACK_IMPORTED_MODULE_17__["default"]; });
|
||
|
||
/* harmony import */ var _lv__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./lv */ "./src/locale/lv.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lv", function() { return _lv__WEBPACK_IMPORTED_MODULE_18__["default"]; });
|
||
|
||
/* harmony import */ var _lt__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./lt */ "./src/locale/lt.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "lt", function() { return _lt__WEBPACK_IMPORTED_MODULE_19__["default"]; });
|
||
|
||
/* harmony import */ var _nl__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./nl */ "./src/locale/nl.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "nl", function() { return _nl__WEBPACK_IMPORTED_MODULE_20__["default"]; });
|
||
|
||
/* harmony import */ var _no__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./no */ "./src/locale/no.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "no", function() { return _no__WEBPACK_IMPORTED_MODULE_21__["default"]; });
|
||
|
||
/* harmony import */ var _pl__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./pl */ "./src/locale/pl.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "pl", function() { return _pl__WEBPACK_IMPORTED_MODULE_22__["default"]; });
|
||
|
||
/* harmony import */ var _pt__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./pt */ "./src/locale/pt.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "pt", function() { return _pt__WEBPACK_IMPORTED_MODULE_23__["default"]; });
|
||
|
||
/* harmony import */ var _ro__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./ro */ "./src/locale/ro.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ro", function() { return _ro__WEBPACK_IMPORTED_MODULE_24__["default"]; });
|
||
|
||
/* harmony import */ var _ru__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./ru */ "./src/locale/ru.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ru", function() { return _ru__WEBPACK_IMPORTED_MODULE_25__["default"]; });
|
||
|
||
/* harmony import */ var _sl__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./sl */ "./src/locale/sl.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sl", function() { return _sl__WEBPACK_IMPORTED_MODULE_26__["default"]; });
|
||
|
||
/* harmony import */ var _sr_Cyrl__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./sr-Cyrl */ "./src/locale/sr-Cyrl.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "srCyrl", function() { return _sr_Cyrl__WEBPACK_IMPORTED_MODULE_27__["default"]; });
|
||
|
||
/* harmony import */ var _sv__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./sv */ "./src/locale/sv.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sv", function() { return _sv__WEBPACK_IMPORTED_MODULE_28__["default"]; });
|
||
|
||
/* harmony import */ var _th__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./th */ "./src/locale/th.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "th", function() { return _th__WEBPACK_IMPORTED_MODULE_29__["default"]; });
|
||
|
||
/* harmony import */ var _tr__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./tr */ "./src/locale/tr.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "tr", function() { return _tr__WEBPACK_IMPORTED_MODULE_30__["default"]; });
|
||
|
||
/* harmony import */ var _uk__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./uk */ "./src/locale/uk.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "uk", function() { return _uk__WEBPACK_IMPORTED_MODULE_31__["default"]; });
|
||
|
||
/* harmony import */ var _zh_Hans__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./zh-Hans */ "./src/locale/zh-Hans.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "zhHans", function() { return _zh_Hans__WEBPACK_IMPORTED_MODULE_32__["default"]; });
|
||
|
||
/* harmony import */ var _zh_Hant__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./zh-Hant */ "./src/locale/zh-Hant.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "zhHant", function() { return _zh_Hant__WEBPACK_IMPORTED_MODULE_33__["default"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/it.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/it.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Distintivo',
|
||
close: 'Chiudi',
|
||
dataIterator: {
|
||
noResultsText: 'Nessun risultato trovato',
|
||
loadingText: 'Caricamento in corso...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Righe per pagina:',
|
||
ariaLabel: {
|
||
sortDescending: 'Ordinati in ordine decrescente.',
|
||
sortAscending: 'Ordinati in ordine crescente.',
|
||
sortNone: 'Non ordinato.',
|
||
activateNone: 'Attiva per rimuovere l\'ordinamento.',
|
||
activateDescending: 'Attiva per ordinare in ordine decrescente.',
|
||
activateAscending: 'Attiva per ordinare in ordine crescente.'
|
||
},
|
||
sortBy: 'Ordina per'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Elementi per pagina:',
|
||
itemsPerPageAll: 'Tutti',
|
||
nextPage: 'Pagina seguente',
|
||
prevPage: 'Pagina precedente',
|
||
firstPage: 'Pagina prima',
|
||
lastPage: 'Pagina ultima',
|
||
pageText: '{0}-{1} di {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} selezionati'
|
||
},
|
||
noDataText: 'Nessun elemento disponibile',
|
||
carousel: {
|
||
prev: 'Vista precedente',
|
||
next: 'Prossima vista',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} di più'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in totale)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/ja.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/ja.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'バッジ',
|
||
close: '閉じる',
|
||
dataIterator: {
|
||
noResultsText: '検索結果が見つかりません。',
|
||
loadingText: '項目をロード中です...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: '1ページあたりの行数:',
|
||
ariaLabel: {
|
||
sortDescending: '降順の並び替え。',
|
||
sortAscending: '昇順の並び替え。',
|
||
sortNone: 'ソートされていません。',
|
||
activateNone: 'ソートを削除するには有効にしてください。',
|
||
activateDescending: '降順の並び替えのためには有効にしてください。',
|
||
activateAscending: '昇順のソートのためには有効にしてください。'
|
||
},
|
||
sortBy: 'ソート方式'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: '1ページあたりの件数:',
|
||
itemsPerPageAll: 'すべて',
|
||
nextPage: '次のページ',
|
||
prevPage: '前のページ',
|
||
firstPage: '一ページ目',
|
||
lastPage: '最後のページ',
|
||
pageText: '{0}-{1} 件目 / {2}件'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0}日付選択'
|
||
},
|
||
noDataText: 'データはありません。',
|
||
carousel: {
|
||
prev: '前のビジュアル',
|
||
next: '次のビジュアル',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'さらに{0}'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} ファイル',
|
||
counterSize: '{0} ファイル (合計 {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/ko.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/ko.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: '배지',
|
||
close: '닫기',
|
||
dataIterator: {
|
||
noResultsText: '일치하는 항목이 없습니다.',
|
||
loadingText: '불러오는 중...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: '페이지 당 행 수:',
|
||
ariaLabel: {
|
||
sortDescending: '내림차순 정렬.',
|
||
sortAscending: '오름차순 정렬.',
|
||
sortNone: '정렬하지 않음.',
|
||
activateNone: '정렬을 취소하려면 활성화하세요.',
|
||
activateDescending: '내림차순 정렬을 위해 활성화하세요.',
|
||
activateAscending: '오름차순 정렬을 위해 활성화하세요.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: '페이지 당 항목 수:',
|
||
itemsPerPageAll: '전체',
|
||
nextPage: '다음 페이지',
|
||
prevPage: '이전 페이지',
|
||
firstPage: '첫 페이지',
|
||
lastPage: '마지막 페이지',
|
||
pageText: '{2} 중 {0}-{1}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} 선택됨'
|
||
},
|
||
noDataText: '데이터가 없습니다.',
|
||
carousel: {
|
||
prev: '이전 화면',
|
||
next: '다음 화면',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} 더보기'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in total)'
|
||
},
|
||
timePicker: {
|
||
am: '오전',
|
||
pm: '오후'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/lt.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/lt.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Ženklelis',
|
||
close: 'Uždaryti',
|
||
dataIterator: {
|
||
noResultsText: 'Nerasta atitinkančių įrašų',
|
||
loadingText: 'Kraunama...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Eilutės per puslapį:',
|
||
ariaLabel: {
|
||
sortDescending: 'Išrikiuota mažėjimo tvarka.',
|
||
sortAscending: 'Išrikiuota didėjimo tvarka.',
|
||
sortNone: 'Nerikiuota.',
|
||
activateNone: 'Suaktyvinkite, jei norite rikiavimą pašalinti.',
|
||
activateDescending: 'Suaktyvinkite, jei norite rikiuoti mažėjimo tvarka.',
|
||
activateAscending: 'Suaktyvinkite, jei norite rikiuoti didėjimo tvarka.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Įrašai per puslapį:',
|
||
itemsPerPageAll: 'Visi',
|
||
nextPage: 'Kitas puslapis',
|
||
prevPage: 'Ankstesnis puslapis',
|
||
firstPage: 'Pirmas puslapis',
|
||
lastPage: 'Paskutinis puslapis',
|
||
pageText: '{0}-{1} iš {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} pasirinkta'
|
||
},
|
||
noDataText: 'Nėra duomenų',
|
||
carousel: {
|
||
prev: 'Ankstesnioji skaidrė',
|
||
next: 'Kita skaidrė',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'Daugiau {0}'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} failų',
|
||
counterSize: '{0} failų ({1} iš viso)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/lv.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/lv.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Žetons',
|
||
close: 'Aizvērt',
|
||
dataIterator: {
|
||
noResultsText: 'Nekas netika atrasts',
|
||
loadingText: 'Ielādē...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Rādīt lapā:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sakārtots dilstošā secībā.',
|
||
sortAscending: 'Sakārtots augošā secībā.',
|
||
sortNone: 'Nav sakārtots.',
|
||
activateNone: 'Aktivizēt, lai noņemtu kārtošanu.',
|
||
activateDescending: 'Aktivizēt, lai sakārtotu dilstošā secībā.',
|
||
activateAscending: 'Aktivizēt, lai sakārtotu augošā secībā.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Rādīt lapā:',
|
||
itemsPerPageAll: 'Visu',
|
||
nextPage: 'Nākamā lapa',
|
||
prevPage: 'Iepriekšējā lapa',
|
||
firstPage: 'Pirmā lapa',
|
||
lastPage: 'Pēdējā lapa',
|
||
pageText: '{0}-{1} no {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} izvēlēts'
|
||
},
|
||
noDataText: 'Nav pieejamu datu',
|
||
carousel: {
|
||
prev: 'Iepriekšējais slaids',
|
||
next: 'Nākamais slaids',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'Vēl {0}'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/nl.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/nl.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'insigne',
|
||
close: 'Sluiten',
|
||
dataIterator: {
|
||
noResultsText: 'Geen overeenkomende resultaten gevonden',
|
||
loadingText: 'Items aan het laden...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Rijen per pagina:',
|
||
ariaLabel: {
|
||
sortDescending: 'Aflopend gesorteerd.',
|
||
sortAscending: 'Oplopend gesorteerd.',
|
||
sortNone: 'Niet gesorterrd.',
|
||
activateNone: 'Activeer om de sortering te verwijderen.',
|
||
activateDescending: 'Activeer om aflopend te sorteren.',
|
||
activateAscending: 'Activeer om oplopend te sorteren.'
|
||
},
|
||
sortBy: 'Sorteer volgens'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Aantal per pagina:',
|
||
itemsPerPageAll: 'Alles',
|
||
nextPage: 'Volgende pagina',
|
||
prevPage: 'Vorige pagina',
|
||
firstPage: 'Eerste pagina',
|
||
lastPage: 'Laatste pagina',
|
||
pageText: '{0}-{1} van {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} geselecteerd'
|
||
},
|
||
noDataText: 'Geen gegevens beschikbaar',
|
||
carousel: {
|
||
prev: 'Vorig beeld',
|
||
next: 'Volgend beeld',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} meer'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} bestanden',
|
||
counterSize: '{0} bestanden ({1} in totaal)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/no.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/no.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Skilt',
|
||
close: 'Lukk',
|
||
dataIterator: {
|
||
noResultsText: 'Fant ingen matchende elementer.',
|
||
loadingText: 'Laster elementer...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Rader per side:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sortert synkende.',
|
||
sortAscending: 'Sortert stigende.',
|
||
sortNone: 'Ikke sortert.',
|
||
activateNone: 'Aktiver for å fjerne sortering.',
|
||
activateDescending: 'Aktiver for å sortere synkende.',
|
||
activateAscending: 'Aktiver for å sortere stigende.'
|
||
},
|
||
sortBy: 'Sorter etter'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Elementer per side:',
|
||
itemsPerPageAll: 'Alle',
|
||
nextPage: 'Neste side',
|
||
prevPage: 'Forrige side',
|
||
firstPage: 'Første side',
|
||
lastPage: 'Siste side',
|
||
pageText: '{0}-{1} av {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} valgt'
|
||
},
|
||
noDataText: 'Ingen data er tilgjengelig',
|
||
carousel: {
|
||
prev: 'Forrige bilde',
|
||
next: 'Neste bilde',
|
||
ariaLabel: {
|
||
delimiter: 'Karusellbilde {0} av {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} flere'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} filer',
|
||
counterSize: '{0} filer ({1} totalt)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/pl.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/pl.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Odznaka',
|
||
close: 'Zamknij',
|
||
dataIterator: {
|
||
noResultsText: 'Nie znaleziono danych odpowiadających wyszukiwaniu',
|
||
loadingText: 'Wczytywanie danych...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Wierszy na stronie:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sortowanie malejąco. Kliknij aby zmienić.',
|
||
sortAscending: 'Sortowanie rosnąco. Kliknij aby zmienić.',
|
||
sortNone: 'Bez sortowania. Kliknij aby posortować rosnąco.',
|
||
activateNone: 'Kliknij aby usunąć sortowanie.',
|
||
activateDescending: 'Kliknij aby posortować malejąco.',
|
||
activateAscending: 'Kliknij aby posortować rosnąco.'
|
||
},
|
||
sortBy: 'Sortuj według'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Pozycji na stronie:',
|
||
itemsPerPageAll: 'Wszystkie',
|
||
nextPage: 'Nastęna strona',
|
||
prevPage: 'Poprzednia strona',
|
||
firstPage: 'Pierwsza strona',
|
||
lastPage: 'Ostatnia strona',
|
||
pageText: '{0}-{1} z {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} dat(y)'
|
||
},
|
||
noDataText: 'Brak danych',
|
||
carousel: {
|
||
prev: 'Poprzedni obraz',
|
||
next: 'Następny obraz',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} więcej'
|
||
},
|
||
fileInput: {
|
||
counter: 'Liczba plików: {0}',
|
||
counterSize: 'Liczba plików: {0} (łącznie {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/pt.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/pt.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Distintivo',
|
||
close: 'Fechar',
|
||
dataIterator: {
|
||
noResultsText: 'Nenhum dado encontrado',
|
||
loadingText: 'Carregando itens...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Linhas por página:',
|
||
ariaLabel: {
|
||
sortDescending: 'Ordenado decrescente.',
|
||
sortAscending: 'Ordenado crescente.',
|
||
sortNone: 'Não ordenado.',
|
||
activateNone: 'Ative para remover a ordenação.',
|
||
activateDescending: 'Ative para ordenar decrescente.',
|
||
activateAscending: 'Ative para ordenar crescente.'
|
||
},
|
||
sortBy: 'Ordenar por'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Itens por página:',
|
||
itemsPerPageAll: 'Todos',
|
||
nextPage: 'Próxima página',
|
||
prevPage: 'Página anterior',
|
||
firstPage: 'Primeira página',
|
||
lastPage: 'Última página',
|
||
pageText: '{0}-{1} de {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} selecionado(s)'
|
||
},
|
||
noDataText: 'Não há dados disponíveis',
|
||
carousel: {
|
||
prev: 'Visão anterior',
|
||
next: 'Próxima visão',
|
||
ariaLabel: {
|
||
delimiter: 'Slide {0} de {1} do carrossel'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'Mais {0}'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} arquivo(s)',
|
||
counterSize: '{0} arquivo(s) ({1} no total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/ro.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/ro.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Insignă',
|
||
close: 'Close',
|
||
dataIterator: {
|
||
noResultsText: 'Nu au fost găsite înregistrări care să se potrivească',
|
||
loadingText: 'Loading item...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Rânduri pe pagină:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sorted descending.',
|
||
sortAscending: 'Sorted ascending.',
|
||
sortNone: 'Not sorted.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Articole pe pagină:',
|
||
itemsPerPageAll: 'Toate',
|
||
nextPage: 'Pagina următoare',
|
||
prevPage: 'Pagina anterioară',
|
||
firstPage: 'Pagina prima',
|
||
lastPage: 'Pagina ultima',
|
||
pageText: '{0}-{1} din {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} selectate'
|
||
},
|
||
noDataText: 'Nu există date disponibile',
|
||
carousel: {
|
||
prev: 'Anterior vizual',
|
||
next: 'Următorul vizual',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} mai mult'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/ru.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/ru.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'знак',
|
||
close: 'Закрыть',
|
||
dataIterator: {
|
||
noResultsText: 'Не найдено подходящих записей',
|
||
loadingText: 'Запись загружается...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Строк на странице:',
|
||
ariaLabel: {
|
||
sortDescending: 'Упорядочено по убыванию.',
|
||
sortAscending: 'Упорядочено по возрастанию.',
|
||
sortNone: 'Не упорядочено.',
|
||
activateNone: 'Активируйте, чтобы убрать сортировку.',
|
||
activateDescending: 'Активируйте для упорядочивания убыванию.',
|
||
activateAscending: 'Активируйте для упорядочивания по возрастанию.Activate to sort ascending.'
|
||
},
|
||
sortBy: 'Сортировать по'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Записей на странице:',
|
||
itemsPerPageAll: 'Все',
|
||
nextPage: 'Следующая страница',
|
||
prevPage: 'Предыдущая страница',
|
||
firstPage: 'Первая страница',
|
||
lastPage: 'Последняя страница',
|
||
pageText: '{0}-{1} из {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} выбран'
|
||
},
|
||
noDataText: 'Отсутствуют данные',
|
||
carousel: {
|
||
prev: 'Предыдущий слайд',
|
||
next: 'Следующий слайд',
|
||
ariaLabel: {
|
||
delimiter: 'Слайд {0} из {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'Еще {0}'
|
||
},
|
||
fileInput: {
|
||
counter: 'Файлов: {0}',
|
||
counterSize: 'Файлов: {0} (всего {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/sl.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/sl.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Značka',
|
||
close: 'Zapri',
|
||
dataIterator: {
|
||
noResultsText: 'Ni iskanega zapisa',
|
||
loadingText: 'Nalaganje...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Vrstic na stran:',
|
||
ariaLabel: {
|
||
sortDescending: 'Razvrščeno padajoče.',
|
||
sortAscending: 'Razvrščeno naraščajoče.',
|
||
sortNone: 'Ni razvrščeno.',
|
||
activateNone: 'Aktivirajte za odstranitev razvrščanja.',
|
||
activateDescending: 'Aktivirajte za padajoče razvrščanje.',
|
||
activateAscending: 'Aktivirajte za naraščajoče razvrščanje.'
|
||
},
|
||
sortBy: 'Razvrsti po'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Predmetov na stran:',
|
||
itemsPerPageAll: 'Vse',
|
||
nextPage: 'Naslednja stran',
|
||
prevPage: 'Prejšnja stran',
|
||
firstPage: 'Prva stran',
|
||
lastPage: 'Zadnja stran',
|
||
pageText: '{0}-{1} od {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} izbrano/-ih'
|
||
},
|
||
noDataText: 'Ni podatkov',
|
||
carousel: {
|
||
prev: 'Prejšnji prikaz',
|
||
next: 'Naslednji prikaz',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'Še {0}'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} datotek',
|
||
counterSize: '{0} datotek ({1} skupno)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/sr-Cyrl.ts":
|
||
/*!*******************************!*\
|
||
!*** ./src/locale/sr-Cyrl.ts ***!
|
||
\*******************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Значка',
|
||
close: 'Close',
|
||
dataIterator: {
|
||
noResultsText: 'Ни један запис није пронађен',
|
||
loadingText: 'Loading item...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Редова по страници:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sorted descending.',
|
||
sortAscending: 'Sorted ascending.',
|
||
sortNone: 'Not sorted.',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'Sort by'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Ставки по страници:',
|
||
itemsPerPageAll: 'Све',
|
||
nextPage: 'Следећа страница',
|
||
prevPage: 'Претходна страница',
|
||
firstPage: 'Прва страница',
|
||
lastPage: 'Последња страница',
|
||
pageText: '{0}-{1} од {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} одабрано'
|
||
},
|
||
noDataText: 'Нема доступних података',
|
||
carousel: {
|
||
prev: 'Превиоус висуал',
|
||
next: 'Нект висуал',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} море'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} files',
|
||
counterSize: '{0} files ({1} in total)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/sv.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/sv.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Bricka',
|
||
close: 'Stäng',
|
||
dataIterator: {
|
||
noResultsText: 'Inga poster funna',
|
||
loadingText: 'Laddar data...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Rader per sida:',
|
||
ariaLabel: {
|
||
sortDescending: 'Sorterat fallande.',
|
||
sortAscending: 'Sorterat stigande.',
|
||
sortNone: 'Osorterat.',
|
||
activateNone: 'Aktivera för att ta bort sortering.',
|
||
activateDescending: 'Aktivera för sortering fallande.',
|
||
activateAscending: 'Aktivera för sortering stigande.'
|
||
},
|
||
sortBy: 'Sortera efter'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Objekt per sida:',
|
||
itemsPerPageAll: 'Alla',
|
||
nextPage: 'Nästa sida',
|
||
prevPage: 'Föregående sida',
|
||
firstPage: 'Första sidan',
|
||
lastPage: 'Sista sidan',
|
||
pageText: '{0}-{1} av {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} markerade'
|
||
},
|
||
noDataText: 'Ingen data tillgänglig',
|
||
carousel: {
|
||
prev: 'Föregående vy',
|
||
next: 'Nästa vy',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} fler'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} filer',
|
||
counterSize: '{0} filer (av {1} totalt)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/th.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/th.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'สัญลักษณ์',
|
||
close: 'ปิด',
|
||
dataIterator: {
|
||
noResultsText: 'ไม่พบข้อมูลที่ค้นหา',
|
||
loadingText: 'กำลังโหลดข้อมูล... กรุณารอสักครู่'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'แถวต่อหน้า:',
|
||
ariaLabel: {
|
||
sortDescending: 'เรียงลำดับจากมากไปน้อย กดเพื่อปิดการเรียงลำดับ',
|
||
sortAscending: 'เรียงจากน้อยไปมาก กดเพื่อเรียงลำดับจากมากไปน้อย',
|
||
sortNone: 'ไม่ได้จัดเรียง กดเพื่อเรียงลำดับจากน้อยไปมาก',
|
||
activateNone: 'Activate to remove sorting.',
|
||
activateDescending: 'Activate to sort descending.',
|
||
activateAscending: 'Activate to sort ascending.'
|
||
},
|
||
sortBy: 'จัดเรียงตาม'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'รายการต่อหน้า:',
|
||
itemsPerPageAll: 'ทั้งหมด',
|
||
nextPage: 'หน้าต่อไป',
|
||
prevPage: 'หน้าที่แล้ว',
|
||
firstPage: 'หน้าแรก',
|
||
lastPage: 'หน้าสุดท้าย',
|
||
pageText: '{0}-{1} จาก {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: 'เลือก {0} วัน'
|
||
},
|
||
noDataText: 'ไม่มีข้อมูล',
|
||
carousel: {
|
||
prev: 'ภาพก่อนหน้า',
|
||
next: 'ภาพต่อไป',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'อีก {0}'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} ไฟล์',
|
||
counterSize: '{0} ไฟล์ (รวม {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/tr.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/tr.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'rozet',
|
||
close: 'Kapat',
|
||
dataIterator: {
|
||
noResultsText: 'Eşleşen veri bulunamadı',
|
||
loadingText: 'Yükleniyor... Lütfen bekleyin.'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Sayfa başına satır:',
|
||
ariaLabel: {
|
||
sortDescending: 'Z den A ya sıralı.',
|
||
sortAscending: 'A dan Z ye sıralı.',
|
||
sortNone: 'Sıralı değil. ',
|
||
activateNone: 'Sıralamayı kaldırmak için etkinleştir.',
|
||
activateDescending: 'Z den A ya sıralamak için etkinleştir.',
|
||
activateAscending: 'A dan Z ye sıralamak için etkinleştir.'
|
||
},
|
||
sortBy: 'Sırala'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Sayfa başına satır:',
|
||
itemsPerPageAll: 'Hepsi',
|
||
nextPage: 'Sonraki sayfa',
|
||
prevPage: 'Önceki sayfa',
|
||
firstPage: 'İlk sayfa',
|
||
lastPage: 'Son sayfa',
|
||
pageText: '{0} - {1} arası, Toplam: {2} kayıt'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} öge seçildi'
|
||
},
|
||
noDataText: 'Bu görünümde veri yok.',
|
||
carousel: {
|
||
prev: 'Önceki görsel',
|
||
next: 'Sonraki görsel',
|
||
ariaLabel: {
|
||
delimiter: 'Galeri sayfa {0} / {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '{0} tane daha'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} dosya',
|
||
counterSize: '{0} dosya (toplamda {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/uk.ts":
|
||
/*!**************************!*\
|
||
!*** ./src/locale/uk.ts ***!
|
||
\**************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: 'Знак',
|
||
close: 'Закрити',
|
||
dataIterator: {
|
||
noResultsText: 'В результаті пошуку нічого не знайдено',
|
||
loadingText: 'Завантаження...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: 'Рядків на сторінці:',
|
||
ariaLabel: {
|
||
sortDescending: 'Відсортовано за спаданням.',
|
||
sortAscending: 'Відсортовано за зростанням.',
|
||
sortNone: 'Не відсортовано.',
|
||
activateNone: 'Активувати, щоб видалити сортування.',
|
||
activateDescending: 'Активувати, щоб відсортувати за спаданням.',
|
||
activateAscending: 'Активувати, щоб відсортувати за зростанням.'
|
||
},
|
||
sortBy: 'Відсортувати за'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: 'Елементів на сторінці:',
|
||
itemsPerPageAll: 'Всі',
|
||
nextPage: 'Наступна сторінка',
|
||
prevPage: 'Попередня сторінка',
|
||
firstPage: 'Перша сторінка',
|
||
lastPage: 'Остання сторінка',
|
||
pageText: '{0}-{1} з {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '{0} вибрано'
|
||
},
|
||
noDataText: 'Немає даних для відображення',
|
||
carousel: {
|
||
prev: 'Попередній слайд',
|
||
next: 'Наступий слайд',
|
||
ariaLabel: {
|
||
delimiter: 'Слайд {0} з {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: 'Ще {0}'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} файлів',
|
||
counterSize: '{0} файлів ({1} загалом)'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/zh-Hans.ts":
|
||
/*!*******************************!*\
|
||
!*** ./src/locale/zh-Hans.ts ***!
|
||
\*******************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: '徽章',
|
||
close: '关闭',
|
||
dataIterator: {
|
||
noResultsText: '没有符合条件的结果',
|
||
loadingText: '加载中……'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: '每页数目:',
|
||
ariaLabel: {
|
||
sortDescending: ':降序排列。',
|
||
sortAscending: ':升序排列。',
|
||
sortNone: ':未排序。',
|
||
activateNone: '点击以移除排序。',
|
||
activateDescending: '点击以降序排列。',
|
||
activateAscending: '点击以升序排列。'
|
||
},
|
||
sortBy: '排序方式'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: '每页数目:',
|
||
itemsPerPageAll: '全部',
|
||
nextPage: '下一页',
|
||
prevPage: '上一页',
|
||
firstPage: '首页',
|
||
lastPage: '尾页',
|
||
pageText: '{0}-{1} 共 {2}'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '已选择 {0}'
|
||
},
|
||
noDataText: '没有数据',
|
||
carousel: {
|
||
prev: '上一张',
|
||
next: '下一张',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '还有 {0} 项'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} 个文件',
|
||
counterSize: '{0} 个文件(共 {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/locale/zh-Hant.ts":
|
||
/*!*******************************!*\
|
||
!*** ./src/locale/zh-Hant.ts ***!
|
||
\*******************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony default export */ __webpack_exports__["default"] = ({
|
||
badge: '徽章',
|
||
close: '關閉',
|
||
dataIterator: {
|
||
noResultsText: '沒有符合條件的結果',
|
||
loadingText: '讀取中...'
|
||
},
|
||
dataTable: {
|
||
itemsPerPageText: '每頁列數:',
|
||
ariaLabel: {
|
||
sortDescending: ':降序排列。',
|
||
sortAscending: ':升序排列。',
|
||
sortNone: '無排序方式。點擊以升序排列。',
|
||
activateNone: '點擊以移除排序方式。',
|
||
activateDescending: '點擊以降序排列。',
|
||
activateAscending: '點擊以移除排序方式。'
|
||
},
|
||
sortBy: '排序方式'
|
||
},
|
||
dataFooter: {
|
||
itemsPerPageText: '每頁項目:',
|
||
itemsPerPageAll: '全部',
|
||
nextPage: '下一頁',
|
||
prevPage: '上一頁',
|
||
firstPage: '第一頁',
|
||
lastPage: '最後頁',
|
||
pageText: '{2} 條中的 {0}~{1} 條'
|
||
},
|
||
datePicker: {
|
||
itemsSelected: '已選擇 {0}'
|
||
},
|
||
noDataText: '沒有資料',
|
||
carousel: {
|
||
prev: '上一張',
|
||
next: '下一張',
|
||
ariaLabel: {
|
||
delimiter: 'Carousel slide {0} of {1}'
|
||
}
|
||
},
|
||
calendar: {
|
||
moreEvents: '還有其他 {0} 項'
|
||
},
|
||
fileInput: {
|
||
counter: '{0} 個檔案',
|
||
counterSize: '{0} 個檔案(共 {1})'
|
||
},
|
||
timePicker: {
|
||
am: 'AM',
|
||
pm: 'PM'
|
||
}
|
||
});
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/activatable/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/mixins/activatable/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _delayable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../delayable */ "./src/mixins/delayable/index.ts");
|
||
/* harmony import */ var _toggleable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../toggleable */ "./src/mixins/toggleable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __values = undefined && undefined.__values || function (o) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator],
|
||
i = 0;
|
||
if (m) return m.call(o);
|
||
return {
|
||
next: function next() {
|
||
if (o && i >= o.length) o = void 0;
|
||
return {
|
||
value: o && o[i++],
|
||
done: !o
|
||
};
|
||
}
|
||
};
|
||
}; // Mixins
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_delayable__WEBPACK_IMPORTED_MODULE_0__["default"], _toggleable__WEBPACK_IMPORTED_MODULE_1__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend({
|
||
name: 'activatable',
|
||
props: {
|
||
activator: {
|
||
default: null,
|
||
validator: function validator(val) {
|
||
return ['string', 'object'].includes(_typeof(val));
|
||
}
|
||
},
|
||
disabled: Boolean,
|
||
internalActivator: Boolean,
|
||
openOnHover: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
// Do not use this directly, call getActivator() instead
|
||
activatorElement: null,
|
||
activatorNode: [],
|
||
events: ['click', 'mouseenter', 'mouseleave'],
|
||
listeners: {}
|
||
};
|
||
},
|
||
watch: {
|
||
activator: 'resetActivator',
|
||
openOnHover: 'resetActivator'
|
||
},
|
||
mounted: function mounted() {
|
||
var slotType = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlotType"])(this, 'activator', true);
|
||
|
||
if (slotType && ['v-slot', 'normal'].includes(slotType)) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["consoleError"])("The activator slot must be bound, try '<template v-slot:activator=\"{ on }\"><v-btn v-on=\"on\">'", this);
|
||
}
|
||
|
||
this.addActivatorEvents();
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.removeActivatorEvents();
|
||
},
|
||
methods: {
|
||
addActivatorEvents: function addActivatorEvents() {
|
||
var e_1, _a;
|
||
|
||
if (!this.activator || this.disabled || !this.getActivator()) return;
|
||
this.listeners = this.genActivatorListeners();
|
||
var keys = Object.keys(this.listeners);
|
||
|
||
try {
|
||
for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
|
||
var key = keys_1_1.value;
|
||
this.getActivator().addEventListener(key, this.listeners[key]);
|
||
}
|
||
} catch (e_1_1) {
|
||
e_1 = {
|
||
error: e_1_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (keys_1_1 && !keys_1_1.done && (_a = keys_1.return)) _a.call(keys_1);
|
||
} finally {
|
||
if (e_1) throw e_1.error;
|
||
}
|
||
}
|
||
},
|
||
genActivator: function genActivator() {
|
||
var node = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'activator', Object.assign(this.getValueProxy(), {
|
||
on: this.genActivatorListeners(),
|
||
attrs: this.genActivatorAttributes()
|
||
})) || [];
|
||
this.activatorNode = node;
|
||
return node;
|
||
},
|
||
genActivatorAttributes: function genActivatorAttributes() {
|
||
return {
|
||
role: 'button',
|
||
'aria-haspopup': true,
|
||
'aria-expanded': String(this.isActive)
|
||
};
|
||
},
|
||
genActivatorListeners: function genActivatorListeners() {
|
||
var _this = this;
|
||
|
||
if (this.disabled) return {};
|
||
var listeners = {};
|
||
|
||
if (this.openOnHover) {
|
||
listeners.mouseenter = function (e) {
|
||
_this.getActivator(e);
|
||
|
||
_this.runDelay('open');
|
||
};
|
||
|
||
listeners.mouseleave = function (e) {
|
||
_this.getActivator(e);
|
||
|
||
_this.runDelay('close');
|
||
};
|
||
} else {
|
||
listeners.click = function (e) {
|
||
var activator = _this.getActivator(e);
|
||
|
||
if (activator) activator.focus();
|
||
e.stopPropagation();
|
||
_this.isActive = !_this.isActive;
|
||
};
|
||
}
|
||
|
||
return listeners;
|
||
},
|
||
getActivator: function getActivator(e) {
|
||
// If we've already fetched the activator, re-use
|
||
if (this.activatorElement) return this.activatorElement;
|
||
var activator = null;
|
||
|
||
if (this.activator) {
|
||
var target = this.internalActivator ? this.$el : document;
|
||
|
||
if (typeof this.activator === 'string') {
|
||
// Selector
|
||
activator = target.querySelector(this.activator);
|
||
} else if (this.activator.$el) {
|
||
// Component (ref)
|
||
activator = this.activator.$el;
|
||
} else {
|
||
// HTMLElement | Element
|
||
activator = this.activator;
|
||
}
|
||
} else if (this.activatorNode.length === 1 || this.activatorNode.length && !e) {
|
||
// Use the contents of the activator slot
|
||
// There's either only one element in it or we
|
||
// don't have a click event to use as a last resort
|
||
var vm = this.activatorNode[0].componentInstance;
|
||
|
||
if (vm && vm.$options.mixins && // Activatable is indirectly used via Menuable
|
||
vm.$options.mixins.some(function (m) {
|
||
return m.options && ['activatable', 'menuable'].includes(m.options.name);
|
||
})) {
|
||
// Activator is actually another activatible component, use its activator (#8846)
|
||
activator = vm.getActivator();
|
||
} else {
|
||
activator = this.activatorNode[0].elm;
|
||
}
|
||
} else if (e) {
|
||
// Activated by a click event
|
||
activator = e.currentTarget || e.target;
|
||
}
|
||
|
||
this.activatorElement = activator;
|
||
return this.activatorElement;
|
||
},
|
||
getContentSlot: function getContentSlot() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["getSlot"])(this, 'default', this.getValueProxy(), true);
|
||
},
|
||
getValueProxy: function getValueProxy() {
|
||
var self = this;
|
||
return {
|
||
get value() {
|
||
return self.isActive;
|
||
},
|
||
|
||
set value(isActive) {
|
||
self.isActive = isActive;
|
||
}
|
||
|
||
};
|
||
},
|
||
removeActivatorEvents: function removeActivatorEvents() {
|
||
var e_2, _a;
|
||
|
||
if (!this.activator || !this.activatorElement) return;
|
||
var keys = Object.keys(this.listeners);
|
||
|
||
try {
|
||
for (var keys_2 = __values(keys), keys_2_1 = keys_2.next(); !keys_2_1.done; keys_2_1 = keys_2.next()) {
|
||
var key = keys_2_1.value;
|
||
this.activatorElement.removeEventListener(key, this.listeners[key]);
|
||
}
|
||
} catch (e_2_1) {
|
||
e_2 = {
|
||
error: e_2_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (keys_2_1 && !keys_2_1.done && (_a = keys_2.return)) _a.call(keys_2);
|
||
} finally {
|
||
if (e_2) throw e_2.error;
|
||
}
|
||
}
|
||
|
||
this.listeners = {};
|
||
},
|
||
resetActivator: function resetActivator() {
|
||
this.removeActivatorEvents();
|
||
this.activatorElement = null;
|
||
this.getActivator();
|
||
this.addActivatorEvents();
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/applicationable/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/mixins/applicationable/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return applicationable; });
|
||
/* harmony import */ var _positionable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../positionable */ "./src/mixins/positionable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Util
|
||
|
||
|
||
function applicationable(value, events) {
|
||
if (events === void 0) {
|
||
events = [];
|
||
}
|
||
/* @vue/component */
|
||
|
||
|
||
return Object(_util_mixins__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_positionable__WEBPACK_IMPORTED_MODULE_0__["factory"])(['absolute', 'fixed'])).extend({
|
||
name: 'applicationable',
|
||
props: {
|
||
app: Boolean
|
||
},
|
||
computed: {
|
||
applicationProperty: function applicationProperty() {
|
||
return value;
|
||
}
|
||
},
|
||
watch: {
|
||
// If previous value was app
|
||
// reset the provided prop
|
||
app: function app(x, prev) {
|
||
prev ? this.removeApplication(true) : this.callUpdate();
|
||
},
|
||
applicationProperty: function applicationProperty(newVal, oldVal) {
|
||
this.$vuetify.application.unregister(this._uid, oldVal);
|
||
}
|
||
},
|
||
activated: function activated() {
|
||
this.callUpdate();
|
||
},
|
||
created: function created() {
|
||
for (var i = 0, length = events.length; i < length; i++) {
|
||
this.$watch(events[i], this.callUpdate);
|
||
}
|
||
|
||
this.callUpdate();
|
||
},
|
||
mounted: function mounted() {
|
||
this.callUpdate();
|
||
},
|
||
deactivated: function deactivated() {
|
||
this.removeApplication();
|
||
},
|
||
destroyed: function destroyed() {
|
||
this.removeApplication();
|
||
},
|
||
methods: {
|
||
callUpdate: function callUpdate() {
|
||
if (!this.app) return;
|
||
this.$vuetify.application.register(this._uid, this.applicationProperty, this.updateApplication());
|
||
},
|
||
removeApplication: function removeApplication(force) {
|
||
if (force === void 0) {
|
||
force = false;
|
||
}
|
||
|
||
if (!force && !this.app) return;
|
||
this.$vuetify.application.unregister(this._uid, this.applicationProperty);
|
||
},
|
||
updateApplication: function updateApplication() {
|
||
return 0;
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/binds-attrs/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/mixins/binds-attrs/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/**
|
||
* This mixin provides `attrs$` and `listeners$` to work around
|
||
* vue bug https://github.com/vuejs/vue/issues/10115
|
||
*/
|
||
|
||
function makeWatcher(property) {
|
||
return function (val, oldVal) {
|
||
for (var attr in oldVal) {
|
||
if (!Object.prototype.hasOwnProperty.call(val, attr)) {
|
||
this.$delete(this.$data[property], attr);
|
||
}
|
||
}
|
||
|
||
for (var attr in val) {
|
||
this.$set(this.$data[property], attr, val[attr]);
|
||
}
|
||
};
|
||
}
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
data: function data() {
|
||
return {
|
||
attrs$: {},
|
||
listeners$: {}
|
||
};
|
||
},
|
||
created: function created() {
|
||
// Work around unwanted re-renders: https://github.com/vuejs/vue/issues/10115
|
||
// Make sure to use `attrs$` instead of `$attrs` (confusing right?)
|
||
this.$watch('$attrs', makeWatcher('attrs$'), {
|
||
immediate: true
|
||
});
|
||
this.$watch('$listeners', makeWatcher('listeners$'), {
|
||
immediate: true
|
||
});
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/bootable/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/mixins/bootable/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
||
// Utilities
|
||
// Types
|
||
|
||
|
||
/**
|
||
* Bootable
|
||
* @mixin
|
||
*
|
||
* Used to add lazy content functionality to components
|
||
* Looks for change in "isActive" to automatically boot
|
||
* Otherwise can be set manually
|
||
*/
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_1___default.a.extend().extend({
|
||
name: 'bootable',
|
||
props: {
|
||
eager: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isBooted: false
|
||
};
|
||
},
|
||
computed: {
|
||
hasContent: function hasContent() {
|
||
return this.isBooted || this.eager || this.isActive;
|
||
}
|
||
},
|
||
watch: {
|
||
isActive: function isActive() {
|
||
this.isBooted = true;
|
||
}
|
||
},
|
||
created: function created() {
|
||
/* istanbul ignore next */
|
||
if ('lazy' in this.$attrs) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_0__["removed"])('lazy', this);
|
||
}
|
||
},
|
||
methods: {
|
||
showLazyContent: function showLazyContent(content) {
|
||
return this.hasContent && content ? content() : [this.$createElement()];
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/button-group/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/mixins/button-group/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _components_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/VItemGroup/VItemGroup */ "./src/components/VItemGroup/VItemGroup.ts");
|
||
// Extensions
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (_components_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_0__["BaseItemGroup"].extend({
|
||
name: 'button-group',
|
||
provide: function provide() {
|
||
return {
|
||
btnToggle: this
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
return _components_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_0__["BaseItemGroup"].options.computed.classes.call(this);
|
||
}
|
||
},
|
||
methods: {
|
||
// Isn't being passed down through types
|
||
genData: _components_VItemGroup_VItemGroup__WEBPACK_IMPORTED_MODULE_0__["BaseItemGroup"].options.methods.genData
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/colorable/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/mixins/colorable/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
|
||
function isCssColor(color) {
|
||
return !!color && !!color.match(/^(#|var\(--|(rgb|hsl)a?\()/);
|
||
}
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'colorable',
|
||
props: {
|
||
color: String
|
||
},
|
||
methods: {
|
||
setBackgroundColor: function setBackgroundColor(color, data) {
|
||
var _a;
|
||
|
||
if (data === void 0) {
|
||
data = {};
|
||
}
|
||
|
||
if (typeof data.style === 'string') {
|
||
// istanbul ignore next
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleError"])('style must be an object', this); // istanbul ignore next
|
||
|
||
return data;
|
||
}
|
||
|
||
if (typeof data.class === 'string') {
|
||
// istanbul ignore next
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleError"])('class must be an object', this); // istanbul ignore next
|
||
|
||
return data;
|
||
}
|
||
|
||
if (isCssColor(color)) {
|
||
data.style = __assign({}, data.style, {
|
||
'background-color': "" + color,
|
||
'border-color': "" + color
|
||
});
|
||
} else if (color) {
|
||
data.class = __assign({}, data.class, (_a = {}, _a[color] = true, _a));
|
||
}
|
||
|
||
return data;
|
||
},
|
||
setTextColor: function setTextColor(color, data) {
|
||
var _a;
|
||
|
||
if (data === void 0) {
|
||
data = {};
|
||
}
|
||
|
||
if (typeof data.style === 'string') {
|
||
// istanbul ignore next
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleError"])('style must be an object', this); // istanbul ignore next
|
||
|
||
return data;
|
||
}
|
||
|
||
if (typeof data.class === 'string') {
|
||
// istanbul ignore next
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleError"])('class must be an object', this); // istanbul ignore next
|
||
|
||
return data;
|
||
}
|
||
|
||
if (isCssColor(color)) {
|
||
data.style = __assign({}, data.style, {
|
||
color: "" + color,
|
||
'caret-color': "" + color
|
||
});
|
||
} else if (color) {
|
||
var _b = __read(color.toString().trim().split(' ', 2), 2),
|
||
colorName = _b[0],
|
||
colorModifier = _b[1];
|
||
|
||
data.class = __assign({}, data.class, (_a = {}, _a[colorName + '--text'] = true, _a));
|
||
|
||
if (colorModifier) {
|
||
data.class['text--' + colorModifier] = true;
|
||
}
|
||
}
|
||
|
||
return data;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/comparable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/comparable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'comparable',
|
||
props: {
|
||
valueComparator: {
|
||
type: Function,
|
||
default: _util_helpers__WEBPACK_IMPORTED_MODULE_1__["deepEqual"]
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/delayable/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/mixins/delayable/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/**
|
||
* Delayable
|
||
*
|
||
* @mixin
|
||
*
|
||
* Changes the open or close delay time for elements
|
||
*/
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend().extend({
|
||
name: 'delayable',
|
||
props: {
|
||
openDelay: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
closeDelay: {
|
||
type: [Number, String],
|
||
default: 0
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
openTimeout: undefined,
|
||
closeTimeout: undefined
|
||
};
|
||
},
|
||
methods: {
|
||
/**
|
||
* Clear any pending delay timers from executing
|
||
*/
|
||
clearDelay: function clearDelay() {
|
||
clearTimeout(this.openTimeout);
|
||
clearTimeout(this.closeTimeout);
|
||
},
|
||
|
||
/**
|
||
* Runs callback after a specified delay
|
||
*/
|
||
runDelay: function runDelay(type, cb) {
|
||
var _this = this;
|
||
|
||
this.clearDelay();
|
||
var delay = parseInt(this[type + "Delay"], 10);
|
||
this[type + "Timeout"] = setTimeout(cb || function () {
|
||
_this.isActive = {
|
||
open: true,
|
||
close: false
|
||
}[type];
|
||
}, delay);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/dependent/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/mixins/dependent/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
function searchChildren(children) {
|
||
var results = [];
|
||
|
||
for (var index = 0; index < children.length; index++) {
|
||
var child = children[index];
|
||
|
||
if (child.isActive && child.isDependent) {
|
||
results.push(child);
|
||
} else {
|
||
results.push.apply(results, __spread(searchChildren(child.$children)));
|
||
}
|
||
}
|
||
|
||
return results;
|
||
}
|
||
/* @vue/component */
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_0__["default"])().extend({
|
||
name: 'dependent',
|
||
data: function data() {
|
||
return {
|
||
closeDependents: true,
|
||
isActive: false,
|
||
isDependent: true
|
||
};
|
||
},
|
||
watch: {
|
||
isActive: function isActive(val) {
|
||
if (val) return;
|
||
var openDependents = this.getOpenDependents();
|
||
|
||
for (var index = 0; index < openDependents.length; index++) {
|
||
openDependents[index].isActive = false;
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
getOpenDependents: function getOpenDependents() {
|
||
if (this.closeDependents) return searchChildren(this.$children);
|
||
return [];
|
||
},
|
||
getOpenDependentElements: function getOpenDependentElements() {
|
||
var result = [];
|
||
var openDependents = this.getOpenDependents();
|
||
|
||
for (var index = 0; index < openDependents.length; index++) {
|
||
result.push.apply(result, __spread(openDependents[index].getClickableDependentElements()));
|
||
}
|
||
|
||
return result;
|
||
},
|
||
getClickableDependentElements: function getClickableDependentElements() {
|
||
var result = [this.$el];
|
||
if (this.$refs.content) result.push(this.$refs.content);
|
||
if (this.overlay) result.push(this.overlay.$el);
|
||
result.push.apply(result, __spread(this.getOpenDependentElements()));
|
||
return result;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/detachable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/detachable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _bootable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../bootable */ "./src/mixins/bootable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
// Mixins
|
||
// Utilities
|
||
|
||
|
||
|
||
|
||
|
||
function validateAttachTarget(val) {
|
||
var type = _typeof(val);
|
||
|
||
if (type === 'boolean' || type === 'string') return true;
|
||
return val.nodeType === Node.ELEMENT_NODE;
|
||
}
|
||
/* @vue/component */
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_2__["default"])(_bootable__WEBPACK_IMPORTED_MODULE_0__["default"]).extend({
|
||
name: 'detachable',
|
||
props: {
|
||
attach: {
|
||
default: false,
|
||
validator: validateAttachTarget
|
||
},
|
||
contentClass: {
|
||
type: String,
|
||
default: ''
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
activatorNode: null,
|
||
hasDetached: false
|
||
};
|
||
},
|
||
watch: {
|
||
attach: function attach() {
|
||
this.hasDetached = false;
|
||
this.initDetach();
|
||
},
|
||
hasContent: function hasContent() {
|
||
this.$nextTick(this.initDetach);
|
||
}
|
||
},
|
||
beforeMount: function beforeMount() {
|
||
var _this = this;
|
||
|
||
this.$nextTick(function () {
|
||
if (_this.activatorNode) {
|
||
var activator = Array.isArray(_this.activatorNode) ? _this.activatorNode : [_this.activatorNode];
|
||
activator.forEach(function (node) {
|
||
if (!node.elm) return;
|
||
if (!_this.$el.parentNode) return;
|
||
var target = _this.$el === _this.$el.parentNode.firstChild ? _this.$el : _this.$el.nextSibling;
|
||
|
||
_this.$el.parentNode.insertBefore(node.elm, target);
|
||
});
|
||
}
|
||
});
|
||
},
|
||
mounted: function mounted() {
|
||
this.hasContent && this.initDetach();
|
||
},
|
||
deactivated: function deactivated() {
|
||
this.isActive = false;
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
// IE11 Fix
|
||
try {
|
||
if (this.$refs.content && this.$refs.content.parentNode) {
|
||
this.$refs.content.parentNode.removeChild(this.$refs.content);
|
||
}
|
||
|
||
if (this.activatorNode) {
|
||
var activator = Array.isArray(this.activatorNode) ? this.activatorNode : [this.activatorNode];
|
||
activator.forEach(function (node) {
|
||
node.elm && node.elm.parentNode && node.elm.parentNode.removeChild(node.elm);
|
||
});
|
||
}
|
||
} catch (e) {
|
||
console.log(e);
|
||
}
|
||
},
|
||
methods: {
|
||
getScopeIdAttrs: function getScopeIdAttrs() {
|
||
var _a;
|
||
|
||
var scopeId = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getObjectValueByPath"])(this.$vnode, 'context.$options._scopeId');
|
||
return scopeId && (_a = {}, _a[scopeId] = '', _a);
|
||
},
|
||
initDetach: function initDetach() {
|
||
if (this._isDestroyed || !this.$refs.content || this.hasDetached || // Leave menu in place if attached
|
||
// and dev has not changed target
|
||
this.attach === '' || // If used as a boolean prop (<v-menu attach>)
|
||
this.attach === true || // If bound to a boolean (<v-menu :attach="true">)
|
||
this.attach === 'attach' // If bound as boolean prop in pug (v-menu(attach))
|
||
) return;
|
||
var target;
|
||
|
||
if (this.attach === false) {
|
||
// Default, detach to app
|
||
target = document.querySelector('[data-app]');
|
||
} else if (typeof this.attach === 'string') {
|
||
// CSS selector
|
||
target = document.querySelector(this.attach);
|
||
} else {
|
||
// DOM Element
|
||
target = this.attach;
|
||
}
|
||
|
||
if (!target) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_3__["consoleWarn"])("Unable to locate target " + (this.attach || '[data-app]'), this);
|
||
return;
|
||
}
|
||
|
||
target.appendChild(this.$refs.content);
|
||
this.hasDetached = true;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/elevatable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/elevatable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'elevatable',
|
||
props: {
|
||
elevation: [Number, String]
|
||
},
|
||
computed: {
|
||
computedElevation: function computedElevation() {
|
||
return this.elevation;
|
||
},
|
||
elevationClasses: function elevationClasses() {
|
||
var _a;
|
||
|
||
var elevation = this.computedElevation;
|
||
if (elevation == null) return {};
|
||
if (isNaN(parseInt(elevation))) return {};
|
||
return _a = {}, _a["elevation-" + this.elevation] = true, _a;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/filterable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/filterable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'filterable',
|
||
props: {
|
||
noDataText: {
|
||
type: String,
|
||
default: '$vuetify.noDataText'
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/groupable/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/mixins/groupable/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: factory, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "factory", function() { return factory; });
|
||
/* harmony import */ var _registrable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../registrable */ "./src/mixins/registrable/index.ts");
|
||
// Mixins
|
||
|
||
function factory(namespace, child, parent) {
|
||
// TODO: ts 3.4 broke directly returning this
|
||
var R = Object(_registrable__WEBPACK_IMPORTED_MODULE_0__["inject"])(namespace, child, parent).extend({
|
||
name: 'groupable',
|
||
props: {
|
||
activeClass: {
|
||
type: String,
|
||
default: function _default() {
|
||
if (!this[namespace]) return undefined;
|
||
return this[namespace].activeClass;
|
||
}
|
||
},
|
||
disabled: Boolean
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: false
|
||
};
|
||
},
|
||
computed: {
|
||
groupClasses: function groupClasses() {
|
||
var _a;
|
||
|
||
if (!this.activeClass) return {};
|
||
return _a = {}, _a[this.activeClass] = this.isActive, _a;
|
||
}
|
||
},
|
||
created: function created() {
|
||
this[namespace] && this[namespace].register(this);
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this[namespace] && this[namespace].unregister(this);
|
||
},
|
||
methods: {
|
||
toggle: function toggle() {
|
||
this.$emit('change');
|
||
}
|
||
}
|
||
});
|
||
return R;
|
||
}
|
||
/* eslint-disable-next-line no-redeclare */
|
||
|
||
var Groupable = factory('itemGroup');
|
||
/* harmony default export */ __webpack_exports__["default"] = (Groupable);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/intersectable/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/mixins/intersectable/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return intersectable; });
|
||
/* harmony import */ var _directives_intersect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../directives/intersect */ "./src/directives/intersect/index.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_2__);
|
||
// Directives
|
||
// Utilities
|
||
|
||
// Types
|
||
|
||
|
||
function intersectable(options) {
|
||
if (typeof window === 'undefined' || !('IntersectionObserver' in window)) {
|
||
// do nothing because intersection observer is not available
|
||
return vue__WEBPACK_IMPORTED_MODULE_2___default.a.extend({
|
||
name: 'intersectable'
|
||
});
|
||
}
|
||
|
||
return vue__WEBPACK_IMPORTED_MODULE_2___default.a.extend({
|
||
name: 'intersectable',
|
||
mounted: function mounted() {
|
||
_directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].inserted(this.$el, {
|
||
name: 'intersect',
|
||
value: {
|
||
handler: this.onObserve
|
||
}
|
||
});
|
||
},
|
||
destroyed: function destroyed() {
|
||
_directives_intersect__WEBPACK_IMPORTED_MODULE_0__["default"].unbind(this.$el);
|
||
},
|
||
methods: {
|
||
onObserve: function onObserve(entries, observer, isIntersecting) {
|
||
if (!isIntersecting) return;
|
||
|
||
for (var i = 0, length = options.onVisible.length; i < length; i++) {
|
||
var callback = this[options.onVisible[i]];
|
||
|
||
if (typeof callback === 'function') {
|
||
callback();
|
||
continue;
|
||
}
|
||
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleWarn"])(options.onVisible[i] + ' method is not available on the instance but referenced in intersectable mixin options');
|
||
}
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/loadable/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/mixins/loadable/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _components_VProgressLinear__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/VProgressLinear */ "./src/components/VProgressLinear/index.ts");
|
||
|
||
|
||
/**
|
||
* Loadable
|
||
*
|
||
* @mixin
|
||
*
|
||
* Used to add linear progress bar to components
|
||
* Can use a default bar with a specific color
|
||
* or designate a custom progress linear bar
|
||
*/
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend().extend({
|
||
name: 'loadable',
|
||
props: {
|
||
loading: {
|
||
type: [Boolean, String],
|
||
default: false
|
||
},
|
||
loaderHeight: {
|
||
type: [Number, String],
|
||
default: 2
|
||
}
|
||
},
|
||
methods: {
|
||
genProgress: function genProgress() {
|
||
if (this.loading === false) return null;
|
||
return this.$slots.progress || this.$createElement(_components_VProgressLinear__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||
props: {
|
||
absolute: true,
|
||
color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,
|
||
height: this.loaderHeight,
|
||
indeterminate: true
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/localable/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/mixins/localable/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'localable',
|
||
props: {
|
||
locale: String
|
||
},
|
||
computed: {
|
||
currentLocale: function currentLocale() {
|
||
return this.locale || this.$vuetify.lang.current;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/measurable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/measurable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
||
// Helpers
|
||
// Types
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_1___default.a.extend({
|
||
name: 'measurable',
|
||
props: {
|
||
height: [Number, String],
|
||
maxHeight: [Number, String],
|
||
maxWidth: [Number, String],
|
||
minHeight: [Number, String],
|
||
minWidth: [Number, String],
|
||
width: [Number, String]
|
||
},
|
||
computed: {
|
||
measurableStyles: function measurableStyles() {
|
||
var styles = {};
|
||
var height = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["convertToUnit"])(this.height);
|
||
var minHeight = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["convertToUnit"])(this.minHeight);
|
||
var minWidth = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["convertToUnit"])(this.minWidth);
|
||
var maxHeight = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["convertToUnit"])(this.maxHeight);
|
||
var maxWidth = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["convertToUnit"])(this.maxWidth);
|
||
var width = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["convertToUnit"])(this.width);
|
||
if (height) styles.height = height;
|
||
if (minHeight) styles.minHeight = minHeight;
|
||
if (minWidth) styles.minWidth = minWidth;
|
||
if (maxHeight) styles.maxHeight = maxHeight;
|
||
if (maxWidth) styles.maxWidth = maxWidth;
|
||
if (width) styles.width = width;
|
||
return styles;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/menuable/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/mixins/menuable/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _positionable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../positionable */ "./src/mixins/positionable/index.ts");
|
||
/* harmony import */ var _stackable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../stackable */ "./src/mixins/stackable/index.ts");
|
||
/* harmony import */ var _activatable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../activatable */ "./src/mixins/activatable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Mixins
|
||
|
||
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
// Types
|
||
|
||
var baseMixins = Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_stackable__WEBPACK_IMPORTED_MODULE_1__["default"], _positionable__WEBPACK_IMPORTED_MODULE_0__["default"], _activatable__WEBPACK_IMPORTED_MODULE_2__["default"]);
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (baseMixins.extend().extend({
|
||
name: 'menuable',
|
||
props: {
|
||
allowOverflow: Boolean,
|
||
light: Boolean,
|
||
dark: Boolean,
|
||
maxWidth: {
|
||
type: [Number, String],
|
||
default: 'auto'
|
||
},
|
||
minWidth: [Number, String],
|
||
nudgeBottom: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
nudgeLeft: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
nudgeRight: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
nudgeTop: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
nudgeWidth: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
offsetOverflow: Boolean,
|
||
openOnClick: Boolean,
|
||
positionX: {
|
||
type: Number,
|
||
default: null
|
||
},
|
||
positionY: {
|
||
type: Number,
|
||
default: null
|
||
},
|
||
zIndex: {
|
||
type: [Number, String],
|
||
default: null
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
absoluteX: 0,
|
||
absoluteY: 0,
|
||
activatedBy: null,
|
||
activatorFixed: false,
|
||
dimensions: {
|
||
activator: {
|
||
top: 0,
|
||
left: 0,
|
||
bottom: 0,
|
||
right: 0,
|
||
width: 0,
|
||
height: 0,
|
||
offsetTop: 0,
|
||
scrollHeight: 0,
|
||
offsetLeft: 0
|
||
},
|
||
content: {
|
||
top: 0,
|
||
left: 0,
|
||
bottom: 0,
|
||
right: 0,
|
||
width: 0,
|
||
height: 0,
|
||
offsetTop: 0,
|
||
scrollHeight: 0
|
||
}
|
||
},
|
||
hasJustFocused: false,
|
||
hasWindow: false,
|
||
inputActivator: false,
|
||
isContentActive: false,
|
||
pageWidth: 0,
|
||
pageYOffset: 0,
|
||
stackClass: 'v-menu__content--active',
|
||
stackMinZIndex: 6
|
||
};
|
||
},
|
||
computed: {
|
||
computedLeft: function computedLeft() {
|
||
var a = this.dimensions.activator;
|
||
var c = this.dimensions.content;
|
||
var activatorLeft = (this.attach !== false ? a.offsetLeft : a.left) || 0;
|
||
var minWidth = Math.max(a.width, c.width);
|
||
var left = 0;
|
||
left += this.left ? activatorLeft - (minWidth - a.width) : activatorLeft;
|
||
|
||
if (this.offsetX) {
|
||
var maxWidth = isNaN(Number(this.maxWidth)) ? a.width : Math.min(a.width, Number(this.maxWidth));
|
||
left += this.left ? -maxWidth : a.width;
|
||
}
|
||
|
||
if (this.nudgeLeft) left -= parseInt(this.nudgeLeft);
|
||
if (this.nudgeRight) left += parseInt(this.nudgeRight);
|
||
return left;
|
||
},
|
||
computedTop: function computedTop() {
|
||
var a = this.dimensions.activator;
|
||
var c = this.dimensions.content;
|
||
var top = 0;
|
||
if (this.top) top += a.height - c.height;
|
||
if (this.attach !== false) top += a.offsetTop;else top += a.top + this.pageYOffset;
|
||
if (this.offsetY) top += this.top ? -a.height : a.height;
|
||
if (this.nudgeTop) top -= parseInt(this.nudgeTop);
|
||
if (this.nudgeBottom) top += parseInt(this.nudgeBottom);
|
||
return top;
|
||
},
|
||
hasActivator: function hasActivator() {
|
||
return !!this.$slots.activator || !!this.$scopedSlots.activator || !!this.activator || !!this.inputActivator;
|
||
}
|
||
},
|
||
watch: {
|
||
disabled: function disabled(val) {
|
||
val && this.callDeactivate();
|
||
},
|
||
isActive: function isActive(val) {
|
||
if (this.disabled) return;
|
||
val ? this.callActivate() : this.callDeactivate();
|
||
},
|
||
positionX: 'updateDimensions',
|
||
positionY: 'updateDimensions'
|
||
},
|
||
beforeMount: function beforeMount() {
|
||
this.hasWindow = typeof window !== 'undefined';
|
||
},
|
||
methods: {
|
||
absolutePosition: function absolutePosition() {
|
||
return {
|
||
offsetTop: 0,
|
||
offsetLeft: 0,
|
||
scrollHeight: 0,
|
||
top: this.positionY || this.absoluteY,
|
||
bottom: this.positionY || this.absoluteY,
|
||
left: this.positionX || this.absoluteX,
|
||
right: this.positionX || this.absoluteX,
|
||
height: 0,
|
||
width: 0
|
||
};
|
||
},
|
||
activate: function activate() {},
|
||
calcLeft: function calcLeft(menuWidth) {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.attach !== false ? this.computedLeft : this.calcXOverflow(this.computedLeft, menuWidth));
|
||
},
|
||
calcTop: function calcTop() {
|
||
return Object(_util_helpers__WEBPACK_IMPORTED_MODULE_4__["convertToUnit"])(this.attach !== false ? this.computedTop : this.calcYOverflow(this.computedTop));
|
||
},
|
||
calcXOverflow: function calcXOverflow(left, menuWidth) {
|
||
var xOverflow = left + menuWidth - this.pageWidth + 12;
|
||
|
||
if ((!this.left || this.right) && xOverflow > 0) {
|
||
left = Math.max(left - xOverflow, 0);
|
||
} else {
|
||
left = Math.max(left, 12);
|
||
}
|
||
|
||
return left + this.getOffsetLeft();
|
||
},
|
||
calcYOverflow: function calcYOverflow(top) {
|
||
var documentHeight = this.getInnerHeight();
|
||
var toTop = this.pageYOffset + documentHeight;
|
||
var activator = this.dimensions.activator;
|
||
var contentHeight = this.dimensions.content.height;
|
||
var totalHeight = top + contentHeight;
|
||
var isOverflowing = toTop < totalHeight; // If overflowing bottom and offset
|
||
// TODO: set 'bottom' position instead of 'top'
|
||
|
||
if (isOverflowing && this.offsetOverflow && // If we don't have enough room to offset
|
||
// the overflow, don't offset
|
||
activator.top > contentHeight) {
|
||
top = this.pageYOffset + (activator.top - contentHeight); // If overflowing bottom
|
||
} else if (isOverflowing && !this.allowOverflow) {
|
||
top = toTop - contentHeight - 12; // If overflowing top
|
||
} else if (top < this.pageYOffset && !this.allowOverflow) {
|
||
top = this.pageYOffset + 12;
|
||
}
|
||
|
||
return top < 12 ? 12 : top;
|
||
},
|
||
callActivate: function callActivate() {
|
||
if (!this.hasWindow) return;
|
||
this.activate();
|
||
},
|
||
callDeactivate: function callDeactivate() {
|
||
this.isContentActive = false;
|
||
this.deactivate();
|
||
},
|
||
checkForPageYOffset: function checkForPageYOffset() {
|
||
if (this.hasWindow) {
|
||
this.pageYOffset = this.activatorFixed ? 0 : this.getOffsetTop();
|
||
}
|
||
},
|
||
checkActivatorFixed: function checkActivatorFixed() {
|
||
if (this.attach !== false) return;
|
||
var el = this.getActivator();
|
||
|
||
while (el) {
|
||
if (window.getComputedStyle(el).position === 'fixed') {
|
||
this.activatorFixed = true;
|
||
return;
|
||
}
|
||
|
||
el = el.offsetParent;
|
||
}
|
||
|
||
this.activatorFixed = false;
|
||
},
|
||
deactivate: function deactivate() {},
|
||
genActivatorListeners: function genActivatorListeners() {
|
||
var _this = this;
|
||
|
||
var listeners = _activatable__WEBPACK_IMPORTED_MODULE_2__["default"].options.methods.genActivatorListeners.call(this);
|
||
var onClick = listeners.click;
|
||
|
||
listeners.click = function (e) {
|
||
if (_this.openOnClick) {
|
||
onClick && onClick(e);
|
||
}
|
||
|
||
_this.absoluteX = e.clientX;
|
||
_this.absoluteY = e.clientY;
|
||
};
|
||
|
||
return listeners;
|
||
},
|
||
getInnerHeight: function getInnerHeight() {
|
||
if (!this.hasWindow) return 0;
|
||
return window.innerHeight || document.documentElement.clientHeight;
|
||
},
|
||
getOffsetLeft: function getOffsetLeft() {
|
||
if (!this.hasWindow) return 0;
|
||
return window.pageXOffset || document.documentElement.scrollLeft;
|
||
},
|
||
getOffsetTop: function getOffsetTop() {
|
||
if (!this.hasWindow) return 0;
|
||
return window.pageYOffset || document.documentElement.scrollTop;
|
||
},
|
||
getRoundedBoundedClientRect: function getRoundedBoundedClientRect(el) {
|
||
var rect = el.getBoundingClientRect();
|
||
return {
|
||
top: Math.round(rect.top),
|
||
left: Math.round(rect.left),
|
||
bottom: Math.round(rect.bottom),
|
||
right: Math.round(rect.right),
|
||
width: Math.round(rect.width),
|
||
height: Math.round(rect.height)
|
||
};
|
||
},
|
||
measure: function measure(el) {
|
||
if (!el || !this.hasWindow) return null;
|
||
var rect = this.getRoundedBoundedClientRect(el); // Account for activator margin
|
||
|
||
if (this.attach !== false) {
|
||
var style = window.getComputedStyle(el);
|
||
rect.left = parseInt(style.marginLeft);
|
||
rect.top = parseInt(style.marginTop);
|
||
}
|
||
|
||
return rect;
|
||
},
|
||
sneakPeek: function sneakPeek(cb) {
|
||
var _this = this;
|
||
|
||
requestAnimationFrame(function () {
|
||
var el = _this.$refs.content;
|
||
|
||
if (!el || el.style.display !== 'none') {
|
||
cb();
|
||
return;
|
||
}
|
||
|
||
el.style.display = 'inline-block';
|
||
cb();
|
||
el.style.display = 'none';
|
||
});
|
||
},
|
||
startTransition: function startTransition() {
|
||
var _this = this;
|
||
|
||
return new Promise(function (resolve) {
|
||
return requestAnimationFrame(function () {
|
||
_this.isContentActive = _this.hasJustFocused = _this.isActive;
|
||
resolve();
|
||
});
|
||
});
|
||
},
|
||
updateDimensions: function updateDimensions() {
|
||
var _this = this;
|
||
|
||
this.hasWindow = typeof window !== 'undefined';
|
||
this.checkActivatorFixed();
|
||
this.checkForPageYOffset();
|
||
this.pageWidth = document.documentElement.clientWidth;
|
||
var dimensions = {
|
||
activator: __assign({}, this.dimensions.activator),
|
||
content: __assign({}, this.dimensions.content)
|
||
}; // Activator should already be shown
|
||
|
||
if (!this.hasActivator || this.absolute) {
|
||
dimensions.activator = this.absolutePosition();
|
||
} else {
|
||
var activator = this.getActivator();
|
||
if (!activator) return;
|
||
dimensions.activator = this.measure(activator);
|
||
dimensions.activator.offsetLeft = activator.offsetLeft;
|
||
|
||
if (this.attach !== false) {
|
||
// account for css padding causing things to not line up
|
||
// this is mostly for v-autocomplete, hopefully it won't break anything
|
||
dimensions.activator.offsetTop = activator.offsetTop;
|
||
} else {
|
||
dimensions.activator.offsetTop = 0;
|
||
}
|
||
} // Display and hide to get dimensions
|
||
|
||
|
||
this.sneakPeek(function () {
|
||
_this.$refs.content && (dimensions.content = _this.measure(_this.$refs.content));
|
||
_this.dimensions = dimensions;
|
||
});
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/overlayable/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/mixins/overlayable/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _components_VOverlay__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/VOverlay */ "./src/components/VOverlay/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_2__);
|
||
// Components
|
||
// Utilities
|
||
|
||
// Types
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_2___default.a.extend().extend({
|
||
name: 'overlayable',
|
||
props: {
|
||
hideOverlay: Boolean,
|
||
overlayColor: String,
|
||
overlayOpacity: [Number, String]
|
||
},
|
||
data: function data() {
|
||
return {
|
||
overlay: null
|
||
};
|
||
},
|
||
watch: {
|
||
hideOverlay: function hideOverlay(value) {
|
||
if (!this.isActive) return;
|
||
if (value) this.removeOverlay();else this.genOverlay();
|
||
}
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.removeOverlay();
|
||
},
|
||
methods: {
|
||
createOverlay: function createOverlay() {
|
||
var overlay = new _components_VOverlay__WEBPACK_IMPORTED_MODULE_0__["default"]({
|
||
propsData: {
|
||
absolute: this.absolute,
|
||
value: false,
|
||
color: this.overlayColor,
|
||
opacity: this.overlayOpacity
|
||
}
|
||
});
|
||
overlay.$mount();
|
||
var parent = this.absolute ? this.$el.parentNode : document.querySelector('[data-app]');
|
||
parent && parent.insertBefore(overlay.$el, parent.firstChild);
|
||
this.overlay = overlay;
|
||
},
|
||
genOverlay: function genOverlay() {
|
||
var _this = this;
|
||
|
||
this.hideScroll();
|
||
if (this.hideOverlay) return;
|
||
if (!this.overlay) this.createOverlay();
|
||
requestAnimationFrame(function () {
|
||
if (!_this.overlay) return;
|
||
|
||
if (_this.activeZIndex !== undefined) {
|
||
_this.overlay.zIndex = String(_this.activeZIndex - 1);
|
||
} else if (_this.$el) {
|
||
_this.overlay.zIndex = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getZIndex"])(_this.$el);
|
||
}
|
||
|
||
_this.overlay.value = true;
|
||
});
|
||
return true;
|
||
},
|
||
|
||
/** removeOverlay(false) will not restore the scollbar afterwards */
|
||
removeOverlay: function removeOverlay(showScroll) {
|
||
var _this = this;
|
||
|
||
if (showScroll === void 0) {
|
||
showScroll = true;
|
||
}
|
||
|
||
if (this.overlay) {
|
||
Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["addOnceEventListener"])(this.overlay.$el, 'transitionend', function () {
|
||
if (!_this.overlay || !_this.overlay.$el || !_this.overlay.$el.parentNode || _this.overlay.value) return;
|
||
|
||
_this.overlay.$el.parentNode.removeChild(_this.overlay.$el);
|
||
|
||
_this.overlay.$destroy();
|
||
|
||
_this.overlay = null;
|
||
});
|
||
this.overlay.value = false;
|
||
}
|
||
|
||
showScroll && this.showScroll();
|
||
},
|
||
scrollListener: function scrollListener(e) {
|
||
if (e.type === 'keydown') {
|
||
if (['INPUT', 'TEXTAREA', 'SELECT'].includes(e.target.tagName) || // https://github.com/vuetifyjs/vuetify/issues/4715
|
||
e.target.isContentEditable) return;
|
||
var up = [_util_helpers__WEBPACK_IMPORTED_MODULE_1__["keyCodes"].up, _util_helpers__WEBPACK_IMPORTED_MODULE_1__["keyCodes"].pageup];
|
||
var down = [_util_helpers__WEBPACK_IMPORTED_MODULE_1__["keyCodes"].down, _util_helpers__WEBPACK_IMPORTED_MODULE_1__["keyCodes"].pagedown];
|
||
|
||
if (up.includes(e.keyCode)) {
|
||
e.deltaY = -1;
|
||
} else if (down.includes(e.keyCode)) {
|
||
e.deltaY = 1;
|
||
} else {
|
||
return;
|
||
}
|
||
}
|
||
|
||
if (e.target === this.overlay || e.type !== 'keydown' && e.target === document.body || this.checkPath(e)) e.preventDefault();
|
||
},
|
||
hasScrollbar: function hasScrollbar(el) {
|
||
if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
|
||
var style = window.getComputedStyle(el);
|
||
return ['auto', 'scroll'].includes(style.overflowY) && el.scrollHeight > el.clientHeight;
|
||
},
|
||
shouldScroll: function shouldScroll(el, delta) {
|
||
if (el.scrollTop === 0 && delta < 0) return true;
|
||
return el.scrollTop + el.clientHeight === el.scrollHeight && delta > 0;
|
||
},
|
||
isInside: function isInside(el, parent) {
|
||
if (el === parent) {
|
||
return true;
|
||
} else if (el === null || el === document.body) {
|
||
return false;
|
||
} else {
|
||
return this.isInside(el.parentNode, parent);
|
||
}
|
||
},
|
||
checkPath: function checkPath(e) {
|
||
var path = e.path || this.composedPath(e);
|
||
var delta = e.deltaY;
|
||
|
||
if (e.type === 'keydown' && path[0] === document.body) {
|
||
var dialog = this.$refs.dialog; // getSelection returns null in firefox in some edge cases, can be ignored
|
||
|
||
var selected = window.getSelection().anchorNode;
|
||
|
||
if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {
|
||
return this.shouldScroll(dialog, delta);
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
for (var index = 0; index < path.length; index++) {
|
||
var el = path[index];
|
||
if (el === document) return true;
|
||
if (el === document.documentElement) return true;
|
||
if (el === this.$refs.content) return true;
|
||
if (this.hasScrollbar(el)) return this.shouldScroll(el, delta);
|
||
}
|
||
|
||
return true;
|
||
},
|
||
|
||
/**
|
||
* Polyfill for Event.prototype.composedPath
|
||
*/
|
||
composedPath: function composedPath(e) {
|
||
if (e.composedPath) return e.composedPath();
|
||
var path = [];
|
||
var el = e.target;
|
||
|
||
while (el) {
|
||
path.push(el);
|
||
|
||
if (el.tagName === 'HTML') {
|
||
path.push(document);
|
||
path.push(window);
|
||
return path;
|
||
}
|
||
|
||
el = el.parentElement;
|
||
}
|
||
|
||
return path;
|
||
},
|
||
hideScroll: function hideScroll() {
|
||
if (this.$vuetify.breakpoint.smAndDown) {
|
||
document.documentElement.classList.add('overflow-y-hidden');
|
||
} else {
|
||
Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["addPassiveEventListener"])(window, 'wheel', this.scrollListener, {
|
||
passive: false
|
||
});
|
||
window.addEventListener('keydown', this.scrollListener);
|
||
}
|
||
},
|
||
showScroll: function showScroll() {
|
||
document.documentElement.classList.remove('overflow-y-hidden');
|
||
window.removeEventListener('wheel', this.scrollListener);
|
||
window.removeEventListener('keydown', this.scrollListener);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/picker-button/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/mixins/picker-button/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _colorable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
// Mixins
|
||
// Utilities
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_1__["default"])(_colorable__WEBPACK_IMPORTED_MODULE_0__["default"]).extend({
|
||
methods: {
|
||
genPickerButton: function genPickerButton(prop, value, content, readonly, staticClass) {
|
||
var _this = this;
|
||
|
||
if (readonly === void 0) {
|
||
readonly = false;
|
||
}
|
||
|
||
if (staticClass === void 0) {
|
||
staticClass = '';
|
||
}
|
||
|
||
var active = this[prop] === value;
|
||
|
||
var click = function click(event) {
|
||
event.stopPropagation();
|
||
|
||
_this.$emit("update:" + Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["kebabCase"])(prop), value);
|
||
};
|
||
|
||
return this.$createElement('div', {
|
||
staticClass: ("v-picker__title__btn " + staticClass).trim(),
|
||
class: {
|
||
'v-picker__title__btn--active': active,
|
||
'v-picker__title__btn--readonly': readonly
|
||
},
|
||
on: active || readonly ? undefined : {
|
||
click: click
|
||
}
|
||
}, Array.isArray(content) ? content : [content]);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/picker/index.ts":
|
||
/*!************************************!*\
|
||
!*** ./src/mixins/picker/index.ts ***!
|
||
\************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _components_VPicker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/VPicker */ "./src/components/VPicker/index.ts");
|
||
/* harmony import */ var _colorable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _themeable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Components
|
||
// Mixins
|
||
|
||
|
||
// Utils
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_colorable__WEBPACK_IMPORTED_MODULE_1__["default"], _themeable__WEBPACK_IMPORTED_MODULE_2__["default"]
|
||
/* @vue/component */
|
||
).extend({
|
||
name: 'picker',
|
||
props: {
|
||
fullWidth: Boolean,
|
||
headerColor: String,
|
||
landscape: Boolean,
|
||
noTitle: Boolean,
|
||
width: {
|
||
type: [Number, String],
|
||
default: 290
|
||
}
|
||
},
|
||
methods: {
|
||
genPickerTitle: function genPickerTitle() {
|
||
return null;
|
||
},
|
||
genPickerBody: function genPickerBody() {
|
||
return null;
|
||
},
|
||
genPickerActionsSlot: function genPickerActionsSlot() {
|
||
return this.$scopedSlots.default ? this.$scopedSlots.default({
|
||
save: this.save,
|
||
cancel: this.cancel
|
||
}) : this.$slots.default;
|
||
},
|
||
genPicker: function genPicker(staticClass) {
|
||
var children = [];
|
||
|
||
if (!this.noTitle) {
|
||
var title = this.genPickerTitle();
|
||
title && children.push(title);
|
||
}
|
||
|
||
var body = this.genPickerBody();
|
||
body && children.push(body);
|
||
children.push(this.$createElement('template', {
|
||
slot: 'actions'
|
||
}, [this.genPickerActionsSlot()]));
|
||
return this.$createElement(_components_VPicker__WEBPACK_IMPORTED_MODULE_0__["default"], {
|
||
staticClass: staticClass,
|
||
props: {
|
||
color: this.headerColor || this.color,
|
||
dark: this.dark,
|
||
fullWidth: this.fullWidth,
|
||
landscape: this.landscape,
|
||
light: this.light,
|
||
width: this.width,
|
||
noTitle: this.noTitle
|
||
}
|
||
}, children);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/positionable/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/mixins/positionable/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: factory, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "factory", function() { return factory; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
|
||
|
||
var availableProps = {
|
||
absolute: Boolean,
|
||
bottom: Boolean,
|
||
fixed: Boolean,
|
||
left: Boolean,
|
||
right: Boolean,
|
||
top: Boolean
|
||
};
|
||
function factory(selected) {
|
||
if (selected === void 0) {
|
||
selected = [];
|
||
}
|
||
|
||
return vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'positionable',
|
||
props: selected.length ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["filterObjectOnKeys"])(availableProps, selected) : availableProps
|
||
});
|
||
}
|
||
/* harmony default export */ __webpack_exports__["default"] = (factory()); // Add a `*` before the second `/`
|
||
|
||
/* Tests /
|
||
let single = factory(['top']).extend({
|
||
created () {
|
||
this.top
|
||
this.bottom
|
||
this.absolute
|
||
}
|
||
})
|
||
|
||
let some = factory(['top', 'bottom']).extend({
|
||
created () {
|
||
this.top
|
||
this.bottom
|
||
this.absolute
|
||
}
|
||
})
|
||
|
||
let all = factory().extend({
|
||
created () {
|
||
this.top
|
||
this.bottom
|
||
this.absolute
|
||
this.foobar
|
||
}
|
||
})
|
||
/**/
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/proxyable/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/mixins/proxyable/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: factory, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "factory", function() { return factory; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
function factory(prop, event) {
|
||
var _a, _b;
|
||
|
||
if (prop === void 0) {
|
||
prop = 'value';
|
||
}
|
||
|
||
if (event === void 0) {
|
||
event = 'change';
|
||
}
|
||
|
||
return vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'proxyable',
|
||
model: {
|
||
prop: prop,
|
||
event: event
|
||
},
|
||
props: (_a = {}, _a[prop] = {
|
||
required: false
|
||
}, _a),
|
||
data: function data() {
|
||
return {
|
||
internalLazyValue: this[prop]
|
||
};
|
||
},
|
||
computed: {
|
||
internalValue: {
|
||
get: function get() {
|
||
return this.internalLazyValue;
|
||
},
|
||
set: function set(val) {
|
||
if (val === this.internalLazyValue) return;
|
||
this.internalLazyValue = val;
|
||
this.$emit(event, val);
|
||
}
|
||
}
|
||
},
|
||
watch: (_b = {}, _b[prop] = function (val) {
|
||
this.internalLazyValue = val;
|
||
}, _b)
|
||
});
|
||
}
|
||
/* eslint-disable-next-line no-redeclare */
|
||
|
||
var Proxyable = factory();
|
||
/* harmony default export */ __webpack_exports__["default"] = (Proxyable);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/registrable/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/mixins/registrable/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: inject, provide */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "inject", function() { return inject; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "provide", function() { return provide; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
|
||
|
||
|
||
function generateWarning(child, parent) {
|
||
return function () {
|
||
return Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleWarn"])("The " + child + " component must be used inside a " + parent);
|
||
};
|
||
}
|
||
|
||
function inject(namespace, child, parent) {
|
||
var _a;
|
||
|
||
var defaultImpl = child && parent ? {
|
||
register: generateWarning(child, parent),
|
||
unregister: generateWarning(child, parent)
|
||
} : null;
|
||
return vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'registrable-inject',
|
||
inject: (_a = {}, _a[namespace] = {
|
||
default: defaultImpl
|
||
}, _a)
|
||
});
|
||
}
|
||
function provide(namespace, self) {
|
||
if (self === void 0) {
|
||
self = false;
|
||
}
|
||
|
||
return vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'registrable-provide',
|
||
methods: self ? {} : {
|
||
register: null,
|
||
unregister: null
|
||
},
|
||
provide: function provide() {
|
||
var _a;
|
||
|
||
return _a = {}, _a[namespace] = self ? this : {
|
||
register: this.register,
|
||
unregister: this.unregister
|
||
}, _a;
|
||
}
|
||
});
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/returnable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/returnable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'returnable',
|
||
props: {
|
||
returnValue: null
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: false,
|
||
originalValue: null
|
||
};
|
||
},
|
||
watch: {
|
||
isActive: function isActive(val) {
|
||
if (val) {
|
||
this.originalValue = this.returnValue;
|
||
} else {
|
||
this.$emit('update:return-value', this.originalValue);
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
save: function save(value) {
|
||
var _this = this;
|
||
|
||
this.originalValue = value;
|
||
setTimeout(function () {
|
||
_this.isActive = false;
|
||
});
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/rippleable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/rippleable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
||
// Directives
|
||
// Types
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_1___default.a.extend({
|
||
name: 'rippleable',
|
||
directives: {
|
||
ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_0__["default"]
|
||
},
|
||
props: {
|
||
ripple: {
|
||
type: [Boolean, Object],
|
||
default: true
|
||
}
|
||
},
|
||
methods: {
|
||
genRipple: function genRipple(data) {
|
||
if (data === void 0) {
|
||
data = {};
|
||
}
|
||
|
||
if (!this.ripple) return null;
|
||
data.staticClass = 'v-input--selection-controls__ripple';
|
||
data.directives = data.directives || [];
|
||
data.directives.push({
|
||
name: 'ripple',
|
||
value: {
|
||
center: true
|
||
}
|
||
});
|
||
data.on = Object.assign({
|
||
click: this.onChange
|
||
}, this.$listeners);
|
||
return this.$createElement('div', data);
|
||
},
|
||
onChange: function onChange() {}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/routable/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/mixins/routable/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _directives_ripple__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../directives/ripple */ "./src/directives/ripple/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
// Directives
|
||
|
||
// Utilities
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'routable',
|
||
directives: {
|
||
Ripple: _directives_ripple__WEBPACK_IMPORTED_MODULE_1__["default"]
|
||
},
|
||
props: {
|
||
activeClass: String,
|
||
append: Boolean,
|
||
disabled: Boolean,
|
||
exact: {
|
||
type: Boolean,
|
||
default: undefined
|
||
},
|
||
exactActiveClass: String,
|
||
link: Boolean,
|
||
href: [String, Object],
|
||
to: [String, Object],
|
||
nuxt: Boolean,
|
||
replace: Boolean,
|
||
ripple: {
|
||
type: [Boolean, Object],
|
||
default: null
|
||
},
|
||
tag: String,
|
||
target: String
|
||
},
|
||
data: function data() {
|
||
return {
|
||
isActive: false,
|
||
proxyClass: ''
|
||
};
|
||
},
|
||
computed: {
|
||
classes: function classes() {
|
||
var classes = {};
|
||
if (this.to) return classes;
|
||
if (this.activeClass) classes[this.activeClass] = this.isActive;
|
||
if (this.proxyClass) classes[this.proxyClass] = this.isActive;
|
||
return classes;
|
||
},
|
||
computedRipple: function computedRipple() {
|
||
return this.ripple != null ? this.ripple : !this.disabled && this.isClickable;
|
||
},
|
||
isClickable: function isClickable() {
|
||
if (this.disabled) return false;
|
||
return Boolean(this.isLink || this.$listeners.click || this.$listeners['!click'] || this.$attrs.tabindex);
|
||
},
|
||
isLink: function isLink() {
|
||
return this.to || this.href || this.link;
|
||
},
|
||
styles: function styles() {
|
||
return {};
|
||
}
|
||
},
|
||
watch: {
|
||
$route: 'onRouteChange'
|
||
},
|
||
methods: {
|
||
click: function click(e) {
|
||
this.$emit('click', e);
|
||
},
|
||
generateRouteLink: function generateRouteLink() {
|
||
var _a;
|
||
|
||
var exact = this.exact;
|
||
var tag;
|
||
var data = (_a = {
|
||
attrs: {
|
||
tabindex: 'tabindex' in this.$attrs ? this.$attrs.tabindex : undefined
|
||
},
|
||
class: this.classes,
|
||
style: this.styles,
|
||
props: {},
|
||
directives: [{
|
||
name: 'ripple',
|
||
value: this.computedRipple
|
||
}]
|
||
}, _a[this.to ? 'nativeOn' : 'on'] = __assign({}, this.$listeners, {
|
||
click: this.click
|
||
}), _a.ref = 'link', _a);
|
||
|
||
if (typeof this.exact === 'undefined') {
|
||
exact = this.to === '/' || this.to === Object(this.to) && this.to.path === '/';
|
||
}
|
||
|
||
if (this.to) {
|
||
// Add a special activeClass hook
|
||
// for component level styles
|
||
var activeClass = this.activeClass;
|
||
var exactActiveClass = this.exactActiveClass || activeClass;
|
||
|
||
if (this.proxyClass) {
|
||
activeClass = (activeClass + " " + this.proxyClass).trim();
|
||
exactActiveClass = (exactActiveClass + " " + this.proxyClass).trim();
|
||
}
|
||
|
||
tag = this.nuxt ? 'nuxt-link' : 'router-link';
|
||
Object.assign(data.props, {
|
||
to: this.to,
|
||
exact: exact,
|
||
activeClass: activeClass,
|
||
exactActiveClass: exactActiveClass,
|
||
append: this.append,
|
||
replace: this.replace
|
||
});
|
||
} else {
|
||
tag = this.href && 'a' || this.tag || 'div';
|
||
if (tag === 'a' && this.href) data.attrs.href = this.href;
|
||
}
|
||
|
||
if (this.target) data.attrs.target = this.target;
|
||
return {
|
||
tag: tag,
|
||
data: data
|
||
};
|
||
},
|
||
onRouteChange: function onRouteChange() {
|
||
var _this = this;
|
||
|
||
if (!this.to || !this.$refs.link || !this.$route) return;
|
||
var activeClass = (this.activeClass + " " + (this.proxyClass || '')).trim();
|
||
var path = "_vnode.data.class." + activeClass;
|
||
this.$nextTick(function () {
|
||
/* istanbul ignore else */
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["getObjectValueByPath"])(_this.$refs.link, path)) {
|
||
_this.toggle();
|
||
}
|
||
});
|
||
},
|
||
toggle: function toggle() {}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/scrollable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/scrollable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _directives__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../directives */ "./src/directives/index.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_2__);
|
||
// Directives
|
||
// Utilities
|
||
|
||
// Types
|
||
|
||
|
||
/**
|
||
* Scrollable
|
||
*
|
||
* Used for monitoring scrolling and
|
||
* invoking functions based upon
|
||
* scrolling thresholds being
|
||
* met.
|
||
*/
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_2___default.a.extend({
|
||
name: 'scrollable',
|
||
directives: {
|
||
Scroll: _directives__WEBPACK_IMPORTED_MODULE_0__["Scroll"]
|
||
},
|
||
props: {
|
||
scrollTarget: String,
|
||
scrollThreshold: [String, Number]
|
||
},
|
||
data: function data() {
|
||
return {
|
||
currentScroll: 0,
|
||
currentThreshold: 0,
|
||
isActive: false,
|
||
isScrollingUp: false,
|
||
previousScroll: 0,
|
||
savedScroll: 0,
|
||
target: null
|
||
};
|
||
},
|
||
computed: {
|
||
/**
|
||
* A computed property that returns
|
||
* whether scrolling features are
|
||
* enabled or disabled
|
||
*/
|
||
canScroll: function canScroll() {
|
||
return typeof window !== 'undefined';
|
||
},
|
||
|
||
/**
|
||
* The threshold that must be met before
|
||
* thresholdMet function is invoked
|
||
*/
|
||
computedScrollThreshold: function computedScrollThreshold() {
|
||
return this.scrollThreshold ? Number(this.scrollThreshold) : 300;
|
||
}
|
||
},
|
||
watch: {
|
||
isScrollingUp: function isScrollingUp() {
|
||
this.savedScroll = this.savedScroll || this.currentScroll;
|
||
},
|
||
isActive: function isActive() {
|
||
this.savedScroll = 0;
|
||
}
|
||
},
|
||
mounted: function mounted() {
|
||
if (this.scrollTarget) {
|
||
this.target = document.querySelector(this.scrollTarget);
|
||
|
||
if (!this.target) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleWarn"])("Unable to locate element with identifier " + this.scrollTarget, this);
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
onScroll: function onScroll() {
|
||
var _this = this;
|
||
|
||
if (!this.canScroll) return;
|
||
this.previousScroll = this.currentScroll;
|
||
this.currentScroll = this.target ? this.target.scrollTop : window.pageYOffset;
|
||
this.isScrollingUp = this.currentScroll < this.previousScroll;
|
||
this.currentThreshold = Math.abs(this.currentScroll - this.computedScrollThreshold);
|
||
this.$nextTick(function () {
|
||
if (Math.abs(_this.currentScroll - _this.savedScroll) > _this.computedScrollThreshold) _this.thresholdMet();
|
||
});
|
||
},
|
||
|
||
/**
|
||
* The method invoked when
|
||
* scrolling in any direction
|
||
* has exceeded the threshold
|
||
*/
|
||
thresholdMet: function thresholdMet() {}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/selectable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/selectable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _components_VInput__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/VInput */ "./src/components/VInput/index.ts");
|
||
/* harmony import */ var _rippleable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../rippleable */ "./src/mixins/rippleable/index.ts");
|
||
/* harmony import */ var _comparable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../comparable */ "./src/mixins/comparable/index.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
// Components
|
||
// Mixins
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_3__["default"])(_components_VInput__WEBPACK_IMPORTED_MODULE_0__["default"], _rippleable__WEBPACK_IMPORTED_MODULE_1__["default"], _comparable__WEBPACK_IMPORTED_MODULE_2__["default"]).extend({
|
||
name: 'selectable',
|
||
model: {
|
||
prop: 'inputValue',
|
||
event: 'change'
|
||
},
|
||
props: {
|
||
id: String,
|
||
inputValue: null,
|
||
falseValue: null,
|
||
trueValue: null,
|
||
multiple: {
|
||
type: Boolean,
|
||
default: null
|
||
},
|
||
label: String
|
||
},
|
||
data: function data() {
|
||
return {
|
||
hasColor: this.inputValue,
|
||
lazyValue: this.inputValue
|
||
};
|
||
},
|
||
computed: {
|
||
computedColor: function computedColor() {
|
||
if (!this.isActive) return undefined;
|
||
if (this.color) return this.color;
|
||
if (this.isDark && !this.appIsDark) return 'white';
|
||
return 'primary';
|
||
},
|
||
isMultiple: function isMultiple() {
|
||
return this.multiple === true || this.multiple === null && Array.isArray(this.internalValue);
|
||
},
|
||
isActive: function isActive() {
|
||
var _this = this;
|
||
|
||
var value = this.value;
|
||
var input = this.internalValue;
|
||
|
||
if (this.isMultiple) {
|
||
if (!Array.isArray(input)) return false;
|
||
return input.some(function (item) {
|
||
return _this.valueComparator(item, value);
|
||
});
|
||
}
|
||
|
||
if (this.trueValue === undefined || this.falseValue === undefined) {
|
||
return value ? this.valueComparator(value, input) : Boolean(input);
|
||
}
|
||
|
||
return this.valueComparator(input, this.trueValue);
|
||
},
|
||
isDirty: function isDirty() {
|
||
return this.isActive;
|
||
},
|
||
rippleState: function rippleState() {
|
||
return !this.disabled && !this.validationState ? 'primary' : this.validationState;
|
||
}
|
||
},
|
||
watch: {
|
||
inputValue: function inputValue(val) {
|
||
this.lazyValue = val;
|
||
this.hasColor = val;
|
||
}
|
||
},
|
||
methods: {
|
||
genLabel: function genLabel() {
|
||
var _this = this;
|
||
|
||
var label = _components_VInput__WEBPACK_IMPORTED_MODULE_0__["default"].options.methods.genLabel.call(this);
|
||
if (!label) return label;
|
||
label.data.on = {
|
||
click: function click(e) {
|
||
// Prevent label from
|
||
// causing the input
|
||
// to focus
|
||
e.preventDefault();
|
||
|
||
_this.onChange();
|
||
}
|
||
};
|
||
return label;
|
||
},
|
||
genInput: function genInput(type, attrs) {
|
||
return this.$createElement('input', {
|
||
attrs: Object.assign({
|
||
'aria-checked': this.isActive.toString(),
|
||
disabled: this.isDisabled,
|
||
id: this.computedId,
|
||
role: type,
|
||
type: type
|
||
}, attrs),
|
||
domProps: {
|
||
value: this.value,
|
||
checked: this.isActive
|
||
},
|
||
on: {
|
||
blur: this.onBlur,
|
||
change: this.onChange,
|
||
focus: this.onFocus,
|
||
keydown: this.onKeydown
|
||
},
|
||
ref: 'input'
|
||
});
|
||
},
|
||
onBlur: function onBlur() {
|
||
this.isFocused = false;
|
||
},
|
||
onChange: function onChange() {
|
||
var _this = this;
|
||
|
||
if (this.isDisabled) return;
|
||
var value = this.value;
|
||
var input = this.internalValue;
|
||
|
||
if (this.isMultiple) {
|
||
if (!Array.isArray(input)) {
|
||
input = [];
|
||
}
|
||
|
||
var length = input.length;
|
||
input = input.filter(function (item) {
|
||
return !_this.valueComparator(item, value);
|
||
});
|
||
|
||
if (input.length === length) {
|
||
input.push(value);
|
||
}
|
||
} else if (this.trueValue !== undefined && this.falseValue !== undefined) {
|
||
input = this.valueComparator(input, this.trueValue) ? this.falseValue : this.trueValue;
|
||
} else if (value) {
|
||
input = this.valueComparator(input, value) ? null : value;
|
||
} else {
|
||
input = !input;
|
||
}
|
||
|
||
this.validate(true, input);
|
||
this.internalValue = input;
|
||
this.hasColor = input;
|
||
},
|
||
onFocus: function onFocus() {
|
||
this.isFocused = true;
|
||
},
|
||
|
||
/** @abstract */
|
||
onKeydown: function onKeydown(e) {}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/sizeable/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/mixins/sizeable/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'sizeable',
|
||
props: {
|
||
large: Boolean,
|
||
small: Boolean,
|
||
xLarge: Boolean,
|
||
xSmall: Boolean
|
||
},
|
||
computed: {
|
||
medium: function medium() {
|
||
return Boolean(!this.xSmall && !this.small && !this.large && !this.xLarge);
|
||
},
|
||
sizeableClasses: function sizeableClasses() {
|
||
return {
|
||
'v-size--x-small': this.xSmall,
|
||
'v-size--small': this.small,
|
||
'v-size--default': this.medium,
|
||
'v-size--large': this.large,
|
||
'v-size--x-large': this.xLarge
|
||
};
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/ssr-bootable/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/mixins/ssr-bootable/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/**
|
||
* SSRBootable
|
||
*
|
||
* @mixin
|
||
*
|
||
* Used in layout components (drawer, toolbar, content)
|
||
* to avoid an entry animation when using SSR
|
||
*/
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'ssr-bootable',
|
||
data: function data() {
|
||
return {
|
||
isBooted: false
|
||
};
|
||
},
|
||
mounted: function mounted() {
|
||
var _this = this; // Use setAttribute instead of dataset
|
||
// because dataset does not work well
|
||
// with unit tests
|
||
|
||
|
||
window.requestAnimationFrame(function () {
|
||
_this.$el.setAttribute('data-booted', 'true');
|
||
|
||
_this.isBooted = true;
|
||
});
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/stackable/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/mixins/stackable/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend().extend({
|
||
name: 'stackable',
|
||
data: function data() {
|
||
return {
|
||
stackElement: null,
|
||
stackExclude: null,
|
||
stackMinZIndex: 0,
|
||
isActive: false
|
||
};
|
||
},
|
||
computed: {
|
||
activeZIndex: function activeZIndex() {
|
||
if (typeof window === 'undefined') return 0;
|
||
var content = this.stackElement || this.$refs.content; // Return current zindex if not active
|
||
|
||
var index = !this.isActive ? Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getZIndex"])(content) : this.getMaxZIndex(this.stackExclude || [content]) + 2;
|
||
if (index == null) return index; // Return max current z-index (excluding self) + 2
|
||
// (2 to leave room for an overlay below, if needed)
|
||
|
||
return parseInt(index);
|
||
}
|
||
},
|
||
methods: {
|
||
getMaxZIndex: function getMaxZIndex(exclude) {
|
||
if (exclude === void 0) {
|
||
exclude = [];
|
||
}
|
||
|
||
var base = this.$el; // Start with lowest allowed z-index or z-index of
|
||
// base component's element, whichever is greater
|
||
|
||
var zis = [this.stackMinZIndex, Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getZIndex"])(base)]; // Convert the NodeList to an array to
|
||
// prevent an Edge bug with Symbol.iterator
|
||
// https://github.com/vuetifyjs/vuetify/issues/2146
|
||
|
||
var activeElements = __spread(document.getElementsByClassName('v-menu__content--active'), document.getElementsByClassName('v-dialog__content--active')); // Get z-index for all active dialogs
|
||
|
||
|
||
for (var index = 0; index < activeElements.length; index++) {
|
||
if (!exclude.includes(activeElements[index])) {
|
||
zis.push(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getZIndex"])(activeElements[index]));
|
||
}
|
||
}
|
||
|
||
return Math.max.apply(Math, __spread(zis));
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/themeable/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/mixins/themeable/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: functionalThemeClasses, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "functionalThemeClasses", function() { return functionalThemeClasses; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
|
||
function functionalThemeClasses(context) {
|
||
var vm = __assign({}, context.props, context.injections);
|
||
|
||
var isDark = Themeable.options.computed.isDark.call(vm);
|
||
return Themeable.options.computed.themeClasses.call({
|
||
isDark: isDark
|
||
});
|
||
}
|
||
/* @vue/component */
|
||
|
||
var Themeable = vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend().extend({
|
||
name: 'themeable',
|
||
provide: function provide() {
|
||
return {
|
||
theme: this.themeableProvide
|
||
};
|
||
},
|
||
inject: {
|
||
theme: {
|
||
default: {
|
||
isDark: false
|
||
}
|
||
}
|
||
},
|
||
props: {
|
||
dark: {
|
||
type: Boolean,
|
||
default: null
|
||
},
|
||
light: {
|
||
type: Boolean,
|
||
default: null
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
themeableProvide: {
|
||
isDark: false
|
||
}
|
||
};
|
||
},
|
||
computed: {
|
||
appIsDark: function appIsDark() {
|
||
return this.$vuetify.theme.dark || false;
|
||
},
|
||
isDark: function isDark() {
|
||
if (this.dark === true) {
|
||
// explicitly dark
|
||
return true;
|
||
} else if (this.light === true) {
|
||
// explicitly light
|
||
return false;
|
||
} else {
|
||
// inherit from parent, or default false if there is none
|
||
return this.theme.isDark;
|
||
}
|
||
},
|
||
themeClasses: function themeClasses() {
|
||
return {
|
||
'theme--dark': this.isDark,
|
||
'theme--light': !this.isDark
|
||
};
|
||
},
|
||
|
||
/** Used by menus and dialogs, inherits from v-app instead of the parent */
|
||
rootIsDark: function rootIsDark() {
|
||
if (this.dark === true) {
|
||
// explicitly dark
|
||
return true;
|
||
} else if (this.light === true) {
|
||
// explicitly light
|
||
return false;
|
||
} else {
|
||
// inherit from v-app
|
||
return this.appIsDark;
|
||
}
|
||
},
|
||
rootThemeClasses: function rootThemeClasses() {
|
||
return {
|
||
'theme--dark': this.rootIsDark,
|
||
'theme--light': !this.rootIsDark
|
||
};
|
||
}
|
||
},
|
||
watch: {
|
||
isDark: {
|
||
handler: function handler(newVal, oldVal) {
|
||
if (newVal !== oldVal) {
|
||
this.themeableProvide.isDark = this.isDark;
|
||
}
|
||
},
|
||
immediate: true
|
||
}
|
||
}
|
||
});
|
||
/* harmony default export */ __webpack_exports__["default"] = (Themeable);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/toggleable/index.ts":
|
||
/*!****************************************!*\
|
||
!*** ./src/mixins/toggleable/index.ts ***!
|
||
\****************************************/
|
||
/*! exports provided: factory, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "factory", function() { return factory; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
function factory(prop, event) {
|
||
var _a, _b;
|
||
|
||
if (prop === void 0) {
|
||
prop = 'value';
|
||
}
|
||
|
||
if (event === void 0) {
|
||
event = 'input';
|
||
}
|
||
|
||
return vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'toggleable',
|
||
model: {
|
||
prop: prop,
|
||
event: event
|
||
},
|
||
props: (_a = {}, _a[prop] = {
|
||
required: false
|
||
}, _a),
|
||
data: function data() {
|
||
return {
|
||
isActive: !!this[prop]
|
||
};
|
||
},
|
||
watch: (_b = {}, _b[prop] = function (val) {
|
||
this.isActive = !!val;
|
||
}, _b.isActive = function (val) {
|
||
!!val !== this[prop] && this.$emit(event, val);
|
||
}, _b)
|
||
});
|
||
}
|
||
/* eslint-disable-next-line no-redeclare */
|
||
|
||
var Toggleable = factory();
|
||
/* harmony default export */ __webpack_exports__["default"] = (Toggleable);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/transitionable/index.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/mixins/transitionable/index.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'transitionable',
|
||
props: {
|
||
mode: String,
|
||
origin: String,
|
||
transition: String
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/translatable/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/mixins/translatable/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: 'translatable',
|
||
props: {
|
||
height: Number
|
||
},
|
||
data: function data() {
|
||
return {
|
||
elOffsetTop: 0,
|
||
parallax: 0,
|
||
parallaxDist: 0,
|
||
percentScrolled: 0,
|
||
scrollTop: 0,
|
||
windowHeight: 0,
|
||
windowBottom: 0
|
||
};
|
||
},
|
||
computed: {
|
||
imgHeight: function imgHeight() {
|
||
return this.objHeight();
|
||
}
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
window.removeEventListener('scroll', this.translate, false);
|
||
window.removeEventListener('resize', this.translate, false);
|
||
},
|
||
methods: {
|
||
calcDimensions: function calcDimensions() {
|
||
var offset = this.$el.getBoundingClientRect();
|
||
this.scrollTop = window.pageYOffset;
|
||
this.parallaxDist = this.imgHeight - this.height;
|
||
this.elOffsetTop = offset.top + this.scrollTop;
|
||
this.windowHeight = window.innerHeight;
|
||
this.windowBottom = this.scrollTop + this.windowHeight;
|
||
},
|
||
listeners: function listeners() {
|
||
window.addEventListener('scroll', this.translate, false);
|
||
window.addEventListener('resize', this.translate, false);
|
||
},
|
||
|
||
/** @abstract **/
|
||
objHeight: function objHeight() {
|
||
throw new Error('Not implemented !');
|
||
},
|
||
translate: function translate() {
|
||
this.calcDimensions();
|
||
this.percentScrolled = (this.windowBottom - this.elOffsetTop) / (parseInt(this.height) + this.windowHeight);
|
||
this.parallax = Math.round(this.parallaxDist * this.percentScrolled);
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/mixins/validatable/index.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/mixins/validatable/index.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _colorable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../colorable */ "./src/mixins/colorable/index.ts");
|
||
/* harmony import */ var _themeable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../themeable */ "./src/mixins/themeable/index.ts");
|
||
/* harmony import */ var _registrable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../registrable */ "./src/mixins/registrable/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_mixins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/mixins */ "./src/util/mixins.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
// Mixins
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
|
||
/* @vue/component */
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object(_util_mixins__WEBPACK_IMPORTED_MODULE_5__["default"])(_colorable__WEBPACK_IMPORTED_MODULE_0__["default"], Object(_registrable__WEBPACK_IMPORTED_MODULE_2__["inject"])('form'), _themeable__WEBPACK_IMPORTED_MODULE_1__["default"]).extend({
|
||
name: 'validatable',
|
||
props: {
|
||
disabled: Boolean,
|
||
error: Boolean,
|
||
errorCount: {
|
||
type: [Number, String],
|
||
default: 1
|
||
},
|
||
errorMessages: {
|
||
type: [String, Array],
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
messages: {
|
||
type: [String, Array],
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
readonly: Boolean,
|
||
rules: {
|
||
type: Array,
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
success: Boolean,
|
||
successMessages: {
|
||
type: [String, Array],
|
||
default: function _default() {
|
||
return [];
|
||
}
|
||
},
|
||
validateOnBlur: Boolean,
|
||
value: {
|
||
required: false
|
||
}
|
||
},
|
||
data: function data() {
|
||
return {
|
||
errorBucket: [],
|
||
hasColor: false,
|
||
hasFocused: false,
|
||
hasInput: false,
|
||
isFocused: false,
|
||
isResetting: false,
|
||
lazyValue: this.value,
|
||
valid: false
|
||
};
|
||
},
|
||
computed: {
|
||
computedColor: function computedColor() {
|
||
if (this.disabled) return undefined;
|
||
if (this.color) return this.color; // It's assumed that if the input is on a
|
||
// dark background, the user will want to
|
||
// have a white color. If the entire app
|
||
// is setup to be dark, then they will
|
||
// like want to use their primary color
|
||
|
||
if (this.isDark && !this.appIsDark) return 'white';else return 'primary';
|
||
},
|
||
hasError: function hasError() {
|
||
return this.internalErrorMessages.length > 0 || this.errorBucket.length > 0 || this.error;
|
||
},
|
||
// TODO: Add logic that allows the user to enable based
|
||
// upon a good validation
|
||
hasSuccess: function hasSuccess() {
|
||
return this.internalSuccessMessages.length > 0 || this.success;
|
||
},
|
||
externalError: function externalError() {
|
||
return this.internalErrorMessages.length > 0 || this.error;
|
||
},
|
||
hasMessages: function hasMessages() {
|
||
return this.validationTarget.length > 0;
|
||
},
|
||
hasState: function hasState() {
|
||
if (this.disabled) return false;
|
||
return this.hasSuccess || this.shouldValidate && this.hasError;
|
||
},
|
||
internalErrorMessages: function internalErrorMessages() {
|
||
return this.genInternalMessages(this.errorMessages);
|
||
},
|
||
internalMessages: function internalMessages() {
|
||
return this.genInternalMessages(this.messages);
|
||
},
|
||
internalSuccessMessages: function internalSuccessMessages() {
|
||
return this.genInternalMessages(this.successMessages);
|
||
},
|
||
internalValue: {
|
||
get: function get() {
|
||
return this.lazyValue;
|
||
},
|
||
set: function set(val) {
|
||
this.lazyValue = val;
|
||
this.$emit('input', val);
|
||
}
|
||
},
|
||
shouldValidate: function shouldValidate() {
|
||
if (this.externalError) return true;
|
||
if (this.isResetting) return false;
|
||
return this.validateOnBlur ? this.hasFocused && !this.isFocused : this.hasInput || this.hasFocused;
|
||
},
|
||
validations: function validations() {
|
||
return this.validationTarget.slice(0, Number(this.errorCount));
|
||
},
|
||
validationState: function validationState() {
|
||
if (this.disabled) return undefined;
|
||
if (this.hasError && this.shouldValidate) return 'error';
|
||
if (this.hasSuccess) return 'success';
|
||
if (this.hasColor) return this.computedColor;
|
||
return undefined;
|
||
},
|
||
validationTarget: function validationTarget() {
|
||
if (this.internalErrorMessages.length > 0) {
|
||
return this.internalErrorMessages;
|
||
} else if (this.successMessages.length > 0) {
|
||
return this.internalSuccessMessages;
|
||
} else if (this.messages.length > 0) {
|
||
return this.internalMessages;
|
||
} else if (this.shouldValidate) {
|
||
return this.errorBucket;
|
||
} else return [];
|
||
}
|
||
},
|
||
watch: {
|
||
rules: {
|
||
handler: function handler(newVal, oldVal) {
|
||
if (Object(_util_helpers__WEBPACK_IMPORTED_MODULE_3__["deepEqual"])(newVal, oldVal)) return;
|
||
this.validate();
|
||
},
|
||
deep: true
|
||
},
|
||
internalValue: function internalValue() {
|
||
// If it's the first time we're setting input,
|
||
// mark it with hasInput
|
||
this.hasInput = true;
|
||
this.validateOnBlur || this.$nextTick(this.validate);
|
||
},
|
||
isFocused: function isFocused(val) {
|
||
// Should not check validation
|
||
// if disabled
|
||
if (!val && !this.disabled) {
|
||
this.hasFocused = true;
|
||
this.validateOnBlur && this.$nextTick(this.validate);
|
||
}
|
||
},
|
||
isResetting: function isResetting() {
|
||
var _this = this;
|
||
|
||
setTimeout(function () {
|
||
_this.hasInput = false;
|
||
_this.hasFocused = false;
|
||
_this.isResetting = false;
|
||
|
||
_this.validate();
|
||
}, 0);
|
||
},
|
||
hasError: function hasError(val) {
|
||
if (this.shouldValidate) {
|
||
this.$emit('update:error', val);
|
||
}
|
||
},
|
||
value: function value(val) {
|
||
this.lazyValue = val;
|
||
}
|
||
},
|
||
beforeMount: function beforeMount() {
|
||
this.validate();
|
||
},
|
||
created: function created() {
|
||
this.form && this.form.register(this);
|
||
},
|
||
beforeDestroy: function beforeDestroy() {
|
||
this.form && this.form.unregister(this);
|
||
},
|
||
methods: {
|
||
genInternalMessages: function genInternalMessages(messages) {
|
||
if (!messages) return [];else if (Array.isArray(messages)) return messages;else return [messages];
|
||
},
|
||
|
||
/** @public */
|
||
reset: function reset() {
|
||
this.isResetting = true;
|
||
this.internalValue = Array.isArray(this.internalValue) ? [] : undefined;
|
||
},
|
||
|
||
/** @public */
|
||
resetValidation: function resetValidation() {
|
||
this.isResetting = true;
|
||
},
|
||
|
||
/** @public */
|
||
validate: function validate(force, value) {
|
||
if (force === void 0) {
|
||
force = false;
|
||
}
|
||
|
||
var errorBucket = [];
|
||
value = value || this.internalValue;
|
||
if (force) this.hasInput = this.hasFocused = true;
|
||
|
||
for (var index = 0; index < this.rules.length; index++) {
|
||
var rule = this.rules[index];
|
||
var valid = typeof rule === 'function' ? rule(value) : rule;
|
||
|
||
if (valid === false || typeof valid === 'string') {
|
||
errorBucket.push(valid || '');
|
||
} else if (typeof valid !== 'boolean') {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_4__["consoleError"])("Rules should return a string or boolean, received '" + _typeof(valid) + "' instead", this);
|
||
}
|
||
}
|
||
|
||
this.errorBucket = errorBucket;
|
||
this.valid = errorBucket.length === 0;
|
||
return this.valid;
|
||
}
|
||
}
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/presets/default/index.ts":
|
||
/*!**************************************!*\
|
||
!*** ./src/presets/default/index.ts ***!
|
||
\**************************************/
|
||
/*! exports provided: preset */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "preset", function() { return preset; });
|
||
/* harmony import */ var _styles_main_sass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../styles/main.sass */ "./src/styles/main.sass");
|
||
/* harmony import */ var _styles_main_sass__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_styles_main_sass__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* harmony import */ var _locale__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../locale */ "./src/locale/index.ts");
|
||
// Styles
|
||
// Locale
|
||
|
||
|
||
var preset = {
|
||
breakpoint: {
|
||
scrollBarWidth: 16,
|
||
thresholds: {
|
||
xs: 600,
|
||
sm: 960,
|
||
md: 1280,
|
||
lg: 1920
|
||
}
|
||
},
|
||
icons: {
|
||
// TODO: remove v3
|
||
iconfont: 'mdi',
|
||
values: {}
|
||
},
|
||
lang: {
|
||
current: 'en',
|
||
locales: {
|
||
en: _locale__WEBPACK_IMPORTED_MODULE_1__["en"]
|
||
},
|
||
// Default translator exists in lang service
|
||
t: undefined
|
||
},
|
||
rtl: false,
|
||
theme: {
|
||
dark: false,
|
||
default: 'light',
|
||
disable: false,
|
||
options: {
|
||
cspNonce: undefined,
|
||
customProperties: undefined,
|
||
minifyTheme: undefined,
|
||
themeCache: undefined
|
||
},
|
||
themes: {
|
||
light: {
|
||
primary: '#1976D2',
|
||
secondary: '#424242',
|
||
accent: '#82B1FF',
|
||
error: '#FF5252',
|
||
info: '#2196F3',
|
||
success: '#4CAF50',
|
||
warning: '#FB8C00'
|
||
},
|
||
dark: {
|
||
primary: '#2196F3',
|
||
secondary: '#424242',
|
||
accent: '#FF4081',
|
||
error: '#FF5252',
|
||
info: '#2196F3',
|
||
success: '#4CAF50',
|
||
warning: '#FB8C00'
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/application/index.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/services/application/index.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: Application */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Application", function() { return Application; });
|
||
/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
|
||
var __extends = undefined && undefined.__extends || function () {
|
||
var _extendStatics = function extendStatics(d, b) {
|
||
_extendStatics = Object.setPrototypeOf || {
|
||
__proto__: []
|
||
} instanceof Array && function (d, b) {
|
||
d.__proto__ = b;
|
||
} || function (d, b) {
|
||
for (var p in b) {
|
||
if (b.hasOwnProperty(p)) d[p] = b[p];
|
||
}
|
||
};
|
||
|
||
return _extendStatics(d, b);
|
||
};
|
||
|
||
return function (d, b) {
|
||
_extendStatics(d, b);
|
||
|
||
function __() {
|
||
this.constructor = d;
|
||
}
|
||
|
||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
};
|
||
}(); // Extensions
|
||
|
||
|
||
|
||
|
||
var Application =
|
||
/** @class */
|
||
function (_super) {
|
||
__extends(Application, _super);
|
||
|
||
function Application() {
|
||
var _this = _super !== null && _super.apply(this, arguments) || this;
|
||
|
||
_this.bar = 0;
|
||
_this.top = 0;
|
||
_this.left = 0;
|
||
_this.insetFooter = 0;
|
||
_this.right = 0;
|
||
_this.bottom = 0;
|
||
_this.footer = 0;
|
||
_this.application = {
|
||
bar: {},
|
||
top: {},
|
||
left: {},
|
||
insetFooter: {},
|
||
right: {},
|
||
bottom: {},
|
||
footer: {}
|
||
};
|
||
return _this;
|
||
}
|
||
|
||
Application.prototype.register = function (uid, location, size) {
|
||
var _a;
|
||
|
||
this.application[location] = (_a = {}, _a[uid] = size, _a);
|
||
this.update(location);
|
||
};
|
||
|
||
Application.prototype.unregister = function (uid, location) {
|
||
if (this.application[location][uid] == null) return;
|
||
delete this.application[location][uid];
|
||
this.update(location);
|
||
};
|
||
|
||
Application.prototype.update = function (location) {
|
||
this[location] = Object.values(this.application[location]).reduce(function (acc, cur) {
|
||
return acc + cur;
|
||
}, 0);
|
||
};
|
||
|
||
Application.property = 'application';
|
||
return Application;
|
||
}(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/breakpoint/index.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/services/breakpoint/index.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: Breakpoint */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Breakpoint", function() { return Breakpoint; });
|
||
/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
|
||
var __extends = undefined && undefined.__extends || function () {
|
||
var _extendStatics = function extendStatics(d, b) {
|
||
_extendStatics = Object.setPrototypeOf || {
|
||
__proto__: []
|
||
} instanceof Array && function (d, b) {
|
||
d.__proto__ = b;
|
||
} || function (d, b) {
|
||
for (var p in b) {
|
||
if (b.hasOwnProperty(p)) d[p] = b[p];
|
||
}
|
||
};
|
||
|
||
return _extendStatics(d, b);
|
||
};
|
||
|
||
return function (d, b) {
|
||
_extendStatics(d, b);
|
||
|
||
function __() {
|
||
this.constructor = d;
|
||
}
|
||
|
||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
};
|
||
}(); // Extensions
|
||
|
||
|
||
|
||
|
||
var Breakpoint =
|
||
/** @class */
|
||
function (_super) {
|
||
__extends(Breakpoint, _super);
|
||
|
||
function Breakpoint(preset) {
|
||
var _this = _super.call(this) || this; // Public
|
||
|
||
|
||
_this.xs = false;
|
||
_this.sm = false;
|
||
_this.md = false;
|
||
_this.lg = false;
|
||
_this.xl = false;
|
||
_this.xsOnly = false;
|
||
_this.smOnly = false;
|
||
_this.smAndDown = false;
|
||
_this.smAndUp = false;
|
||
_this.mdOnly = false;
|
||
_this.mdAndDown = false;
|
||
_this.mdAndUp = false;
|
||
_this.lgOnly = false;
|
||
_this.lgAndDown = false;
|
||
_this.lgAndUp = false;
|
||
_this.xlOnly = false;
|
||
_this.name = '';
|
||
_this.height = 0;
|
||
_this.width = 0;
|
||
_this.resizeTimeout = 0;
|
||
var _a = preset[Breakpoint.property],
|
||
scrollBarWidth = _a.scrollBarWidth,
|
||
thresholds = _a.thresholds;
|
||
_this.scrollBarWidth = scrollBarWidth;
|
||
_this.thresholds = thresholds;
|
||
|
||
_this.init();
|
||
|
||
return _this;
|
||
}
|
||
|
||
Breakpoint.prototype.init = function () {
|
||
/* istanbul ignore if */
|
||
if (typeof window === 'undefined') return;
|
||
window.addEventListener('resize', this.onResize.bind(this), {
|
||
passive: true
|
||
});
|
||
this.update();
|
||
};
|
||
|
||
Breakpoint.prototype.onResize = function () {
|
||
clearTimeout(this.resizeTimeout); // Added debounce to match what
|
||
// v-resize used to do but was
|
||
// removed due to a memory leak
|
||
// https://github.com/vuetifyjs/vuetify/pull/2997
|
||
|
||
this.resizeTimeout = window.setTimeout(this.update.bind(this), 200);
|
||
};
|
||
/* eslint-disable-next-line max-statements */
|
||
|
||
|
||
Breakpoint.prototype.update = function () {
|
||
var height = this.getClientHeight();
|
||
var width = this.getClientWidth();
|
||
var xs = width < this.thresholds.xs;
|
||
var sm = width < this.thresholds.sm && !xs;
|
||
var md = width < this.thresholds.md - this.scrollBarWidth && !(sm || xs);
|
||
var lg = width < this.thresholds.lg - this.scrollBarWidth && !(md || sm || xs);
|
||
var xl = width >= this.thresholds.lg - this.scrollBarWidth;
|
||
this.height = height;
|
||
this.width = width;
|
||
this.xs = xs;
|
||
this.sm = sm;
|
||
this.md = md;
|
||
this.lg = lg;
|
||
this.xl = xl;
|
||
this.xsOnly = xs;
|
||
this.smOnly = sm;
|
||
this.smAndDown = (xs || sm) && !(md || lg || xl);
|
||
this.smAndUp = !xs && (sm || md || lg || xl);
|
||
this.mdOnly = md;
|
||
this.mdAndDown = (xs || sm || md) && !(lg || xl);
|
||
this.mdAndUp = !(xs || sm) && (md || lg || xl);
|
||
this.lgOnly = lg;
|
||
this.lgAndDown = (xs || sm || md || lg) && !xl;
|
||
this.lgAndUp = !(xs || sm || md) && (lg || xl);
|
||
this.xlOnly = xl;
|
||
|
||
switch (true) {
|
||
case xs:
|
||
this.name = 'xs';
|
||
break;
|
||
|
||
case sm:
|
||
this.name = 'sm';
|
||
break;
|
||
|
||
case md:
|
||
this.name = 'md';
|
||
break;
|
||
|
||
case lg:
|
||
this.name = 'lg';
|
||
break;
|
||
|
||
default:
|
||
this.name = 'xl';
|
||
break;
|
||
}
|
||
}; // Cross-browser support as described in:
|
||
// https://stackoverflow.com/questions/1248081
|
||
|
||
|
||
Breakpoint.prototype.getClientWidth = function () {
|
||
/* istanbul ignore if */
|
||
if (typeof document === 'undefined') return 0; // SSR
|
||
|
||
return Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
|
||
};
|
||
|
||
Breakpoint.prototype.getClientHeight = function () {
|
||
/* istanbul ignore if */
|
||
if (typeof document === 'undefined') return 0; // SSR
|
||
|
||
return Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
|
||
};
|
||
|
||
Breakpoint.property = 'breakpoint';
|
||
return Breakpoint;
|
||
}(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/goto/easing-patterns.ts":
|
||
/*!**********************************************!*\
|
||
!*** ./src/services/goto/easing-patterns.ts ***!
|
||
\**********************************************/
|
||
/*! exports provided: linear, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "linear", function() { return linear; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeInQuad", function() { return easeInQuad; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeOutQuad", function() { return easeOutQuad; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeInOutQuad", function() { return easeInOutQuad; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeInCubic", function() { return easeInCubic; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeOutCubic", function() { return easeOutCubic; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeInOutCubic", function() { return easeInOutCubic; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeInQuart", function() { return easeInQuart; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeOutQuart", function() { return easeOutQuart; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeInOutQuart", function() { return easeInOutQuart; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeInQuint", function() { return easeInQuint; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeOutQuint", function() { return easeOutQuint; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "easeInOutQuint", function() { return easeInOutQuint; });
|
||
// linear
|
||
var linear = function linear(t) {
|
||
return t;
|
||
}; // accelerating from zero velocity
|
||
|
||
var easeInQuad = function easeInQuad(t) {
|
||
return Math.pow(t, 2);
|
||
}; // decelerating to zero velocity
|
||
|
||
var easeOutQuad = function easeOutQuad(t) {
|
||
return t * (2 - t);
|
||
}; // acceleration until halfway, then deceleration
|
||
|
||
var easeInOutQuad = function easeInOutQuad(t) {
|
||
return t < 0.5 ? 2 * Math.pow(t, 2) : -1 + (4 - 2 * t) * t;
|
||
}; // accelerating from zero velocity
|
||
|
||
var easeInCubic = function easeInCubic(t) {
|
||
return Math.pow(t, 3);
|
||
}; // decelerating to zero velocity
|
||
|
||
var easeOutCubic = function easeOutCubic(t) {
|
||
return Math.pow(--t, 3) + 1;
|
||
}; // acceleration until halfway, then deceleration
|
||
|
||
var easeInOutCubic = function easeInOutCubic(t) {
|
||
return t < 0.5 ? 4 * Math.pow(t, 3) : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
|
||
}; // accelerating from zero velocity
|
||
|
||
var easeInQuart = function easeInQuart(t) {
|
||
return Math.pow(t, 4);
|
||
}; // decelerating to zero velocity
|
||
|
||
var easeOutQuart = function easeOutQuart(t) {
|
||
return 1 - Math.pow(--t, 4);
|
||
}; // acceleration until halfway, then deceleration
|
||
|
||
var easeInOutQuart = function easeInOutQuart(t) {
|
||
return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t;
|
||
}; // accelerating from zero velocity
|
||
|
||
var easeInQuint = function easeInQuint(t) {
|
||
return Math.pow(t, 5);
|
||
}; // decelerating to zero velocity
|
||
|
||
var easeOutQuint = function easeOutQuint(t) {
|
||
return 1 + Math.pow(--t, 5);
|
||
}; // acceleration until halfway, then deceleration
|
||
|
||
var easeInOutQuint = function easeInOutQuint(t) {
|
||
return t < 0.5 ? 16 * Math.pow(t, 5) : 1 + 16 * Math.pow(--t, 5);
|
||
};
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/goto/index.ts":
|
||
/*!************************************!*\
|
||
!*** ./src/services/goto/index.ts ***!
|
||
\************************************/
|
||
/*! exports provided: default, Goto */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return goTo; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Goto", function() { return Goto; });
|
||
/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
|
||
/* harmony import */ var _easing_patterns__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./easing-patterns */ "./src/services/goto/easing-patterns.ts");
|
||
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ "./src/services/goto/util.ts");
|
||
var __extends = undefined && undefined.__extends || function () {
|
||
var _extendStatics = function extendStatics(d, b) {
|
||
_extendStatics = Object.setPrototypeOf || {
|
||
__proto__: []
|
||
} instanceof Array && function (d, b) {
|
||
d.__proto__ = b;
|
||
} || function (d, b) {
|
||
for (var p in b) {
|
||
if (b.hasOwnProperty(p)) d[p] = b[p];
|
||
}
|
||
};
|
||
|
||
return _extendStatics(d, b);
|
||
};
|
||
|
||
return function (d, b) {
|
||
_extendStatics(d, b);
|
||
|
||
function __() {
|
||
this.constructor = d;
|
||
}
|
||
|
||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
};
|
||
}();
|
||
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
}; // Extensions
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
function goTo(_target, _settings) {
|
||
if (_settings === void 0) {
|
||
_settings = {};
|
||
}
|
||
|
||
var settings = __assign({
|
||
container: document.scrollingElement || document.body || document.documentElement,
|
||
duration: 500,
|
||
offset: 0,
|
||
easing: 'easeInOutCubic',
|
||
appOffset: true
|
||
}, _settings);
|
||
|
||
var container = Object(_util__WEBPACK_IMPORTED_MODULE_2__["getContainer"])(settings.container);
|
||
/* istanbul ignore else */
|
||
|
||
if (settings.appOffset && goTo.framework.application) {
|
||
var isDrawer = container.classList.contains('v-navigation-drawer');
|
||
var isClipped = container.classList.contains('v-navigation-drawer--clipped');
|
||
var _a = goTo.framework.application,
|
||
bar = _a.bar,
|
||
top = _a.top;
|
||
settings.offset += bar;
|
||
/* istanbul ignore else */
|
||
|
||
if (!isDrawer || isClipped) settings.offset += top;
|
||
}
|
||
|
||
var startTime = performance.now();
|
||
var targetLocation;
|
||
|
||
if (typeof _target === 'number') {
|
||
targetLocation = Object(_util__WEBPACK_IMPORTED_MODULE_2__["getOffset"])(_target) - settings.offset;
|
||
} else {
|
||
targetLocation = Object(_util__WEBPACK_IMPORTED_MODULE_2__["getOffset"])(_target) - Object(_util__WEBPACK_IMPORTED_MODULE_2__["getOffset"])(container) - settings.offset;
|
||
}
|
||
|
||
var startLocation = container.scrollTop;
|
||
if (targetLocation === startLocation) return Promise.resolve(targetLocation);
|
||
var ease = typeof settings.easing === 'function' ? settings.easing : _easing_patterns__WEBPACK_IMPORTED_MODULE_1__[settings.easing];
|
||
/* istanbul ignore else */
|
||
|
||
if (!ease) throw new TypeError("Easing function \"" + settings.easing + "\" not found."); // Cannot be tested properly in jsdom
|
||
// tslint:disable-next-line:promise-must-complete
|
||
|
||
/* istanbul ignore next */
|
||
|
||
return new Promise(function (resolve) {
|
||
return requestAnimationFrame(function step(currentTime) {
|
||
var timeElapsed = currentTime - startTime;
|
||
var progress = Math.abs(settings.duration ? Math.min(timeElapsed / settings.duration, 1) : 1);
|
||
container.scrollTop = Math.floor(startLocation + (targetLocation - startLocation) * ease(progress));
|
||
var clientHeight = container === document.body ? document.documentElement.clientHeight : container.clientHeight;
|
||
|
||
if (progress === 1 || clientHeight + container.scrollTop === container.scrollHeight) {
|
||
return resolve(targetLocation);
|
||
}
|
||
|
||
requestAnimationFrame(step);
|
||
});
|
||
});
|
||
}
|
||
goTo.framework = {};
|
||
|
||
goTo.init = function () {};
|
||
|
||
var Goto =
|
||
/** @class */
|
||
function (_super) {
|
||
__extends(Goto, _super);
|
||
|
||
function Goto() {
|
||
var _this = _super.call(this) || this;
|
||
|
||
return goTo;
|
||
}
|
||
|
||
Goto.property = 'goTo';
|
||
return Goto;
|
||
}(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/goto/util.ts":
|
||
/*!***********************************!*\
|
||
!*** ./src/services/goto/util.ts ***!
|
||
\***********************************/
|
||
/*! exports provided: getOffset, getContainer */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getOffset", function() { return getOffset; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getContainer", function() { return getContainer; });
|
||
// Return target's cumulative offset from the top
|
||
function getOffset(target) {
|
||
if (typeof target === 'number') {
|
||
return target;
|
||
}
|
||
|
||
var el = $(target);
|
||
|
||
if (!el) {
|
||
throw typeof target === 'string' ? new Error("Target element \"" + target + "\" not found.") : new TypeError("Target must be a Number/Selector/HTMLElement/VueComponent, received " + type(target) + " instead.");
|
||
}
|
||
|
||
var totalOffset = 0;
|
||
|
||
while (el) {
|
||
totalOffset += el.offsetTop;
|
||
el = el.offsetParent;
|
||
}
|
||
|
||
return totalOffset;
|
||
}
|
||
function getContainer(container) {
|
||
var el = $(container);
|
||
if (el) return el;
|
||
throw typeof container === 'string' ? new Error("Container element \"" + container + "\" not found.") : new TypeError("Container must be a Selector/HTMLElement/VueComponent, received " + type(container) + " instead.");
|
||
}
|
||
|
||
function type(el) {
|
||
return el == null ? el : el.constructor.name;
|
||
}
|
||
|
||
function $(el) {
|
||
if (typeof el === 'string') {
|
||
return document.querySelector(el);
|
||
} else if (el && el._isVue) {
|
||
return el.$el;
|
||
} else if (el instanceof HTMLElement) {
|
||
return el;
|
||
} else {
|
||
return null;
|
||
}
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/icons/index.ts":
|
||
/*!*************************************!*\
|
||
!*** ./src/services/icons/index.ts ***!
|
||
\*************************************/
|
||
/*! exports provided: Icons */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Icons", function() { return Icons; });
|
||
/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _presets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./presets */ "./src/services/icons/presets/index.ts");
|
||
var __extends = undefined && undefined.__extends || function () {
|
||
var _extendStatics = function extendStatics(d, b) {
|
||
_extendStatics = Object.setPrototypeOf || {
|
||
__proto__: []
|
||
} instanceof Array && function (d, b) {
|
||
d.__proto__ = b;
|
||
} || function (d, b) {
|
||
for (var p in b) {
|
||
if (b.hasOwnProperty(p)) d[p] = b[p];
|
||
}
|
||
};
|
||
|
||
return _extendStatics(d, b);
|
||
};
|
||
|
||
return function (d, b) {
|
||
_extendStatics(d, b);
|
||
|
||
function __() {
|
||
this.constructor = d;
|
||
}
|
||
|
||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
};
|
||
}(); // Extensions
|
||
|
||
|
||
// Utilities
|
||
|
||
// Presets
|
||
|
||
|
||
|
||
var Icons =
|
||
/** @class */
|
||
function (_super) {
|
||
__extends(Icons, _super);
|
||
|
||
function Icons(preset) {
|
||
var _this = _super.call(this) || this;
|
||
|
||
var _a = preset[Icons.property],
|
||
iconfont = _a.iconfont,
|
||
values = _a.values;
|
||
_this.iconfont = iconfont;
|
||
_this.values = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["mergeDeep"])(_presets__WEBPACK_IMPORTED_MODULE_2__["default"][iconfont], values);
|
||
return _this;
|
||
}
|
||
|
||
Icons.property = 'icons';
|
||
return Icons;
|
||
}(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/icons/presets/fa-svg.ts":
|
||
/*!**********************************************!*\
|
||
!*** ./src/services/icons/presets/fa-svg.ts ***!
|
||
\**********************************************/
|
||
/*! exports provided: convertToComponentDeclarations, default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "convertToComponentDeclarations", function() { return convertToComponentDeclarations; });
|
||
/* harmony import */ var _fa__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fa */ "./src/services/icons/presets/fa.ts");
|
||
|
||
function convertToComponentDeclarations(component, iconSet) {
|
||
var result = {};
|
||
|
||
for (var key in iconSet) {
|
||
result[key] = {
|
||
component: component,
|
||
props: {
|
||
icon: iconSet[key].split(' fa-')
|
||
}
|
||
};
|
||
}
|
||
|
||
return result;
|
||
}
|
||
/* harmony default export */ __webpack_exports__["default"] = (convertToComponentDeclarations('font-awesome-icon', _fa__WEBPACK_IMPORTED_MODULE_0__["default"]));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/icons/presets/fa.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/services/icons/presets/fa.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
var icons = {
|
||
complete: 'fas fa-check',
|
||
cancel: 'fas fa-times-circle',
|
||
close: 'fas fa-times',
|
||
delete: 'fas fa-times-circle',
|
||
clear: 'fas fa-times-circle',
|
||
success: 'fas fa-check-circle',
|
||
info: 'fas fa-info-circle',
|
||
warning: 'fas fa-exclamation',
|
||
error: 'fas fa-exclamation-triangle',
|
||
prev: 'fas fa-chevron-left',
|
||
next: 'fas fa-chevron-right',
|
||
checkboxOn: 'fas fa-check-square',
|
||
checkboxOff: 'far fa-square',
|
||
checkboxIndeterminate: 'fas fa-minus-square',
|
||
delimiter: 'fas fa-circle',
|
||
sort: 'fas fa-sort-up',
|
||
expand: 'fas fa-chevron-down',
|
||
menu: 'fas fa-bars',
|
||
subgroup: 'fas fa-caret-down',
|
||
dropdown: 'fas fa-caret-down',
|
||
radioOn: 'far fa-dot-circle',
|
||
radioOff: 'far fa-circle',
|
||
edit: 'fas fa-edit',
|
||
ratingEmpty: 'far fa-star',
|
||
ratingFull: 'fas fa-star',
|
||
ratingHalf: 'fas fa-star-half',
|
||
loading: 'fas fa-sync',
|
||
first: 'fas fa-step-backward',
|
||
last: 'fas fa-step-forward',
|
||
unfold: 'fas fa-arrows-alt-v',
|
||
file: 'fas fa-paperclip',
|
||
plus: 'fas fa-plus',
|
||
minus: 'fas fa-minus'
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (icons);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/icons/presets/fa4.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/services/icons/presets/fa4.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
var icons = {
|
||
complete: 'fa fa-check',
|
||
cancel: 'fa fa-times-circle',
|
||
close: 'fa fa-times',
|
||
delete: 'fa fa-times-circle',
|
||
clear: 'fa fa-times-circle',
|
||
success: 'fa fa-check-circle',
|
||
info: 'fa fa-info-circle',
|
||
warning: 'fa fa-exclamation',
|
||
error: 'fa fa-exclamation-triangle',
|
||
prev: 'fa fa-chevron-left',
|
||
next: 'fa fa-chevron-right',
|
||
checkboxOn: 'fa fa-check-square',
|
||
checkboxOff: 'fa fa-square-o',
|
||
checkboxIndeterminate: 'fa fa-minus-square',
|
||
delimiter: 'fa fa-circle',
|
||
sort: 'fa fa-sort-up',
|
||
expand: 'fa fa-chevron-down',
|
||
menu: 'fa fa-bars',
|
||
subgroup: 'fa fa-caret-down',
|
||
dropdown: 'fa fa-caret-down',
|
||
radioOn: 'fa fa-dot-circle-o',
|
||
radioOff: 'fa fa-circle-o',
|
||
edit: 'fa fa-pencil',
|
||
ratingEmpty: 'fa fa-star-o',
|
||
ratingFull: 'fa fa-star',
|
||
ratingHalf: 'fa fa-star-half-o',
|
||
loading: 'fa fa-refresh',
|
||
first: 'fa fa-step-backward',
|
||
last: 'fa fa-step-forward',
|
||
unfold: 'fa fa-angle-double-down',
|
||
file: 'fa fa-paperclip',
|
||
plus: 'fa fa-plus',
|
||
minus: 'fa fa-minus'
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (icons);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/icons/presets/index.ts":
|
||
/*!*********************************************!*\
|
||
!*** ./src/services/icons/presets/index.ts ***!
|
||
\*********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _mdi_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mdi-svg */ "./src/services/icons/presets/mdi-svg.ts");
|
||
/* harmony import */ var _md__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./md */ "./src/services/icons/presets/md.ts");
|
||
/* harmony import */ var _mdi__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mdi */ "./src/services/icons/presets/mdi.ts");
|
||
/* harmony import */ var _fa__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fa */ "./src/services/icons/presets/fa.ts");
|
||
/* harmony import */ var _fa4__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fa4 */ "./src/services/icons/presets/fa4.ts");
|
||
/* harmony import */ var _fa_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./fa-svg */ "./src/services/icons/presets/fa-svg.ts");
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object.freeze({
|
||
mdiSvg: _mdi_svg__WEBPACK_IMPORTED_MODULE_0__["default"],
|
||
md: _md__WEBPACK_IMPORTED_MODULE_1__["default"],
|
||
mdi: _mdi__WEBPACK_IMPORTED_MODULE_2__["default"],
|
||
fa: _fa__WEBPACK_IMPORTED_MODULE_3__["default"],
|
||
fa4: _fa4__WEBPACK_IMPORTED_MODULE_4__["default"],
|
||
faSvg: _fa_svg__WEBPACK_IMPORTED_MODULE_5__["default"]
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/icons/presets/md.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/services/icons/presets/md.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
var icons = {
|
||
complete: 'check',
|
||
cancel: 'cancel',
|
||
close: 'close',
|
||
delete: 'cancel',
|
||
clear: 'clear',
|
||
success: 'check_circle',
|
||
info: 'info',
|
||
warning: 'priority_high',
|
||
error: 'warning',
|
||
prev: 'chevron_left',
|
||
next: 'chevron_right',
|
||
checkboxOn: 'check_box',
|
||
checkboxOff: 'check_box_outline_blank',
|
||
checkboxIndeterminate: 'indeterminate_check_box',
|
||
delimiter: 'fiber_manual_record',
|
||
sort: 'arrow_upward',
|
||
expand: 'keyboard_arrow_down',
|
||
menu: 'menu',
|
||
subgroup: 'arrow_drop_down',
|
||
dropdown: 'arrow_drop_down',
|
||
radioOn: 'radio_button_checked',
|
||
radioOff: 'radio_button_unchecked',
|
||
edit: 'edit',
|
||
ratingEmpty: 'star_border',
|
||
ratingFull: 'star',
|
||
ratingHalf: 'star_half',
|
||
loading: 'cached',
|
||
first: 'first_page',
|
||
last: 'last_page',
|
||
unfold: 'unfold_more',
|
||
file: 'attach_file',
|
||
plus: 'add',
|
||
minus: 'remove'
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (icons);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/icons/presets/mdi-svg.ts":
|
||
/*!***********************************************!*\
|
||
!*** ./src/services/icons/presets/mdi-svg.ts ***!
|
||
\***********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
var icons = {
|
||
complete: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z',
|
||
cancel: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',
|
||
close: 'M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z',
|
||
delete: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',
|
||
clear: 'M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z',
|
||
success: 'M12,2C17.52,2 22,6.48 22,12C22,17.52 17.52,22 12,22C6.48,22 2,17.52 2,12C2,6.48 6.48,2 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z',
|
||
info: 'M13,9H11V7H13M13,17H11V11H13M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',
|
||
warning: 'M11,4.5H13V15.5H11V4.5M13,17.5V19.5H11V17.5H13Z',
|
||
error: 'M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z',
|
||
prev: 'M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z',
|
||
next: 'M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z',
|
||
checkboxOn: 'M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',
|
||
checkboxOff: 'M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z',
|
||
checkboxIndeterminate: 'M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',
|
||
delimiter: 'M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',
|
||
sort: 'M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z',
|
||
expand: 'M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z',
|
||
menu: 'M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z',
|
||
subgroup: 'M7,10L12,15L17,10H7Z',
|
||
dropdown: 'M7,10L12,15L17,10H7Z',
|
||
radioOn: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2M12,7C9.24,7 7,9.24 7,12C7,14.76 9.24,17 12,17C14.76,17 17,14.76 17,12C17,9.24 14.76,7 12,7Z',
|
||
radioOff: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',
|
||
edit: 'M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z',
|
||
ratingEmpty: 'M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',
|
||
ratingFull: 'M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z',
|
||
ratingHalf: 'M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',
|
||
loading: 'M19,8L15,12H18C18,15.31 15.31,18 12,18C11,18 10.03,17.75 9.2,17.3L7.74,18.76C8.97,19.54 10.43,20 12,20C16.42,20 20,16.42 20,12H23M6,12C6,8.69 8.69,6 12,6C13,6 13.97,6.25 14.8,6.7L16.26,5.24C15.03,4.46 13.57,4 12,4C7.58,4 4,7.58 4,12H1L5,16L9,12',
|
||
first: 'M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z',
|
||
last: 'M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z',
|
||
unfold: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z',
|
||
file: 'M16.5,6V17.5C16.5,19.71 14.71,21.5 12.5,21.5C10.29,21.5 8.5,19.71 8.5,17.5V5C8.5,3.62 9.62,2.5 11,2.5C12.38,2.5 13.5,3.62 13.5,5V15.5C13.5,16.05 13.05,16.5 12.5,16.5C11.95,16.5 11.5,16.05 11.5,15.5V6H10V15.5C10,16.88 11.12,18 12.5,18C13.88,18 15,16.88 15,15.5V5C15,2.79 13.21,1 11,1C8.79,1 7,2.79 7,5V17.5C7,20.54 9.46,23 12.5,23C15.54,23 18,20.54 18,17.5V6H16.5Z',
|
||
plus: 'M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z',
|
||
minus: 'M19,13H5V11H19V13Z'
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (icons);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/icons/presets/mdi.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/services/icons/presets/mdi.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
var icons = {
|
||
complete: 'mdi-check',
|
||
cancel: 'mdi-close-circle',
|
||
close: 'mdi-close',
|
||
delete: 'mdi-close-circle',
|
||
clear: 'mdi-close',
|
||
success: 'mdi-check-circle',
|
||
info: 'mdi-information',
|
||
warning: 'mdi-exclamation',
|
||
error: 'mdi-alert',
|
||
prev: 'mdi-chevron-left',
|
||
next: 'mdi-chevron-right',
|
||
checkboxOn: 'mdi-checkbox-marked',
|
||
checkboxOff: 'mdi-checkbox-blank-outline',
|
||
checkboxIndeterminate: 'mdi-minus-box',
|
||
delimiter: 'mdi-circle',
|
||
sort: 'mdi-arrow-up',
|
||
expand: 'mdi-chevron-down',
|
||
menu: 'mdi-menu',
|
||
subgroup: 'mdi-menu-down',
|
||
dropdown: 'mdi-menu-down',
|
||
radioOn: 'mdi-radiobox-marked',
|
||
radioOff: 'mdi-radiobox-blank',
|
||
edit: 'mdi-pencil',
|
||
ratingEmpty: 'mdi-star-outline',
|
||
ratingFull: 'mdi-star',
|
||
ratingHalf: 'mdi-star-half',
|
||
loading: 'mdi-cached',
|
||
first: 'mdi-page-first',
|
||
last: 'mdi-page-last',
|
||
unfold: 'mdi-unfold-more-horizontal',
|
||
file: 'mdi-paperclip',
|
||
plus: 'mdi-plus',
|
||
minus: 'mdi-minus'
|
||
};
|
||
/* harmony default export */ __webpack_exports__["default"] = (icons);
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/index.ts":
|
||
/*!*******************************!*\
|
||
!*** ./src/services/index.ts ***!
|
||
\*******************************/
|
||
/*! exports provided: Application, Breakpoint, Goto, Icons, Lang, Presets, Theme */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony import */ var _application__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./application */ "./src/services/application/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Application", function() { return _application__WEBPACK_IMPORTED_MODULE_0__["Application"]; });
|
||
|
||
/* harmony import */ var _breakpoint__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./breakpoint */ "./src/services/breakpoint/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Breakpoint", function() { return _breakpoint__WEBPACK_IMPORTED_MODULE_1__["Breakpoint"]; });
|
||
|
||
/* harmony import */ var _goto__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./goto */ "./src/services/goto/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Goto", function() { return _goto__WEBPACK_IMPORTED_MODULE_2__["Goto"]; });
|
||
|
||
/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./icons */ "./src/services/icons/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Icons", function() { return _icons__WEBPACK_IMPORTED_MODULE_3__["Icons"]; });
|
||
|
||
/* harmony import */ var _lang__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lang */ "./src/services/lang/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Lang", function() { return _lang__WEBPACK_IMPORTED_MODULE_4__["Lang"]; });
|
||
|
||
/* harmony import */ var _presets__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./presets */ "./src/services/presets/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Presets", function() { return _presets__WEBPACK_IMPORTED_MODULE_5__["Presets"]; });
|
||
|
||
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./theme */ "./src/services/theme/index.ts");
|
||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Theme", function() { return _theme__WEBPACK_IMPORTED_MODULE_6__["Theme"]; });
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/lang/index.ts":
|
||
/*!************************************!*\
|
||
!*** ./src/services/lang/index.ts ***!
|
||
\************************************/
|
||
/*! exports provided: Lang */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Lang", function() { return Lang; });
|
||
/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
var __extends = undefined && undefined.__extends || function () {
|
||
var _extendStatics = function extendStatics(d, b) {
|
||
_extendStatics = Object.setPrototypeOf || {
|
||
__proto__: []
|
||
} instanceof Array && function (d, b) {
|
||
d.__proto__ = b;
|
||
} || function (d, b) {
|
||
for (var p in b) {
|
||
if (b.hasOwnProperty(p)) d[p] = b[p];
|
||
}
|
||
};
|
||
|
||
return _extendStatics(d, b);
|
||
};
|
||
|
||
return function (d, b) {
|
||
_extendStatics(d, b);
|
||
|
||
function __() {
|
||
this.constructor = d;
|
||
}
|
||
|
||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
};
|
||
}();
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
}; // Extensions
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
var LANG_PREFIX = '$vuetify.';
|
||
var fallback = Symbol('Lang fallback');
|
||
|
||
function getTranslation(locale, key, usingDefault, defaultLocale) {
|
||
if (usingDefault === void 0) {
|
||
usingDefault = false;
|
||
}
|
||
|
||
var shortKey = key.replace(LANG_PREFIX, '');
|
||
var translation = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_1__["getObjectValueByPath"])(locale, shortKey, fallback);
|
||
|
||
if (translation === fallback) {
|
||
if (usingDefault) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_2__["consoleError"])("Translation key \"" + shortKey + "\" not found in fallback");
|
||
translation = key;
|
||
} else {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_2__["consoleWarn"])("Translation key \"" + shortKey + "\" not found, falling back to default");
|
||
translation = getTranslation(defaultLocale, key, true, defaultLocale);
|
||
}
|
||
}
|
||
|
||
return translation;
|
||
}
|
||
|
||
var Lang =
|
||
/** @class */
|
||
function (_super) {
|
||
__extends(Lang, _super);
|
||
|
||
function Lang(preset) {
|
||
var _this = _super.call(this) || this;
|
||
|
||
_this.defaultLocale = 'en';
|
||
var _a = preset[Lang.property],
|
||
current = _a.current,
|
||
locales = _a.locales,
|
||
t = _a.t;
|
||
_this.current = current;
|
||
_this.locales = locales;
|
||
_this.translator = t || _this.defaultTranslator;
|
||
return _this;
|
||
}
|
||
|
||
Lang.prototype.currentLocale = function (key) {
|
||
var translation = this.locales[this.current];
|
||
var defaultLocale = this.locales[this.defaultLocale];
|
||
return getTranslation(translation, key, false, defaultLocale);
|
||
};
|
||
|
||
Lang.prototype.t = function (key) {
|
||
var params = [];
|
||
|
||
for (var _i = 1; _i < arguments.length; _i++) {
|
||
params[_i - 1] = arguments[_i];
|
||
}
|
||
|
||
if (!key.startsWith(LANG_PREFIX)) return this.replace(key, params);
|
||
return this.translator.apply(this, __spread([key], params));
|
||
};
|
||
|
||
Lang.prototype.defaultTranslator = function (key) {
|
||
var params = [];
|
||
|
||
for (var _i = 1; _i < arguments.length; _i++) {
|
||
params[_i - 1] = arguments[_i];
|
||
}
|
||
|
||
return this.replace(this.currentLocale(key), params);
|
||
};
|
||
|
||
Lang.prototype.replace = function (str, params) {
|
||
return str.replace(/\{(\d+)\}/g, function (match, index) {
|
||
/* istanbul ignore next */
|
||
return String(params[+index]);
|
||
});
|
||
};
|
||
|
||
Lang.property = 'lang';
|
||
return Lang;
|
||
}(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/presets/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/services/presets/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: Presets */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Presets", function() { return Presets; });
|
||
/* harmony import */ var _presets_default__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../presets/default */ "./src/presets/default/index.ts");
|
||
/* harmony import */ var _util_console__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/console */ "./src/util/console.ts");
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
|
||
var __extends = undefined && undefined.__extends || function () {
|
||
var _extendStatics = function extendStatics(d, b) {
|
||
_extendStatics = Object.setPrototypeOf || {
|
||
__proto__: []
|
||
} instanceof Array && function (d, b) {
|
||
d.__proto__ = b;
|
||
} || function (d, b) {
|
||
for (var p in b) {
|
||
if (b.hasOwnProperty(p)) d[p] = b[p];
|
||
}
|
||
};
|
||
|
||
return _extendStatics(d, b);
|
||
};
|
||
|
||
return function (d, b) {
|
||
_extendStatics(d, b);
|
||
|
||
function __() {
|
||
this.constructor = d;
|
||
}
|
||
|
||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
};
|
||
}();
|
||
|
||
var __rest = undefined && undefined.__rest || function (s, e) {
|
||
var t = {};
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
}
|
||
|
||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
}
|
||
return t;
|
||
}; // Preset
|
||
|
||
|
||
// Utilities
|
||
|
||
|
||
|
||
|
||
|
||
var Presets =
|
||
/** @class */
|
||
function (_super) {
|
||
__extends(Presets, _super);
|
||
|
||
function Presets(parentPreset, parent) {
|
||
var _this = _super.call(this) || this; // The default preset
|
||
|
||
|
||
var defaultPreset = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["mergeDeep"])({}, _presets_default__WEBPACK_IMPORTED_MODULE_0__["preset"]); // The user provided preset
|
||
|
||
var userPreset = parent.userPreset; // The user provided global preset
|
||
|
||
var _a = userPreset.preset,
|
||
globalPreset = _a === void 0 ? {} : _a,
|
||
preset = __rest(userPreset, ["preset"]);
|
||
|
||
if (globalPreset.preset != null) {
|
||
Object(_util_console__WEBPACK_IMPORTED_MODULE_1__["consoleWarn"])('Global presets do not support the **preset** option, it can be safely omitted');
|
||
}
|
||
|
||
parent.preset = Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["mergeDeep"])(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_2__["mergeDeep"])(defaultPreset, globalPreset), preset);
|
||
return _this;
|
||
}
|
||
|
||
Presets.property = 'presets';
|
||
return Presets;
|
||
}(_service__WEBPACK_IMPORTED_MODULE_3__["Service"]);
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/service/index.ts":
|
||
/*!***************************************!*\
|
||
!*** ./src/services/service/index.ts ***!
|
||
\***************************************/
|
||
/*! exports provided: Service */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Service", function() { return Service; });
|
||
var Service =
|
||
/** @class */
|
||
function () {
|
||
function Service() {
|
||
this.framework = {};
|
||
}
|
||
|
||
Service.prototype.init = function (root, ssrContext) {};
|
||
|
||
return Service;
|
||
}();
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/theme/index.ts":
|
||
/*!*************************************!*\
|
||
!*** ./src/services/theme/index.ts ***!
|
||
\*************************************/
|
||
/*! exports provided: Theme */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Theme", function() { return Theme; });
|
||
/* harmony import */ var _service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../service */ "./src/services/service/index.ts");
|
||
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ "./src/services/theme/utils.ts");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_2__);
|
||
var __extends = undefined && undefined.__extends || function () {
|
||
var _extendStatics = function extendStatics(d, b) {
|
||
_extendStatics = Object.setPrototypeOf || {
|
||
__proto__: []
|
||
} instanceof Array && function (d, b) {
|
||
d.__proto__ = b;
|
||
} || function (d, b) {
|
||
for (var p in b) {
|
||
if (b.hasOwnProperty(p)) d[p] = b[p];
|
||
}
|
||
};
|
||
|
||
return _extendStatics(d, b);
|
||
};
|
||
|
||
return function (d, b) {
|
||
_extendStatics(d, b);
|
||
|
||
function __() {
|
||
this.constructor = d;
|
||
}
|
||
|
||
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
||
};
|
||
}();
|
||
/* eslint-disable no-multi-spaces */
|
||
// Extensions
|
||
|
||
|
||
// Utilities
|
||
|
||
// Types
|
||
|
||
|
||
|
||
var Theme =
|
||
/** @class */
|
||
function (_super) {
|
||
__extends(Theme, _super);
|
||
|
||
function Theme(preset) {
|
||
var _this = _super.call(this) || this;
|
||
|
||
_this.disabled = false;
|
||
_this.isDark = null;
|
||
_this.vueInstance = null;
|
||
_this.vueMeta = null;
|
||
var _a = preset[Theme.property],
|
||
dark = _a.dark,
|
||
disable = _a.disable,
|
||
options = _a.options,
|
||
themes = _a.themes;
|
||
_this.dark = Boolean(dark);
|
||
_this.defaults = _this.themes = themes;
|
||
_this.options = options;
|
||
|
||
if (disable) {
|
||
_this.disabled = true;
|
||
return _this;
|
||
}
|
||
|
||
_this.themes = {
|
||
dark: _this.fillVariant(themes.dark, true),
|
||
light: _this.fillVariant(themes.light, false)
|
||
};
|
||
return _this;
|
||
}
|
||
|
||
Object.defineProperty(Theme.prototype, "css", {
|
||
// When setting css, check for element
|
||
// and apply new values
|
||
set: function set(val) {
|
||
if (this.vueMeta) {
|
||
if (this.isVueMeta23) {
|
||
this.applyVueMeta23();
|
||
}
|
||
|
||
return;
|
||
}
|
||
|
||
this.checkOrCreateStyleElement() && (this.styleEl.innerHTML = val);
|
||
},
|
||
enumerable: true,
|
||
configurable: true
|
||
});
|
||
Object.defineProperty(Theme.prototype, "dark", {
|
||
get: function get() {
|
||
return Boolean(this.isDark);
|
||
},
|
||
set: function set(val) {
|
||
var oldDark = this.isDark;
|
||
this.isDark = val; // Only apply theme after dark
|
||
// has already been set before
|
||
|
||
oldDark != null && this.applyTheme();
|
||
},
|
||
enumerable: true,
|
||
configurable: true
|
||
}); // Apply current theme default
|
||
// only called on client side
|
||
|
||
Theme.prototype.applyTheme = function () {
|
||
if (this.disabled) return this.clearCss();
|
||
this.css = this.generatedStyles;
|
||
};
|
||
|
||
Theme.prototype.clearCss = function () {
|
||
this.css = '';
|
||
}; // Initialize theme for SSR and SPA
|
||
// Attach to ssrContext head or
|
||
// apply new theme to document
|
||
|
||
|
||
Theme.prototype.init = function (root, ssrContext) {
|
||
if (this.disabled) return;
|
||
/* istanbul ignore else */
|
||
|
||
if (root.$meta) {
|
||
this.initVueMeta(root);
|
||
} else if (ssrContext) {
|
||
this.initSSR(ssrContext);
|
||
}
|
||
|
||
this.initTheme();
|
||
}; // Allows for you to set target theme
|
||
|
||
|
||
Theme.prototype.setTheme = function (theme, value) {
|
||
this.themes[theme] = Object.assign(this.themes[theme], value);
|
||
this.applyTheme();
|
||
}; // Reset theme defaults
|
||
|
||
|
||
Theme.prototype.resetThemes = function () {
|
||
this.themes.light = Object.assign({}, this.defaults.light);
|
||
this.themes.dark = Object.assign({}, this.defaults.dark);
|
||
this.applyTheme();
|
||
}; // Check for existence of style element
|
||
|
||
|
||
Theme.prototype.checkOrCreateStyleElement = function () {
|
||
this.styleEl = document.getElementById('vuetify-theme-stylesheet');
|
||
/* istanbul ignore next */
|
||
|
||
if (this.styleEl) return true;
|
||
this.genStyleElement(); // If doesn't have it, create it
|
||
|
||
return Boolean(this.styleEl);
|
||
};
|
||
|
||
Theme.prototype.fillVariant = function (theme, dark) {
|
||
if (theme === void 0) {
|
||
theme = {};
|
||
}
|
||
|
||
var defaultTheme = this.themes[dark ? 'dark' : 'light'];
|
||
return Object.assign({}, defaultTheme, theme);
|
||
}; // Generate the style element
|
||
// if applicable
|
||
|
||
|
||
Theme.prototype.genStyleElement = function () {
|
||
/* istanbul ignore if */
|
||
if (typeof document === 'undefined') return;
|
||
/* istanbul ignore next */
|
||
|
||
var options = this.options || {};
|
||
this.styleEl = document.createElement('style');
|
||
this.styleEl.type = 'text/css';
|
||
this.styleEl.id = 'vuetify-theme-stylesheet';
|
||
|
||
if (options.cspNonce) {
|
||
this.styleEl.setAttribute('nonce', options.cspNonce);
|
||
}
|
||
|
||
document.head.appendChild(this.styleEl);
|
||
};
|
||
|
||
Theme.prototype.initVueMeta = function (root) {
|
||
var _this = this;
|
||
|
||
this.vueMeta = root.$meta();
|
||
|
||
if (this.isVueMeta23) {
|
||
// vue-meta needs to apply after mounted()
|
||
root.$nextTick(function () {
|
||
_this.applyVueMeta23();
|
||
});
|
||
return;
|
||
}
|
||
|
||
var metaKeyName = typeof this.vueMeta.getOptions === 'function' ? this.vueMeta.getOptions().keyName : 'metaInfo';
|
||
var metaInfo = root.$options[metaKeyName] || {};
|
||
|
||
root.$options[metaKeyName] = function () {
|
||
metaInfo.style = metaInfo.style || [];
|
||
var vuetifyStylesheet = metaInfo.style.find(function (s) {
|
||
return s.id === 'vuetify-theme-stylesheet';
|
||
});
|
||
|
||
if (!vuetifyStylesheet) {
|
||
metaInfo.style.push({
|
||
cssText: _this.generatedStyles,
|
||
type: 'text/css',
|
||
id: 'vuetify-theme-stylesheet',
|
||
nonce: (_this.options || {}).cspNonce
|
||
});
|
||
} else {
|
||
vuetifyStylesheet.cssText = _this.generatedStyles;
|
||
}
|
||
|
||
return metaInfo;
|
||
};
|
||
};
|
||
|
||
Theme.prototype.applyVueMeta23 = function () {
|
||
var set = this.vueMeta.addApp('vuetify').set;
|
||
set({
|
||
style: [{
|
||
cssText: this.generatedStyles,
|
||
type: 'text/css',
|
||
id: 'vuetify-theme-stylesheet',
|
||
nonce: (this.options || {}).cspNonce
|
||
}]
|
||
});
|
||
};
|
||
|
||
Theme.prototype.initSSR = function (ssrContext) {
|
||
var options = this.options || {}; // SSR
|
||
|
||
var nonce = options.cspNonce ? " nonce=\"" + options.cspNonce + "\"" : '';
|
||
ssrContext.head = ssrContext.head || '';
|
||
ssrContext.head += "<style type=\"text/css\" id=\"vuetify-theme-stylesheet\"" + nonce + ">" + this.generatedStyles + "</style>";
|
||
};
|
||
|
||
Theme.prototype.initTheme = function () {
|
||
var _this = this; // Only watch for reactivity on client side
|
||
|
||
|
||
if (typeof document === 'undefined') return; // If we get here somehow, ensure
|
||
// existing instance is removed
|
||
|
||
if (this.vueInstance) this.vueInstance.$destroy(); // Use Vue instance to track reactivity
|
||
// TODO: Update to use RFC if merged
|
||
// https://github.com/vuejs/rfcs/blob/advanced-reactivity-api/active-rfcs/0000-advanced-reactivity-api.md
|
||
|
||
this.vueInstance = new vue__WEBPACK_IMPORTED_MODULE_2___default.a({
|
||
data: {
|
||
themes: this.themes
|
||
},
|
||
watch: {
|
||
themes: {
|
||
immediate: true,
|
||
deep: true,
|
||
handler: function handler() {
|
||
return _this.applyTheme();
|
||
}
|
||
}
|
||
}
|
||
});
|
||
};
|
||
|
||
Object.defineProperty(Theme.prototype, "currentTheme", {
|
||
get: function get() {
|
||
var target = this.dark ? 'dark' : 'light';
|
||
return this.themes[target];
|
||
},
|
||
enumerable: true,
|
||
configurable: true
|
||
});
|
||
Object.defineProperty(Theme.prototype, "generatedStyles", {
|
||
get: function get() {
|
||
var theme = this.parsedTheme;
|
||
/* istanbul ignore next */
|
||
|
||
var options = this.options || {};
|
||
var css;
|
||
|
||
if (options.themeCache != null) {
|
||
css = options.themeCache.get(theme);
|
||
/* istanbul ignore if */
|
||
|
||
if (css != null) return css;
|
||
}
|
||
|
||
css = _utils__WEBPACK_IMPORTED_MODULE_1__["genStyles"](theme, options.customProperties);
|
||
|
||
if (options.minifyTheme != null) {
|
||
css = options.minifyTheme(css);
|
||
}
|
||
|
||
if (options.themeCache != null) {
|
||
options.themeCache.set(theme, css);
|
||
}
|
||
|
||
return css;
|
||
},
|
||
enumerable: true,
|
||
configurable: true
|
||
});
|
||
Object.defineProperty(Theme.prototype, "parsedTheme", {
|
||
get: function get() {
|
||
/* istanbul ignore next */
|
||
var theme = this.currentTheme || {};
|
||
return _utils__WEBPACK_IMPORTED_MODULE_1__["parse"](theme);
|
||
},
|
||
enumerable: true,
|
||
configurable: true
|
||
});
|
||
Object.defineProperty(Theme.prototype, "isVueMeta23", {
|
||
// Is using v2.3 of vue-meta
|
||
// https://github.com/nuxt/vue-meta/releases/tag/v2.3.0
|
||
get: function get() {
|
||
return typeof this.vueMeta.addApp === 'function';
|
||
},
|
||
enumerable: true,
|
||
configurable: true
|
||
});
|
||
Theme.property = 'theme';
|
||
return Theme;
|
||
}(_service__WEBPACK_IMPORTED_MODULE_0__["Service"]);
|
||
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/services/theme/utils.ts":
|
||
/*!*************************************!*\
|
||
!*** ./src/services/theme/utils.ts ***!
|
||
\*************************************/
|
||
/*! exports provided: parse, genStyles, genVariations, lighten, darken */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parse", function() { return parse; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "genStyles", function() { return genStyles; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "genVariations", function() { return genVariations; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lighten", function() { return lighten; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "darken", function() { return darken; });
|
||
/* harmony import */ var _util_colorUtils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/colorUtils */ "./src/util/colorUtils.ts");
|
||
/* harmony import */ var _util_color_transformSRGB__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/color/transformSRGB */ "./src/util/color/transformSRGB.ts");
|
||
/* harmony import */ var _util_color_transformCIELAB__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/color/transformCIELAB */ "./src/util/color/transformCIELAB.ts");
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __rest = undefined && undefined.__rest || function (s, e) {
|
||
var t = {};
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
}
|
||
|
||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
}
|
||
return t;
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
|
||
function parse(theme, isItem) {
|
||
if (isItem === void 0) {
|
||
isItem = false;
|
||
}
|
||
|
||
var anchor = theme.anchor,
|
||
variant = __rest(theme, ["anchor"]);
|
||
|
||
var colors = Object.keys(variant);
|
||
var parsedTheme = {};
|
||
|
||
for (var i = 0; i < colors.length; ++i) {
|
||
var name = colors[i];
|
||
var value = theme[name];
|
||
if (value == null) continue;
|
||
|
||
if (isItem) {
|
||
/* istanbul ignore else */
|
||
if (name === 'base' || name.startsWith('lighten') || name.startsWith('darken')) {
|
||
parsedTheme[name] = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["colorToHex"])(value);
|
||
}
|
||
} else if (_typeof(value) === 'object') {
|
||
parsedTheme[name] = parse(value, true);
|
||
} else {
|
||
parsedTheme[name] = genVariations(name, Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["colorToInt"])(value));
|
||
}
|
||
}
|
||
|
||
if (!isItem) {
|
||
parsedTheme.anchor = anchor || parsedTheme.base || parsedTheme.primary.base;
|
||
}
|
||
|
||
return parsedTheme;
|
||
}
|
||
/**
|
||
* Generate the CSS for a base color (.primary)
|
||
*/
|
||
|
||
var genBaseColor = function genBaseColor(name, value) {
|
||
return "\n.v-application ." + name + " {\n background-color: " + value + " !important;\n border-color: " + value + " !important;\n}\n.v-application ." + name + "--text {\n color: " + value + " !important;\n caret-color: " + value + " !important;\n}";
|
||
};
|
||
/**
|
||
* Generate the CSS for a variant color (.primary.darken-2)
|
||
*/
|
||
|
||
|
||
var genVariantColor = function genVariantColor(name, variant, value) {
|
||
var _a = __read(variant.split(/(\d)/, 2), 2),
|
||
type = _a[0],
|
||
n = _a[1];
|
||
|
||
return "\n.v-application ." + name + "." + type + "-" + n + " {\n background-color: " + value + " !important;\n border-color: " + value + " !important;\n}\n.v-application ." + name + "--text.text--" + type + "-" + n + " {\n color: " + value + " !important;\n caret-color: " + value + " !important;\n}";
|
||
};
|
||
|
||
var genColorVariableName = function genColorVariableName(name, variant) {
|
||
if (variant === void 0) {
|
||
variant = 'base';
|
||
}
|
||
|
||
return "--v-" + name + "-" + variant;
|
||
};
|
||
|
||
var genColorVariable = function genColorVariable(name, variant) {
|
||
if (variant === void 0) {
|
||
variant = 'base';
|
||
}
|
||
|
||
return "var(" + genColorVariableName(name, variant) + ")";
|
||
};
|
||
|
||
function genStyles(theme, cssVar) {
|
||
if (cssVar === void 0) {
|
||
cssVar = false;
|
||
}
|
||
|
||
var anchor = theme.anchor,
|
||
variant = __rest(theme, ["anchor"]);
|
||
|
||
var colors = Object.keys(variant);
|
||
if (!colors.length) return '';
|
||
var variablesCss = '';
|
||
var css = '';
|
||
var aColor = cssVar ? genColorVariable('anchor') : anchor;
|
||
css += ".v-application a { color: " + aColor + "; }";
|
||
cssVar && (variablesCss += " " + genColorVariableName('anchor') + ": " + anchor + ";\n");
|
||
|
||
for (var i = 0; i < colors.length; ++i) {
|
||
var name = colors[i];
|
||
var value = theme[name];
|
||
css += genBaseColor(name, cssVar ? genColorVariable(name) : value.base);
|
||
cssVar && (variablesCss += " " + genColorVariableName(name) + ": " + value.base + ";\n");
|
||
var variants = Object.keys(value);
|
||
|
||
for (var i_1 = 0; i_1 < variants.length; ++i_1) {
|
||
var variant_1 = variants[i_1];
|
||
var variantValue = value[variant_1];
|
||
if (variant_1 === 'base') continue;
|
||
css += genVariantColor(name, variant_1, cssVar ? genColorVariable(name, variant_1) : variantValue);
|
||
cssVar && (variablesCss += " " + genColorVariableName(name, variant_1) + ": " + variantValue + ";\n");
|
||
}
|
||
}
|
||
|
||
if (cssVar) {
|
||
variablesCss = ":root {\n" + variablesCss + "}\n\n";
|
||
}
|
||
|
||
return variablesCss + css;
|
||
}
|
||
function genVariations(name, value) {
|
||
var values = {
|
||
base: Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["intToHex"])(value)
|
||
};
|
||
|
||
for (var i = 5; i > 0; --i) {
|
||
values["lighten" + i] = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["intToHex"])(lighten(value, i));
|
||
}
|
||
|
||
for (var i = 1; i <= 4; ++i) {
|
||
values["darken" + i] = Object(_util_colorUtils__WEBPACK_IMPORTED_MODULE_0__["intToHex"])(darken(value, i));
|
||
}
|
||
|
||
return values;
|
||
}
|
||
function lighten(value, amount) {
|
||
var lab = _util_color_transformCIELAB__WEBPACK_IMPORTED_MODULE_2__["fromXYZ"](_util_color_transformSRGB__WEBPACK_IMPORTED_MODULE_1__["toXYZ"](value));
|
||
lab[0] = lab[0] + amount * 10;
|
||
return _util_color_transformSRGB__WEBPACK_IMPORTED_MODULE_1__["fromXYZ"](_util_color_transformCIELAB__WEBPACK_IMPORTED_MODULE_2__["toXYZ"](lab));
|
||
}
|
||
function darken(value, amount) {
|
||
var lab = _util_color_transformCIELAB__WEBPACK_IMPORTED_MODULE_2__["fromXYZ"](_util_color_transformSRGB__WEBPACK_IMPORTED_MODULE_1__["toXYZ"](value));
|
||
lab[0] = lab[0] - amount * 10;
|
||
return _util_color_transformSRGB__WEBPACK_IMPORTED_MODULE_1__["fromXYZ"](_util_color_transformCIELAB__WEBPACK_IMPORTED_MODULE_2__["toXYZ"](lab));
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/styles/components/_selection-controls.sass":
|
||
/*!********************************************************!*\
|
||
!*** ./src/styles/components/_selection-controls.sass ***!
|
||
\********************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/styles/main.sass":
|
||
/*!******************************!*\
|
||
!*** ./src/styles/main.sass ***!
|
||
\******************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports, __webpack_require__) {
|
||
|
||
// extracted by mini-css-extract-plugin
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/color/transformCIELAB.ts":
|
||
/*!*******************************************!*\
|
||
!*** ./src/util/color/transformCIELAB.ts ***!
|
||
\*******************************************/
|
||
/*! exports provided: fromXYZ, toXYZ */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fromXYZ", function() { return fromXYZ; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toXYZ", function() { return toXYZ; });
|
||
var delta = 0.20689655172413793; // 6÷29
|
||
|
||
var cielabForwardTransform = function cielabForwardTransform(t) {
|
||
return t > Math.pow(delta, 3) ? Math.cbrt(t) : t / (3 * Math.pow(delta, 2)) + 4 / 29;
|
||
};
|
||
|
||
var cielabReverseTransform = function cielabReverseTransform(t) {
|
||
return t > delta ? Math.pow(t, 3) : 3 * Math.pow(delta, 2) * (t - 4 / 29);
|
||
};
|
||
|
||
function fromXYZ(xyz) {
|
||
var transform = cielabForwardTransform;
|
||
var transformedY = transform(xyz[1]);
|
||
return [116 * transformedY - 16, 500 * (transform(xyz[0] / 0.95047) - transformedY), 200 * (transformedY - transform(xyz[2] / 1.08883))];
|
||
}
|
||
function toXYZ(lab) {
|
||
var transform = cielabReverseTransform;
|
||
var Ln = (lab[0] + 16) / 116;
|
||
return [transform(Ln + lab[1] / 500) * 0.95047, transform(Ln), transform(Ln - lab[2] / 200) * 1.08883];
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/color/transformSRGB.ts":
|
||
/*!*****************************************!*\
|
||
!*** ./src/util/color/transformSRGB.ts ***!
|
||
\*****************************************/
|
||
/*! exports provided: fromXYZ, toXYZ */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fromXYZ", function() { return fromXYZ; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toXYZ", function() { return toXYZ; });
|
||
/* harmony import */ var _util_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/helpers */ "./src/util/helpers.ts");
|
||
// For converting XYZ to sRGB
|
||
|
||
var srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.2040, 1.0570]]; // Forward gamma adjust
|
||
|
||
var srgbForwardTransform = function srgbForwardTransform(C) {
|
||
return C <= 0.0031308 ? C * 12.92 : 1.055 * Math.pow(C, 1 / 2.4) - 0.055;
|
||
}; // For converting sRGB to XYZ
|
||
|
||
|
||
var srgbReverseMatrix = [[0.4124, 0.3576, 0.1805], [0.2126, 0.7152, 0.0722], [0.0193, 0.1192, 0.9505]]; // Reverse gamma adjust
|
||
|
||
var srgbReverseTransform = function srgbReverseTransform(C) {
|
||
return C <= 0.04045 ? C / 12.92 : Math.pow((C + 0.055) / 1.055, 2.4);
|
||
};
|
||
|
||
function fromXYZ(xyz) {
|
||
var rgb = Array(3);
|
||
var transform = srgbForwardTransform;
|
||
var matrix = srgbForwardMatrix; // Matrix transform, then gamma adjustment
|
||
|
||
for (var i = 0; i < 3; ++i) {
|
||
rgb[i] = Math.round(Object(_util_helpers__WEBPACK_IMPORTED_MODULE_0__["clamp"])(transform(matrix[i][0] * xyz[0] + matrix[i][1] * xyz[1] + matrix[i][2] * xyz[2])) * 255);
|
||
} // Rescale back to [0, 255]
|
||
|
||
|
||
return (rgb[0] << 16) + (rgb[1] << 8) + (rgb[2] << 0);
|
||
}
|
||
function toXYZ(rgb) {
|
||
var xyz = [0, 0, 0];
|
||
var transform = srgbReverseTransform;
|
||
var matrix = srgbReverseMatrix; // Rescale from [0, 255] to [0, 1] then adjust sRGB gamma to linear RGB
|
||
|
||
var r = transform((rgb >> 16 & 0xff) / 255);
|
||
var g = transform((rgb >> 8 & 0xff) / 255);
|
||
var b = transform((rgb >> 0 & 0xff) / 255); // Matrix color space transform
|
||
|
||
for (var i = 0; i < 3; ++i) {
|
||
xyz[i] = matrix[i][0] * r + matrix[i][1] * g + matrix[i][2] * b;
|
||
}
|
||
|
||
return xyz;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/colorUtils.ts":
|
||
/*!********************************!*\
|
||
!*** ./src/util/colorUtils.ts ***!
|
||
\********************************/
|
||
/*! exports provided: colorToInt, intToHex, colorToHex, HSVAtoRGBA, RGBAtoHSVA, HSVAtoHSLA, HSLAtoHSVA, RGBAtoCSS, RGBtoCSS, RGBAtoHex, HexToRGBA, HexToHSVA, HSVAtoHex, parseHex, RGBtoInt, contrastRatio */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "colorToInt", function() { return colorToInt; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "intToHex", function() { return intToHex; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "colorToHex", function() { return colorToHex; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HSVAtoRGBA", function() { return HSVAtoRGBA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RGBAtoHSVA", function() { return RGBAtoHSVA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HSVAtoHSLA", function() { return HSVAtoHSLA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HSLAtoHSVA", function() { return HSLAtoHSVA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RGBAtoCSS", function() { return RGBAtoCSS; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RGBtoCSS", function() { return RGBtoCSS; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RGBAtoHex", function() { return RGBAtoHex; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HexToRGBA", function() { return HexToRGBA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HexToHSVA", function() { return HexToHSVA; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HSVAtoHex", function() { return HSVAtoHex; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseHex", function() { return parseHex; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RGBtoInt", function() { return RGBtoInt; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "contrastRatio", function() { return contrastRatio; });
|
||
/* harmony import */ var _console__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./console */ "./src/util/console.ts");
|
||
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "./src/util/helpers.ts");
|
||
/* harmony import */ var _color_transformSRGB__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./color/transformSRGB */ "./src/util/color/transformSRGB.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
|
||
|
||
function colorToInt(color) {
|
||
var rgb;
|
||
|
||
if (typeof color === 'number') {
|
||
rgb = color;
|
||
} else if (typeof color === 'string') {
|
||
var c = color[0] === '#' ? color.substring(1) : color;
|
||
|
||
if (c.length === 3) {
|
||
c = c.split('').map(function (char) {
|
||
return char + char;
|
||
}).join('');
|
||
}
|
||
|
||
if (c.length !== 6) {
|
||
Object(_console__WEBPACK_IMPORTED_MODULE_0__["consoleWarn"])("'" + color + "' is not a valid rgb color");
|
||
}
|
||
|
||
rgb = parseInt(c, 16);
|
||
} else {
|
||
throw new TypeError("Colors can only be numbers or strings, recieved " + (color == null ? color : color.constructor.name) + " instead");
|
||
}
|
||
|
||
if (rgb < 0) {
|
||
Object(_console__WEBPACK_IMPORTED_MODULE_0__["consoleWarn"])("Colors cannot be negative: '" + color + "'");
|
||
rgb = 0;
|
||
} else if (rgb > 0xffffff || isNaN(rgb)) {
|
||
Object(_console__WEBPACK_IMPORTED_MODULE_0__["consoleWarn"])("'" + color + "' is not a valid rgb color");
|
||
rgb = 0xffffff;
|
||
}
|
||
|
||
return rgb;
|
||
}
|
||
function intToHex(color) {
|
||
var hexColor = color.toString(16);
|
||
if (hexColor.length < 6) hexColor = '0'.repeat(6 - hexColor.length) + hexColor;
|
||
return '#' + hexColor;
|
||
}
|
||
function colorToHex(color) {
|
||
return intToHex(colorToInt(color));
|
||
}
|
||
/**
|
||
* Converts HSVA to RGBA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV
|
||
*
|
||
* @param color HSVA color as an array [0-360, 0-1, 0-1, 0-1]
|
||
*/
|
||
|
||
function HSVAtoRGBA(hsva) {
|
||
var h = hsva.h,
|
||
s = hsva.s,
|
||
v = hsva.v,
|
||
a = hsva.a;
|
||
|
||
var f = function f(n) {
|
||
var k = (n + h / 60) % 6;
|
||
return v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);
|
||
};
|
||
|
||
var rgb = [f(5), f(3), f(1)].map(function (v) {
|
||
return Math.round(v * 255);
|
||
});
|
||
return {
|
||
r: rgb[0],
|
||
g: rgb[1],
|
||
b: rgb[2],
|
||
a: a
|
||
};
|
||
}
|
||
/**
|
||
* Converts RGBA to HSVA. Based on formula from https://en.wikipedia.org/wiki/HSL_and_HSV
|
||
*
|
||
* @param color RGBA color as an array [0-255, 0-255, 0-255, 0-1]
|
||
*/
|
||
|
||
function RGBAtoHSVA(rgba) {
|
||
if (!rgba) return {
|
||
h: 0,
|
||
s: 1,
|
||
v: 1,
|
||
a: 1
|
||
};
|
||
var r = rgba.r / 255;
|
||
var g = rgba.g / 255;
|
||
var b = rgba.b / 255;
|
||
var max = Math.max(r, g, b);
|
||
var min = Math.min(r, g, b);
|
||
var h = 0;
|
||
|
||
if (max !== min) {
|
||
if (max === r) {
|
||
h = 60 * (0 + (g - b) / (max - min));
|
||
} else if (max === g) {
|
||
h = 60 * (2 + (b - r) / (max - min));
|
||
} else if (max === b) {
|
||
h = 60 * (4 + (r - g) / (max - min));
|
||
}
|
||
}
|
||
|
||
if (h < 0) h = h + 360;
|
||
var s = max === 0 ? 0 : (max - min) / max;
|
||
var hsv = [h, s, max];
|
||
return {
|
||
h: hsv[0],
|
||
s: hsv[1],
|
||
v: hsv[2],
|
||
a: rgba.a
|
||
};
|
||
}
|
||
function HSVAtoHSLA(hsva) {
|
||
var h = hsva.h,
|
||
s = hsva.s,
|
||
v = hsva.v,
|
||
a = hsva.a;
|
||
var l = v - v * s / 2;
|
||
var sprime = l === 1 || l === 0 ? 0 : (v - l) / Math.min(l, 1 - l);
|
||
return {
|
||
h: h,
|
||
s: sprime,
|
||
l: l,
|
||
a: a
|
||
};
|
||
}
|
||
function HSLAtoHSVA(hsl) {
|
||
var h = hsl.h,
|
||
s = hsl.s,
|
||
l = hsl.l,
|
||
a = hsl.a;
|
||
var v = l + s * Math.min(l, 1 - l);
|
||
var sprime = v === 0 ? 0 : 2 - 2 * l / v;
|
||
return {
|
||
h: h,
|
||
s: sprime,
|
||
v: v,
|
||
a: a
|
||
};
|
||
}
|
||
function RGBAtoCSS(rgba) {
|
||
return "rgba(" + rgba.r + ", " + rgba.g + ", " + rgba.b + ", " + rgba.a + ")";
|
||
}
|
||
function RGBtoCSS(rgba) {
|
||
return RGBAtoCSS(__assign({}, rgba, {
|
||
a: 1
|
||
}));
|
||
}
|
||
function RGBAtoHex(rgba) {
|
||
var toHex = function toHex(v) {
|
||
var h = Math.round(v).toString(16);
|
||
return ('00'.substr(0, 2 - h.length) + h).toUpperCase();
|
||
};
|
||
|
||
return "#" + [toHex(rgba.r), toHex(rgba.g), toHex(rgba.b), toHex(Math.round(rgba.a * 255))].join('');
|
||
}
|
||
function HexToRGBA(hex) {
|
||
var rgba = Object(_helpers__WEBPACK_IMPORTED_MODULE_1__["chunk"])(hex.slice(1), 2).map(function (c) {
|
||
return parseInt(c, 16);
|
||
});
|
||
return {
|
||
r: rgba[0],
|
||
g: rgba[1],
|
||
b: rgba[2],
|
||
a: Math.round(rgba[3] / 255 * 100) / 100
|
||
};
|
||
}
|
||
function HexToHSVA(hex) {
|
||
var rgb = HexToRGBA(hex);
|
||
return RGBAtoHSVA(rgb);
|
||
}
|
||
function HSVAtoHex(hsva) {
|
||
return RGBAtoHex(HSVAtoRGBA(hsva));
|
||
}
|
||
function parseHex(hex) {
|
||
if (hex.startsWith('#')) {
|
||
hex = hex.slice(1);
|
||
}
|
||
|
||
hex = hex.replace(/([^0-9a-f])/gi, 'F');
|
||
|
||
if (hex.length === 3) {
|
||
hex = hex.split('').map(function (x) {
|
||
return x + x;
|
||
}).join('');
|
||
}
|
||
|
||
if (hex.length === 6) {
|
||
hex = Object(_helpers__WEBPACK_IMPORTED_MODULE_1__["padEnd"])(hex, 8, 'F');
|
||
} else {
|
||
hex = Object(_helpers__WEBPACK_IMPORTED_MODULE_1__["padEnd"])(Object(_helpers__WEBPACK_IMPORTED_MODULE_1__["padEnd"])(hex, 6), 8, 'F');
|
||
}
|
||
|
||
return ("#" + hex).toUpperCase().substr(0, 9);
|
||
}
|
||
function RGBtoInt(rgba) {
|
||
return (rgba.r << 16) + (rgba.g << 8) + rgba.b;
|
||
}
|
||
/**
|
||
* Returns the contrast ratio (1-21) between two colors.
|
||
*
|
||
* @param c1 First color
|
||
* @param c2 Second color
|
||
*/
|
||
|
||
function contrastRatio(c1, c2) {
|
||
var _a = __read(Object(_color_transformSRGB__WEBPACK_IMPORTED_MODULE_2__["toXYZ"])(RGBtoInt(c1)), 2),
|
||
y1 = _a[1];
|
||
|
||
var _b = __read(Object(_color_transformSRGB__WEBPACK_IMPORTED_MODULE_2__["toXYZ"])(RGBtoInt(c2)), 2),
|
||
y2 = _b[1];
|
||
|
||
return (Math.max(y1, y2) + 0.05) / (Math.min(y1, y2) + 0.05);
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/colors.ts":
|
||
/*!****************************!*\
|
||
!*** ./src/util/colors.ts ***!
|
||
\****************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
var red = Object.freeze({
|
||
base: '#f44336',
|
||
lighten5: '#ffebee',
|
||
lighten4: '#ffcdd2',
|
||
lighten3: '#ef9a9a',
|
||
lighten2: '#e57373',
|
||
lighten1: '#ef5350',
|
||
darken1: '#e53935',
|
||
darken2: '#d32f2f',
|
||
darken3: '#c62828',
|
||
darken4: '#b71c1c',
|
||
accent1: '#ff8a80',
|
||
accent2: '#ff5252',
|
||
accent3: '#ff1744',
|
||
accent4: '#d50000'
|
||
});
|
||
var pink = Object.freeze({
|
||
base: '#e91e63',
|
||
lighten5: '#fce4ec',
|
||
lighten4: '#f8bbd0',
|
||
lighten3: '#f48fb1',
|
||
lighten2: '#f06292',
|
||
lighten1: '#ec407a',
|
||
darken1: '#d81b60',
|
||
darken2: '#c2185b',
|
||
darken3: '#ad1457',
|
||
darken4: '#880e4f',
|
||
accent1: '#ff80ab',
|
||
accent2: '#ff4081',
|
||
accent3: '#f50057',
|
||
accent4: '#c51162'
|
||
});
|
||
var purple = Object.freeze({
|
||
base: '#9c27b0',
|
||
lighten5: '#f3e5f5',
|
||
lighten4: '#e1bee7',
|
||
lighten3: '#ce93d8',
|
||
lighten2: '#ba68c8',
|
||
lighten1: '#ab47bc',
|
||
darken1: '#8e24aa',
|
||
darken2: '#7b1fa2',
|
||
darken3: '#6a1b9a',
|
||
darken4: '#4a148c',
|
||
accent1: '#ea80fc',
|
||
accent2: '#e040fb',
|
||
accent3: '#d500f9',
|
||
accent4: '#aa00ff'
|
||
});
|
||
var deepPurple = Object.freeze({
|
||
base: '#673ab7',
|
||
lighten5: '#ede7f6',
|
||
lighten4: '#d1c4e9',
|
||
lighten3: '#b39ddb',
|
||
lighten2: '#9575cd',
|
||
lighten1: '#7e57c2',
|
||
darken1: '#5e35b1',
|
||
darken2: '#512da8',
|
||
darken3: '#4527a0',
|
||
darken4: '#311b92',
|
||
accent1: '#b388ff',
|
||
accent2: '#7c4dff',
|
||
accent3: '#651fff',
|
||
accent4: '#6200ea'
|
||
});
|
||
var indigo = Object.freeze({
|
||
base: '#3f51b5',
|
||
lighten5: '#e8eaf6',
|
||
lighten4: '#c5cae9',
|
||
lighten3: '#9fa8da',
|
||
lighten2: '#7986cb',
|
||
lighten1: '#5c6bc0',
|
||
darken1: '#3949ab',
|
||
darken2: '#303f9f',
|
||
darken3: '#283593',
|
||
darken4: '#1a237e',
|
||
accent1: '#8c9eff',
|
||
accent2: '#536dfe',
|
||
accent3: '#3d5afe',
|
||
accent4: '#304ffe'
|
||
});
|
||
var blue = Object.freeze({
|
||
base: '#2196f3',
|
||
lighten5: '#e3f2fd',
|
||
lighten4: '#bbdefb',
|
||
lighten3: '#90caf9',
|
||
lighten2: '#64b5f6',
|
||
lighten1: '#42a5f5',
|
||
darken1: '#1e88e5',
|
||
darken2: '#1976d2',
|
||
darken3: '#1565c0',
|
||
darken4: '#0d47a1',
|
||
accent1: '#82b1ff',
|
||
accent2: '#448aff',
|
||
accent3: '#2979ff',
|
||
accent4: '#2962ff'
|
||
});
|
||
var lightBlue = Object.freeze({
|
||
base: '#03a9f4',
|
||
lighten5: '#e1f5fe',
|
||
lighten4: '#b3e5fc',
|
||
lighten3: '#81d4fa',
|
||
lighten2: '#4fc3f7',
|
||
lighten1: '#29b6f6',
|
||
darken1: '#039be5',
|
||
darken2: '#0288d1',
|
||
darken3: '#0277bd',
|
||
darken4: '#01579b',
|
||
accent1: '#80d8ff',
|
||
accent2: '#40c4ff',
|
||
accent3: '#00b0ff',
|
||
accent4: '#0091ea'
|
||
});
|
||
var cyan = Object.freeze({
|
||
base: '#00bcd4',
|
||
lighten5: '#e0f7fa',
|
||
lighten4: '#b2ebf2',
|
||
lighten3: '#80deea',
|
||
lighten2: '#4dd0e1',
|
||
lighten1: '#26c6da',
|
||
darken1: '#00acc1',
|
||
darken2: '#0097a7',
|
||
darken3: '#00838f',
|
||
darken4: '#006064',
|
||
accent1: '#84ffff',
|
||
accent2: '#18ffff',
|
||
accent3: '#00e5ff',
|
||
accent4: '#00b8d4'
|
||
});
|
||
var teal = Object.freeze({
|
||
base: '#009688',
|
||
lighten5: '#e0f2f1',
|
||
lighten4: '#b2dfdb',
|
||
lighten3: '#80cbc4',
|
||
lighten2: '#4db6ac',
|
||
lighten1: '#26a69a',
|
||
darken1: '#00897b',
|
||
darken2: '#00796b',
|
||
darken3: '#00695c',
|
||
darken4: '#004d40',
|
||
accent1: '#a7ffeb',
|
||
accent2: '#64ffda',
|
||
accent3: '#1de9b6',
|
||
accent4: '#00bfa5'
|
||
});
|
||
var green = Object.freeze({
|
||
base: '#4caf50',
|
||
lighten5: '#e8f5e9',
|
||
lighten4: '#c8e6c9',
|
||
lighten3: '#a5d6a7',
|
||
lighten2: '#81c784',
|
||
lighten1: '#66bb6a',
|
||
darken1: '#43a047',
|
||
darken2: '#388e3c',
|
||
darken3: '#2e7d32',
|
||
darken4: '#1b5e20',
|
||
accent1: '#b9f6ca',
|
||
accent2: '#69f0ae',
|
||
accent3: '#00e676',
|
||
accent4: '#00c853'
|
||
});
|
||
var lightGreen = Object.freeze({
|
||
base: '#8bc34a',
|
||
lighten5: '#f1f8e9',
|
||
lighten4: '#dcedc8',
|
||
lighten3: '#c5e1a5',
|
||
lighten2: '#aed581',
|
||
lighten1: '#9ccc65',
|
||
darken1: '#7cb342',
|
||
darken2: '#689f38',
|
||
darken3: '#558b2f',
|
||
darken4: '#33691e',
|
||
accent1: '#ccff90',
|
||
accent2: '#b2ff59',
|
||
accent3: '#76ff03',
|
||
accent4: '#64dd17'
|
||
});
|
||
var lime = Object.freeze({
|
||
base: '#cddc39',
|
||
lighten5: '#f9fbe7',
|
||
lighten4: '#f0f4c3',
|
||
lighten3: '#e6ee9c',
|
||
lighten2: '#dce775',
|
||
lighten1: '#d4e157',
|
||
darken1: '#c0ca33',
|
||
darken2: '#afb42b',
|
||
darken3: '#9e9d24',
|
||
darken4: '#827717',
|
||
accent1: '#f4ff81',
|
||
accent2: '#eeff41',
|
||
accent3: '#c6ff00',
|
||
accent4: '#aeea00'
|
||
});
|
||
var yellow = Object.freeze({
|
||
base: '#ffeb3b',
|
||
lighten5: '#fffde7',
|
||
lighten4: '#fff9c4',
|
||
lighten3: '#fff59d',
|
||
lighten2: '#fff176',
|
||
lighten1: '#ffee58',
|
||
darken1: '#fdd835',
|
||
darken2: '#fbc02d',
|
||
darken3: '#f9a825',
|
||
darken4: '#f57f17',
|
||
accent1: '#ffff8d',
|
||
accent2: '#ffff00',
|
||
accent3: '#ffea00',
|
||
accent4: '#ffd600'
|
||
});
|
||
var amber = Object.freeze({
|
||
base: '#ffc107',
|
||
lighten5: '#fff8e1',
|
||
lighten4: '#ffecb3',
|
||
lighten3: '#ffe082',
|
||
lighten2: '#ffd54f',
|
||
lighten1: '#ffca28',
|
||
darken1: '#ffb300',
|
||
darken2: '#ffa000',
|
||
darken3: '#ff8f00',
|
||
darken4: '#ff6f00',
|
||
accent1: '#ffe57f',
|
||
accent2: '#ffd740',
|
||
accent3: '#ffc400',
|
||
accent4: '#ffab00'
|
||
});
|
||
var orange = Object.freeze({
|
||
base: '#ff9800',
|
||
lighten5: '#fff3e0',
|
||
lighten4: '#ffe0b2',
|
||
lighten3: '#ffcc80',
|
||
lighten2: '#ffb74d',
|
||
lighten1: '#ffa726',
|
||
darken1: '#fb8c00',
|
||
darken2: '#f57c00',
|
||
darken3: '#ef6c00',
|
||
darken4: '#e65100',
|
||
accent1: '#ffd180',
|
||
accent2: '#ffab40',
|
||
accent3: '#ff9100',
|
||
accent4: '#ff6d00'
|
||
});
|
||
var deepOrange = Object.freeze({
|
||
base: '#ff5722',
|
||
lighten5: '#fbe9e7',
|
||
lighten4: '#ffccbc',
|
||
lighten3: '#ffab91',
|
||
lighten2: '#ff8a65',
|
||
lighten1: '#ff7043',
|
||
darken1: '#f4511e',
|
||
darken2: '#e64a19',
|
||
darken3: '#d84315',
|
||
darken4: '#bf360c',
|
||
accent1: '#ff9e80',
|
||
accent2: '#ff6e40',
|
||
accent3: '#ff3d00',
|
||
accent4: '#dd2c00'
|
||
});
|
||
var brown = Object.freeze({
|
||
base: '#795548',
|
||
lighten5: '#efebe9',
|
||
lighten4: '#d7ccc8',
|
||
lighten3: '#bcaaa4',
|
||
lighten2: '#a1887f',
|
||
lighten1: '#8d6e63',
|
||
darken1: '#6d4c41',
|
||
darken2: '#5d4037',
|
||
darken3: '#4e342e',
|
||
darken4: '#3e2723'
|
||
});
|
||
var blueGrey = Object.freeze({
|
||
base: '#607d8b',
|
||
lighten5: '#eceff1',
|
||
lighten4: '#cfd8dc',
|
||
lighten3: '#b0bec5',
|
||
lighten2: '#90a4ae',
|
||
lighten1: '#78909c',
|
||
darken1: '#546e7a',
|
||
darken2: '#455a64',
|
||
darken3: '#37474f',
|
||
darken4: '#263238'
|
||
});
|
||
var grey = Object.freeze({
|
||
base: '#9e9e9e',
|
||
lighten5: '#fafafa',
|
||
lighten4: '#f5f5f5',
|
||
lighten3: '#eeeeee',
|
||
lighten2: '#e0e0e0',
|
||
lighten1: '#bdbdbd',
|
||
darken1: '#757575',
|
||
darken2: '#616161',
|
||
darken3: '#424242',
|
||
darken4: '#212121'
|
||
});
|
||
var shades = Object.freeze({
|
||
black: '#000000',
|
||
white: '#ffffff',
|
||
transparent: 'transparent'
|
||
});
|
||
/* harmony default export */ __webpack_exports__["default"] = (Object.freeze({
|
||
red: red,
|
||
pink: pink,
|
||
purple: purple,
|
||
deepPurple: deepPurple,
|
||
indigo: indigo,
|
||
blue: blue,
|
||
lightBlue: lightBlue,
|
||
cyan: cyan,
|
||
teal: teal,
|
||
green: green,
|
||
lightGreen: lightGreen,
|
||
lime: lime,
|
||
yellow: yellow,
|
||
amber: amber,
|
||
orange: orange,
|
||
deepOrange: deepOrange,
|
||
brown: brown,
|
||
blueGrey: blueGrey,
|
||
grey: grey,
|
||
shades: shades
|
||
}));
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/console.ts":
|
||
/*!*****************************!*\
|
||
!*** ./src/util/console.ts ***!
|
||
\*****************************/
|
||
/*! exports provided: consoleInfo, consoleWarn, consoleError, deprecate, breaking, removed */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "consoleInfo", function() { return consoleInfo; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "consoleWarn", function() { return consoleWarn; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "consoleError", function() { return consoleError; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "deprecate", function() { return deprecate; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "breaking", function() { return breaking; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removed", function() { return removed; });
|
||
function createMessage(message, vm, parent) {
|
||
if (parent) {
|
||
vm = {
|
||
_isVue: true,
|
||
$parent: parent,
|
||
$options: vm
|
||
};
|
||
}
|
||
|
||
if (vm) {
|
||
// Only show each message once per instance
|
||
vm.$_alreadyWarned = vm.$_alreadyWarned || [];
|
||
if (vm.$_alreadyWarned.includes(message)) return;
|
||
vm.$_alreadyWarned.push(message);
|
||
}
|
||
|
||
return "[Vuetify] " + message + (vm ? generateComponentTrace(vm) : '');
|
||
}
|
||
|
||
function consoleInfo(message, vm, parent) {
|
||
var newMessage = createMessage(message, vm, parent);
|
||
newMessage != null && console.info(newMessage);
|
||
}
|
||
function consoleWarn(message, vm, parent) {
|
||
var newMessage = createMessage(message, vm, parent);
|
||
newMessage != null && console.warn(newMessage);
|
||
}
|
||
function consoleError(message, vm, parent) {
|
||
var newMessage = createMessage(message, vm, parent);
|
||
newMessage != null && console.error(newMessage);
|
||
}
|
||
function deprecate(original, replacement, vm, parent) {
|
||
consoleWarn("[UPGRADE] '" + original + "' is deprecated, use '" + replacement + "' instead.", vm, parent);
|
||
}
|
||
function breaking(original, replacement, vm, parent) {
|
||
consoleError("[BREAKING] '" + original + "' has been removed, use '" + replacement + "' instead. For more information, see the upgrade guide https://github.com/vuetifyjs/vuetify/releases/tag/v2.0.0#user-content-upgrade-guide", vm, parent);
|
||
}
|
||
function removed(original, vm, parent) {
|
||
consoleWarn("[REMOVED] '" + original + "' has been removed. You can safely omit it.", vm, parent);
|
||
}
|
||
/**
|
||
* Shamelessly stolen from vuejs/vue/blob/dev/src/core/util/debug.js
|
||
*/
|
||
|
||
var classifyRE = /(?:^|[-_])(\w)/g;
|
||
|
||
var classify = function classify(str) {
|
||
return str.replace(classifyRE, function (c) {
|
||
return c.toUpperCase();
|
||
}).replace(/[-_]/g, '');
|
||
};
|
||
|
||
function formatComponentName(vm, includeFile) {
|
||
if (vm.$root === vm) {
|
||
return '<Root>';
|
||
}
|
||
|
||
var options = typeof vm === 'function' && vm.cid != null ? vm.options : vm._isVue ? vm.$options || vm.constructor.options : vm || {};
|
||
var name = options.name || options._componentTag;
|
||
var file = options.__file;
|
||
|
||
if (!name && file) {
|
||
var match = file.match(/([^/\\]+)\.vue$/);
|
||
name = match && match[1];
|
||
}
|
||
|
||
return (name ? "<" + classify(name) + ">" : "<Anonymous>") + (file && includeFile !== false ? " at " + file : '');
|
||
}
|
||
|
||
function generateComponentTrace(vm) {
|
||
if (vm._isVue && vm.$parent) {
|
||
var tree = [];
|
||
var currentRecursiveSequence = 0;
|
||
|
||
while (vm) {
|
||
if (tree.length > 0) {
|
||
var last = tree[tree.length - 1];
|
||
|
||
if (last.constructor === vm.constructor) {
|
||
currentRecursiveSequence++;
|
||
vm = vm.$parent;
|
||
continue;
|
||
} else if (currentRecursiveSequence > 0) {
|
||
tree[tree.length - 1] = [last, currentRecursiveSequence];
|
||
currentRecursiveSequence = 0;
|
||
}
|
||
}
|
||
|
||
tree.push(vm);
|
||
vm = vm.$parent;
|
||
}
|
||
|
||
return '\n\nfound in\n\n' + tree.map(function (vm, i) {
|
||
return "" + (i === 0 ? '---> ' : ' '.repeat(5 + i * 2)) + (Array.isArray(vm) ? formatComponentName(vm[0]) + "... (" + vm[1] + " recursive calls)" : formatComponentName(vm));
|
||
}).join('\n');
|
||
} else {
|
||
return "\n\n(found in " + formatComponentName(vm) + ")";
|
||
}
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/dedupeModelListeners.ts":
|
||
/*!******************************************!*\
|
||
!*** ./src/util/dedupeModelListeners.ts ***!
|
||
\******************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return dedupeModelListeners; });
|
||
/**
|
||
* Removes duplicate `@input` listeners when
|
||
* using v-model with functional components
|
||
*
|
||
* @see https://github.com/vuetifyjs/vuetify/issues/4460
|
||
*/
|
||
function dedupeModelListeners(data) {
|
||
if (data.model && data.on && data.on.input) {
|
||
if (Array.isArray(data.on.input)) {
|
||
var i = data.on.input.indexOf(data.model.callback);
|
||
if (i > -1) data.on.input.splice(i, 1);
|
||
} else {
|
||
delete data.on.input;
|
||
}
|
||
}
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/helpers.ts":
|
||
/*!*****************************!*\
|
||
!*** ./src/util/helpers.ts ***!
|
||
\*****************************/
|
||
/*! exports provided: createSimpleFunctional, directiveConfig, addOnceEventListener, passiveSupported, addPassiveEventListener, getNestedValue, deepEqual, getObjectValueByPath, getPropertyFromItem, createRange, getZIndex, escapeHTML, filterObjectOnKeys, convertToUnit, kebabCase, isObject, keyCodes, remapInternalIcon, keys, camelize, arrayDiff, upperFirst, groupItems, wrapInArray, sortItems, defaultFilter, searchItems, getSlotType, debounce, getPrefixedScopedSlots, getSlot, clamp, padEnd, chunk, humanReadableFileSize, camelizeObjectKeys, mergeDeep */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createSimpleFunctional", function() { return createSimpleFunctional; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "directiveConfig", function() { return directiveConfig; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addOnceEventListener", function() { return addOnceEventListener; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "passiveSupported", function() { return passiveSupported; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "addPassiveEventListener", function() { return addPassiveEventListener; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNestedValue", function() { return getNestedValue; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "deepEqual", function() { return deepEqual; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getObjectValueByPath", function() { return getObjectValueByPath; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPropertyFromItem", function() { return getPropertyFromItem; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createRange", function() { return createRange; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getZIndex", function() { return getZIndex; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "escapeHTML", function() { return escapeHTML; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "filterObjectOnKeys", function() { return filterObjectOnKeys; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "convertToUnit", function() { return convertToUnit; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "kebabCase", function() { return kebabCase; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isObject", function() { return isObject; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "keyCodes", function() { return keyCodes; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "remapInternalIcon", function() { return remapInternalIcon; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "keys", function() { return keys; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "camelize", function() { return camelize; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "arrayDiff", function() { return arrayDiff; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "upperFirst", function() { return upperFirst; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "groupItems", function() { return groupItems; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "wrapInArray", function() { return wrapInArray; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sortItems", function() { return sortItems; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defaultFilter", function() { return defaultFilter; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "searchItems", function() { return searchItems; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSlotType", function() { return getSlotType; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "debounce", function() { return debounce; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPrefixedScopedSlots", function() { return getPrefixedScopedSlots; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSlot", function() { return getSlot; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "clamp", function() { return clamp; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "padEnd", function() { return padEnd; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "chunk", function() { return chunk; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "humanReadableFileSize", function() { return humanReadableFileSize; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "camelizeObjectKeys", function() { return camelizeObjectKeys; });
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mergeDeep", function() { return mergeDeep; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
var __spread = undefined && undefined.__spread || function () {
|
||
for (var ar = [], i = 0; i < arguments.length; i++) {
|
||
ar = ar.concat(__read(arguments[i]));
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
function createSimpleFunctional(c, el, name) {
|
||
if (el === void 0) {
|
||
el = 'div';
|
||
}
|
||
|
||
return vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
name: name || c.replace(/__/g, '-'),
|
||
functional: true,
|
||
render: function render(h, _a) {
|
||
var data = _a.data,
|
||
children = _a.children;
|
||
data.staticClass = (c + " " + (data.staticClass || '')).trim();
|
||
return h(el, data, children);
|
||
}
|
||
});
|
||
}
|
||
function directiveConfig(binding, defaults) {
|
||
if (defaults === void 0) {
|
||
defaults = {};
|
||
}
|
||
|
||
return __assign({}, defaults, binding.modifiers, {
|
||
value: binding.arg
|
||
}, binding.value || {});
|
||
}
|
||
function addOnceEventListener(el, eventName, cb, options) {
|
||
if (options === void 0) {
|
||
options = false;
|
||
}
|
||
|
||
var once = function once(event) {
|
||
cb(event);
|
||
el.removeEventListener(eventName, once, options);
|
||
};
|
||
|
||
el.addEventListener(eventName, once, options);
|
||
}
|
||
var passiveSupported = false;
|
||
|
||
try {
|
||
if (typeof window !== 'undefined') {
|
||
var testListenerOpts = Object.defineProperty({}, 'passive', {
|
||
get: function get() {
|
||
passiveSupported = true;
|
||
}
|
||
});
|
||
window.addEventListener('testListener', testListenerOpts, testListenerOpts);
|
||
window.removeEventListener('testListener', testListenerOpts, testListenerOpts);
|
||
}
|
||
} catch (e) {
|
||
console.warn(e);
|
||
}
|
||
|
||
|
||
function addPassiveEventListener(el, event, cb, options) {
|
||
el.addEventListener(event, cb, passiveSupported ? options : false);
|
||
}
|
||
function getNestedValue(obj, path, fallback) {
|
||
var last = path.length - 1;
|
||
if (last < 0) return obj === undefined ? fallback : obj;
|
||
|
||
for (var i = 0; i < last; i++) {
|
||
if (obj == null) {
|
||
return fallback;
|
||
}
|
||
|
||
obj = obj[path[i]];
|
||
}
|
||
|
||
if (obj == null) return fallback;
|
||
return obj[path[last]] === undefined ? fallback : obj[path[last]];
|
||
}
|
||
function deepEqual(a, b) {
|
||
if (a === b) return true;
|
||
|
||
if (a instanceof Date && b instanceof Date) {
|
||
// If the values are Date, they were convert to timestamp with getTime and compare it
|
||
if (a.getTime() !== b.getTime()) return false;
|
||
}
|
||
|
||
if (a !== Object(a) || b !== Object(b)) {
|
||
// If the values aren't objects, they were already checked for equality
|
||
return false;
|
||
}
|
||
|
||
var props = Object.keys(a);
|
||
|
||
if (props.length !== Object.keys(b).length) {
|
||
// Different number of props, don't bother to check
|
||
return false;
|
||
}
|
||
|
||
return props.every(function (p) {
|
||
return deepEqual(a[p], b[p]);
|
||
});
|
||
}
|
||
function getObjectValueByPath(obj, path, fallback) {
|
||
// credit: http://stackoverflow.com/questions/6491463/accessing-nested-javascript-objects-with-string-key#comment55278413_6491621
|
||
if (obj == null || !path || typeof path !== 'string') return fallback;
|
||
if (obj[path] !== undefined) return obj[path];
|
||
path = path.replace(/\[(\w+)\]/g, '.$1'); // convert indexes to properties
|
||
|
||
path = path.replace(/^\./, ''); // strip a leading dot
|
||
|
||
return getNestedValue(obj, path.split('.'), fallback);
|
||
}
|
||
function getPropertyFromItem(item, property, fallback) {
|
||
if (property == null) return item === undefined ? fallback : item;
|
||
if (item !== Object(item)) return fallback === undefined ? item : fallback;
|
||
if (typeof property === 'string') return getObjectValueByPath(item, property, fallback);
|
||
if (Array.isArray(property)) return getNestedValue(item, property, fallback);
|
||
if (typeof property !== 'function') return fallback;
|
||
var value = property(item, fallback);
|
||
return typeof value === 'undefined' ? fallback : value;
|
||
}
|
||
function createRange(length) {
|
||
return Array.from({
|
||
length: length
|
||
}, function (v, k) {
|
||
return k;
|
||
});
|
||
}
|
||
function getZIndex(el) {
|
||
if (!el || el.nodeType !== Node.ELEMENT_NODE) return 0;
|
||
var index = +window.getComputedStyle(el).getPropertyValue('z-index');
|
||
if (!index) return getZIndex(el.parentNode);
|
||
return index;
|
||
}
|
||
var tagsToReplace = {
|
||
'&': '&',
|
||
'<': '<',
|
||
'>': '>'
|
||
};
|
||
function escapeHTML(str) {
|
||
return str.replace(/[&<>]/g, function (tag) {
|
||
return tagsToReplace[tag] || tag;
|
||
});
|
||
}
|
||
function filterObjectOnKeys(obj, keys) {
|
||
var filtered = {};
|
||
|
||
for (var i = 0; i < keys.length; i++) {
|
||
var key = keys[i];
|
||
|
||
if (typeof obj[key] !== 'undefined') {
|
||
filtered[key] = obj[key];
|
||
}
|
||
}
|
||
|
||
return filtered;
|
||
}
|
||
function convertToUnit(str, unit) {
|
||
if (unit === void 0) {
|
||
unit = 'px';
|
||
}
|
||
|
||
if (str == null || str === '') {
|
||
return undefined;
|
||
} else if (isNaN(+str)) {
|
||
return String(str);
|
||
} else {
|
||
return "" + Number(str) + unit;
|
||
}
|
||
}
|
||
function kebabCase(str) {
|
||
return (str || '').replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
||
}
|
||
function isObject(obj) {
|
||
return obj !== null && _typeof(obj) === 'object';
|
||
} // KeyboardEvent.keyCode aliases
|
||
|
||
var keyCodes = Object.freeze({
|
||
enter: 13,
|
||
tab: 9,
|
||
delete: 46,
|
||
esc: 27,
|
||
space: 32,
|
||
up: 38,
|
||
down: 40,
|
||
left: 37,
|
||
right: 39,
|
||
end: 35,
|
||
home: 36,
|
||
del: 46,
|
||
backspace: 8,
|
||
insert: 45,
|
||
pageup: 33,
|
||
pagedown: 34
|
||
}); // This remaps internal names like '$cancel' or '$vuetify.icons.cancel'
|
||
// to the current name or component for that icon.
|
||
|
||
function remapInternalIcon(vm, iconName) {
|
||
if (!iconName.startsWith('$')) {
|
||
return iconName;
|
||
} // Get the target icon name
|
||
|
||
|
||
var iconPath = "$vuetify.icons.values." + iconName.split('$').pop().split('.').pop(); // Now look up icon indirection name,
|
||
// e.g. '$vuetify.icons.values.cancel'
|
||
|
||
return getObjectValueByPath(vm, iconPath, iconName);
|
||
}
|
||
function keys(o) {
|
||
return Object.keys(o);
|
||
}
|
||
/**
|
||
* Camelize a hyphen-delimited string.
|
||
*/
|
||
|
||
var camelizeRE = /-(\w)/g;
|
||
var camelize = function camelize(str) {
|
||
return str.replace(camelizeRE, function (_, c) {
|
||
return c ? c.toUpperCase() : '';
|
||
});
|
||
};
|
||
/**
|
||
* Returns the set difference of B and A, i.e. the set of elements in B but not in A
|
||
*/
|
||
|
||
function arrayDiff(a, b) {
|
||
var diff = [];
|
||
|
||
for (var i = 0; i < b.length; i++) {
|
||
if (a.indexOf(b[i]) < 0) diff.push(b[i]);
|
||
}
|
||
|
||
return diff;
|
||
}
|
||
/**
|
||
* Makes the first character of a string uppercase
|
||
*/
|
||
|
||
function upperFirst(str) {
|
||
return str.charAt(0).toUpperCase() + str.slice(1);
|
||
}
|
||
function groupItems(items, groupBy, groupDesc) {
|
||
var key = groupBy[0];
|
||
var groups = [];
|
||
var current = null;
|
||
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
var val = getObjectValueByPath(item, key);
|
||
|
||
if (current !== val) {
|
||
current = val;
|
||
groups.push({
|
||
name: val,
|
||
items: []
|
||
});
|
||
}
|
||
|
||
groups[groups.length - 1].items.push(item);
|
||
}
|
||
|
||
return groups;
|
||
}
|
||
function wrapInArray(v) {
|
||
return v != null ? Array.isArray(v) ? v : [v] : [];
|
||
}
|
||
function sortItems(items, sortBy, sortDesc, locale, customSorters) {
|
||
if (sortBy === null || !sortBy.length) return items;
|
||
var stringCollator = new Intl.Collator(locale, {
|
||
sensitivity: 'accent',
|
||
usage: 'sort'
|
||
});
|
||
return items.sort(function (a, b) {
|
||
var _a, _b;
|
||
|
||
for (var i = 0; i < sortBy.length; i++) {
|
||
var sortKey = sortBy[i];
|
||
var sortA = getObjectValueByPath(a, sortKey);
|
||
var sortB = getObjectValueByPath(b, sortKey);
|
||
|
||
if (sortDesc[i]) {
|
||
_a = __read([sortB, sortA], 2), sortA = _a[0], sortB = _a[1];
|
||
}
|
||
|
||
if (customSorters && customSorters[sortKey]) {
|
||
var customResult = customSorters[sortKey](sortA, sortB);
|
||
if (!customResult) continue;
|
||
return customResult;
|
||
} // Check if both cannot be evaluated
|
||
|
||
|
||
if (sortA === null && sortB === null) {
|
||
continue;
|
||
}
|
||
|
||
_b = __read([sortA, sortB].map(function (s) {
|
||
return (s || '').toString().toLocaleLowerCase();
|
||
}), 2), sortA = _b[0], sortB = _b[1];
|
||
|
||
if (sortA !== sortB) {
|
||
if (!isNaN(sortA) && !isNaN(sortB)) return Number(sortA) - Number(sortB);
|
||
return stringCollator.compare(sortA, sortB);
|
||
}
|
||
}
|
||
|
||
return 0;
|
||
});
|
||
}
|
||
function defaultFilter(value, search, item) {
|
||
return value != null && search != null && typeof value !== 'boolean' && value.toString().toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) !== -1;
|
||
}
|
||
function searchItems(items, search) {
|
||
if (!search) return items;
|
||
search = search.toString().toLowerCase();
|
||
if (search.trim() === '') return items;
|
||
return items.filter(function (item) {
|
||
return Object.keys(item).some(function (key) {
|
||
return defaultFilter(getObjectValueByPath(item, key), search, item);
|
||
});
|
||
});
|
||
}
|
||
/**
|
||
* Returns:
|
||
* - 'normal' for old style slots - `<template slot="default">`
|
||
* - 'scoped' for old style scoped slots (`<template slot="default" slot-scope="data">`) or bound v-slot (`#default="data"`)
|
||
* - 'v-slot' for unbound v-slot (`#default`) - only if the third param is true, otherwise counts as scoped
|
||
*/
|
||
|
||
function getSlotType(vm, name, split) {
|
||
if (vm.$slots[name] && vm.$scopedSlots[name] && vm.$scopedSlots[name].name) {
|
||
return split ? 'v-slot' : 'scoped';
|
||
}
|
||
|
||
if (vm.$slots[name]) return 'normal';
|
||
if (vm.$scopedSlots[name]) return 'scoped';
|
||
}
|
||
function debounce(fn, delay) {
|
||
var timeoutId = 0;
|
||
return function () {
|
||
var args = [];
|
||
|
||
for (var _i = 0; _i < arguments.length; _i++) {
|
||
args[_i] = arguments[_i];
|
||
}
|
||
|
||
clearTimeout(timeoutId);
|
||
timeoutId = setTimeout(function () {
|
||
return fn.apply(void 0, __spread(args));
|
||
}, delay);
|
||
};
|
||
}
|
||
function getPrefixedScopedSlots(prefix, scopedSlots) {
|
||
return Object.keys(scopedSlots).filter(function (k) {
|
||
return k.startsWith(prefix);
|
||
}).reduce(function (obj, k) {
|
||
obj[k.replace(prefix, '')] = scopedSlots[k];
|
||
return obj;
|
||
}, {});
|
||
}
|
||
function getSlot(vm, name, data, optional) {
|
||
if (name === void 0) {
|
||
name = 'default';
|
||
}
|
||
|
||
if (optional === void 0) {
|
||
optional = false;
|
||
}
|
||
|
||
if (vm.$scopedSlots[name]) {
|
||
return vm.$scopedSlots[name](data instanceof Function ? data() : data);
|
||
} else if (vm.$slots[name] && (!data || optional)) {
|
||
return vm.$slots[name];
|
||
}
|
||
|
||
return undefined;
|
||
}
|
||
function clamp(value, min, max) {
|
||
if (min === void 0) {
|
||
min = 0;
|
||
}
|
||
|
||
if (max === void 0) {
|
||
max = 1;
|
||
}
|
||
|
||
return Math.max(min, Math.min(max, value));
|
||
}
|
||
function padEnd(str, length, char) {
|
||
if (char === void 0) {
|
||
char = '0';
|
||
}
|
||
|
||
return str + char.repeat(Math.max(0, length - str.length));
|
||
}
|
||
function chunk(str, size) {
|
||
if (size === void 0) {
|
||
size = 1;
|
||
}
|
||
|
||
var chunked = [];
|
||
var index = 0;
|
||
|
||
while (index < str.length) {
|
||
chunked.push(str.substr(index, size));
|
||
index += size;
|
||
}
|
||
|
||
return chunked;
|
||
}
|
||
function humanReadableFileSize(bytes, binary) {
|
||
if (binary === void 0) {
|
||
binary = false;
|
||
}
|
||
|
||
var base = binary ? 1024 : 1000;
|
||
|
||
if (bytes < base) {
|
||
return bytes + " B";
|
||
}
|
||
|
||
var prefix = binary ? ['Ki', 'Mi', 'Gi'] : ['k', 'M', 'G'];
|
||
var unit = -1;
|
||
|
||
while (Math.abs(bytes) >= base && unit < prefix.length - 1) {
|
||
bytes /= base;
|
||
++unit;
|
||
}
|
||
|
||
return bytes.toFixed(1) + " " + prefix[unit] + "B";
|
||
}
|
||
function camelizeObjectKeys(obj) {
|
||
if (!obj) return {};
|
||
return Object.keys(obj).reduce(function (o, key) {
|
||
o[camelize(key)] = obj[key];
|
||
return o;
|
||
}, {});
|
||
}
|
||
function mergeDeep(source, target) {
|
||
if (source === void 0) {
|
||
source = {};
|
||
}
|
||
|
||
if (target === void 0) {
|
||
target = {};
|
||
}
|
||
|
||
for (var key in target) {
|
||
var sourceProperty = source[key];
|
||
var targetProperty = target[key]; // Only continue deep merging if
|
||
// both properties are objects
|
||
|
||
if (isObject(sourceProperty) && isObject(targetProperty)) {
|
||
source[key] = mergeDeep(sourceProperty, targetProperty);
|
||
continue;
|
||
}
|
||
|
||
source[key] = targetProperty;
|
||
}
|
||
|
||
return source;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/mergeData.ts":
|
||
/*!*******************************!*\
|
||
!*** ./src/util/mergeData.ts ***!
|
||
\*******************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return mergeData; });
|
||
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers */ "./src/util/helpers.ts");
|
||
var __assign = undefined && undefined.__assign || function () {
|
||
__assign = Object.assign || function (t) {
|
||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||
s = arguments[i];
|
||
|
||
for (var p in s) {
|
||
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||
}
|
||
}
|
||
|
||
return t;
|
||
};
|
||
|
||
return __assign.apply(this, arguments);
|
||
};
|
||
|
||
var __values = undefined && undefined.__values || function (o) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator],
|
||
i = 0;
|
||
if (m) return m.call(o);
|
||
return {
|
||
next: function next() {
|
||
if (o && i >= o.length) o = void 0;
|
||
return {
|
||
value: o && o[i++],
|
||
done: !o
|
||
};
|
||
}
|
||
};
|
||
};
|
||
|
||
var __read = undefined && undefined.__read || function (o, n) {
|
||
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
||
if (!m) return o;
|
||
var i = m.call(o),
|
||
r,
|
||
ar = [],
|
||
e;
|
||
|
||
try {
|
||
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
||
ar.push(r.value);
|
||
}
|
||
} catch (error) {
|
||
e = {
|
||
error: error
|
||
};
|
||
} finally {
|
||
try {
|
||
if (r && !r.done && (m = i["return"])) m.call(i);
|
||
} finally {
|
||
if (e) throw e.error;
|
||
}
|
||
}
|
||
|
||
return ar;
|
||
};
|
||
|
||
|
||
var pattern = {
|
||
styleList: /;(?![^(]*\))/g,
|
||
styleProp: /:(.*)/
|
||
};
|
||
|
||
function parseStyle(style) {
|
||
var e_1, _a;
|
||
|
||
var styleMap = {};
|
||
|
||
try {
|
||
for (var _b = __values(style.split(pattern.styleList)), _c = _b.next(); !_c.done; _c = _b.next()) {
|
||
var s = _c.value;
|
||
|
||
var _d = __read(s.split(pattern.styleProp), 2),
|
||
key = _d[0],
|
||
val = _d[1];
|
||
|
||
key = key.trim();
|
||
|
||
if (!key) {
|
||
continue;
|
||
} // May be undefined if the `key: value` pair is incomplete.
|
||
|
||
|
||
if (typeof val === 'string') {
|
||
val = val.trim();
|
||
}
|
||
|
||
styleMap[Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["camelize"])(key)] = val;
|
||
}
|
||
} catch (e_1_1) {
|
||
e_1 = {
|
||
error: e_1_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
||
} finally {
|
||
if (e_1) throw e_1.error;
|
||
}
|
||
}
|
||
|
||
return styleMap;
|
||
}
|
||
|
||
function mergeData() {
|
||
var e_2, _a, e_3, _b;
|
||
|
||
var mergeTarget = {};
|
||
var i = arguments.length;
|
||
var prop;
|
||
var event; // Allow for variadic argument length.
|
||
|
||
while (i--) {
|
||
try {
|
||
// Iterate through the data properties and execute merge strategies
|
||
// Object.keys eliminates need for hasOwnProperty call
|
||
for (var _c = (e_2 = void 0, __values(Object.keys(arguments[i]))), _d = _c.next(); !_d.done; _d = _c.next()) {
|
||
prop = _d.value;
|
||
|
||
switch (prop) {
|
||
// Array merge strategy (array concatenation)
|
||
case 'class':
|
||
case 'style':
|
||
case 'directives':
|
||
if (!arguments[i][prop]) {
|
||
break;
|
||
}
|
||
|
||
if (!Array.isArray(mergeTarget[prop])) {
|
||
mergeTarget[prop] = [];
|
||
}
|
||
|
||
if (prop === 'style') {
|
||
var style = void 0;
|
||
|
||
if (Array.isArray(arguments[i].style)) {
|
||
style = arguments[i].style;
|
||
} else {
|
||
style = [arguments[i].style];
|
||
}
|
||
|
||
for (var j = 0; j < style.length; j++) {
|
||
var s = style[j];
|
||
|
||
if (typeof s === 'string') {
|
||
style[j] = parseStyle(s);
|
||
}
|
||
}
|
||
|
||
arguments[i].style = style;
|
||
} // Repackaging in an array allows Vue runtime
|
||
// to merge class/style bindings regardless of type.
|
||
|
||
|
||
mergeTarget[prop] = mergeTarget[prop].concat(arguments[i][prop]);
|
||
break;
|
||
// Space delimited string concatenation strategy
|
||
|
||
case 'staticClass':
|
||
if (!arguments[i][prop]) {
|
||
break;
|
||
}
|
||
|
||
if (mergeTarget[prop] === undefined) {
|
||
mergeTarget[prop] = '';
|
||
}
|
||
|
||
if (mergeTarget[prop]) {
|
||
// Not an empty string, so concatenate
|
||
mergeTarget[prop] += ' ';
|
||
}
|
||
|
||
mergeTarget[prop] += arguments[i][prop].trim();
|
||
break;
|
||
// Object, the properties of which to merge via array merge strategy (array concatenation).
|
||
// Callback merge strategy merges callbacks to the beginning of the array,
|
||
// so that the last defined callback will be invoked first.
|
||
// This is done since to mimic how Object.assign merging
|
||
// uses the last given value to assign.
|
||
|
||
case 'on':
|
||
case 'nativeOn':
|
||
if (!arguments[i][prop]) {
|
||
break;
|
||
}
|
||
|
||
if (!mergeTarget[prop]) {
|
||
mergeTarget[prop] = {};
|
||
}
|
||
|
||
var listeners = mergeTarget[prop];
|
||
|
||
try {
|
||
for (var _e = (e_3 = void 0, __values(Object.keys(arguments[i][prop] || {}))), _f = _e.next(); !_f.done; _f = _e.next()) {
|
||
event = _f.value; // Concat function to array of functions if callback present.
|
||
|
||
if (listeners[event]) {
|
||
// Insert current iteration data in beginning of merged array.
|
||
listeners[event] = Array().concat( // eslint-disable-line
|
||
listeners[event], arguments[i][prop][event]);
|
||
} else {
|
||
// Straight assign.
|
||
listeners[event] = arguments[i][prop][event];
|
||
}
|
||
}
|
||
} catch (e_3_1) {
|
||
e_3 = {
|
||
error: e_3_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
|
||
} finally {
|
||
if (e_3) throw e_3.error;
|
||
}
|
||
}
|
||
|
||
break;
|
||
// Object merge strategy
|
||
|
||
case 'attrs':
|
||
case 'props':
|
||
case 'domProps':
|
||
case 'scopedSlots':
|
||
case 'staticStyle':
|
||
case 'hook':
|
||
case 'transition':
|
||
if (!arguments[i][prop]) {
|
||
break;
|
||
}
|
||
|
||
if (!mergeTarget[prop]) {
|
||
mergeTarget[prop] = {};
|
||
}
|
||
|
||
mergeTarget[prop] = __assign({}, arguments[i][prop], mergeTarget[prop]);
|
||
break;
|
||
// Reassignment strategy (no merge)
|
||
|
||
case 'slot':
|
||
case 'key':
|
||
case 'ref':
|
||
case 'tag':
|
||
case 'show':
|
||
case 'keepAlive':
|
||
default:
|
||
if (!mergeTarget[prop]) {
|
||
mergeTarget[prop] = arguments[i][prop];
|
||
}
|
||
|
||
}
|
||
}
|
||
} catch (e_2_1) {
|
||
e_2 = {
|
||
error: e_2_1
|
||
};
|
||
} finally {
|
||
try {
|
||
if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
|
||
} finally {
|
||
if (e_2) throw e_2.error;
|
||
}
|
||
}
|
||
}
|
||
|
||
return mergeTarget;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/mixins.ts":
|
||
/*!****************************!*\
|
||
!*** ./src/util/mixins.ts ***!
|
||
\****************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return mixins; });
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "vue");
|
||
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
|
||
/* eslint-disable max-len, import/export, no-use-before-define */
|
||
|
||
function mixins() {
|
||
var args = [];
|
||
|
||
for (var _i = 0; _i < arguments.length; _i++) {
|
||
args[_i] = arguments[_i];
|
||
}
|
||
|
||
return vue__WEBPACK_IMPORTED_MODULE_0___default.a.extend({
|
||
mixins: args
|
||
});
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "./src/util/rebuildFunctionalSlots.ts":
|
||
/*!********************************************!*\
|
||
!*** ./src/util/rebuildFunctionalSlots.ts ***!
|
||
\********************************************/
|
||
/*! exports provided: default */
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
__webpack_require__.r(__webpack_exports__);
|
||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return rebuildFunctionalSlots; });
|
||
function rebuildFunctionalSlots(slots, h) {
|
||
var children = [];
|
||
|
||
for (var slot in slots) {
|
||
if (slots.hasOwnProperty(slot)) {
|
||
children.push(h('template', {
|
||
slot: slot
|
||
}, slots[slot]));
|
||
}
|
||
}
|
||
|
||
return children;
|
||
}
|
||
|
||
/***/ }),
|
||
|
||
/***/ "vue":
|
||
/*!******************************************************************************!*\
|
||
!*** external {"commonjs":"vue","commonjs2":"vue","amd":"vue","root":"Vue"} ***!
|
||
\******************************************************************************/
|
||
/*! no static exports found */
|
||
/***/ (function(module, exports) {
|
||
|
||
module.exports = __WEBPACK_EXTERNAL_MODULE_vue__;
|
||
|
||
/***/ })
|
||
|
||
/******/ })["default"];
|
||
}); |