\r\n \r\n \r\n \r\n {{ tab.text }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Settings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Settings.vue?vue&type=template&id=b739b422&\"\nimport script from \"./Settings.vue?vue&type=script&lang=js&\"\nexport * from \"./Settings.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsItems } from 'vuetify/lib/components/VTabs';\ninstallComponents(component, {VTab,VTabItem,VTabs,VTabsItems})\n","// Styles\nimport \"../../../src/components/VBtn/VBtn.sass\"; // Extensions\n\nimport VSheet from '../VSheet'; // Components\n\nimport VProgressCircular from '../VProgressCircular'; // Mixins\n\nimport { factory as GroupableFactory } from '../../mixins/groupable';\nimport { factory as ToggleableFactory } from '../../mixins/toggleable';\nimport Positionable from '../../mixins/positionable';\nimport Routable from '../../mixins/routable';\nimport Sizeable from '../../mixins/sizeable'; // Utilities\n\nimport mixins from '../../util/mixins';\nimport { breaking } from '../../util/console';\nconst baseMixins = mixins(VSheet, Routable, Positionable, Sizeable, GroupableFactory('btnToggle'), ToggleableFactory('inputValue')\n/* @vue/component */\n);\nexport default baseMixins.extend().extend({\n name: 'v-btn',\n props: {\n activeClass: {\n type: String,\n\n default() {\n if (!this.btnToggle) return '';\n return this.btnToggle.activeClass;\n }\n\n },\n block: Boolean,\n depressed: Boolean,\n fab: Boolean,\n icon: Boolean,\n loading: Boolean,\n outlined: Boolean,\n retainFocusOnClick: Boolean,\n rounded: Boolean,\n tag: {\n type: String,\n default: 'button'\n },\n text: Boolean,\n type: {\n type: String,\n default: 'button'\n },\n value: null\n },\n data: () => ({\n proxyClass: 'v-btn--active'\n }),\n computed: {\n classes() {\n return {\n 'v-btn': true,\n ...Routable.options.computed.classes.call(this),\n 'v-btn--absolute': this.absolute,\n 'v-btn--block': this.block,\n 'v-btn--bottom': this.bottom,\n 'v-btn--contained': this.contained,\n 'v-btn--depressed': this.depressed || this.outlined,\n 'v-btn--disabled': this.disabled,\n 'v-btn--fab': this.fab,\n 'v-btn--fixed': this.fixed,\n 'v-btn--flat': this.isFlat,\n 'v-btn--icon': this.icon,\n 'v-btn--left': this.left,\n 'v-btn--loading': this.loading,\n 'v-btn--outlined': this.outlined,\n 'v-btn--right': this.right,\n 'v-btn--round': this.isRound,\n 'v-btn--rounded': this.rounded,\n 'v-btn--router': this.to,\n 'v-btn--text': this.text,\n 'v-btn--tile': this.tile,\n 'v-btn--top': this.top,\n ...this.themeClasses,\n ...this.groupClasses,\n ...this.elevationClasses,\n ...this.sizeableClasses\n };\n },\n\n contained() {\n return Boolean(!this.isFlat && !this.depressed && // Contained class only adds elevation\n // is not needed if user provides value\n !this.elevation);\n },\n\n computedRipple() {\n const defaultRipple = this.icon || this.fab ? {\n circle: true\n } : true;\n if (this.disabled) return false;else return this.ripple != null ? this.ripple : defaultRipple;\n },\n\n isFlat() {\n return Boolean(this.icon || this.text || this.outlined);\n },\n\n isRound() {\n return Boolean(this.icon || this.fab);\n },\n\n styles() {\n return { ...this.measurableStyles\n };\n }\n\n },\n\n created() {\n const breakingProps = [['flat', 'text'], ['outline', 'outlined'], ['round', 'rounded']];\n /* istanbul ignore next */\n\n breakingProps.forEach(([original, replacement]) => {\n if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);\n });\n },\n\n methods: {\n click(e) {\n !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur();\n this.$emit('click', e);\n this.btnToggle && this.toggle();\n },\n\n genContent() {\n return this.$createElement('span', {\n staticClass: 'v-btn__content'\n }, this.$slots.default);\n },\n\n genLoader() {\n return this.$createElement('span', {\n class: 'v-btn__loader'\n }, this.$slots.loader || [this.$createElement(VProgressCircular, {\n props: {\n indeterminate: true,\n size: 23,\n width: 2\n }\n })]);\n }\n\n },\n\n render(h) {\n const children = [this.genContent(), this.loading && this.genLoader()];\n const setColor = !this.isFlat ? this.setBackgroundColor : this.setTextColor;\n const {\n tag,\n data\n } = this.generateRouteLink();\n\n if (tag === 'button') {\n data.attrs.type = this.type;\n data.attrs.disabled = this.disabled;\n }\n\n data.attrs.value = ['string', 'number'].includes(typeof this.value) ? this.value : JSON.stringify(this.value);\n return h(tag, this.disabled ? data : setColor(this.color, data), children);\n }\n\n});\n//# sourceMappingURL=VBtn.js.map","import Vue from 'vue';\nimport { deepEqual } from '../../util/helpers';\nexport default Vue.extend({\n name: 'comparable',\n props: {\n valueComparator: {\n type: Function,\n default: deepEqual\n }\n }\n});\n//# sourceMappingURL=index.js.map","import VCard from './VCard';\nimport { createSimpleFunctional } from '../../util/helpers';\nconst VCardActions = createSimpleFunctional('v-card__actions');\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle');\nconst VCardText = createSimpleFunctional('v-card__text');\nconst VCardTitle = createSimpleFunctional('v-card__title');\nexport { VCard, VCardActions, VCardSubtitle, VCardText, VCardTitle };\nexport default {\n $_vuetify_subcomponents: {\n VCard,\n VCardActions,\n VCardSubtitle,\n VCardText,\n VCardTitle\n }\n};\n//# sourceMappingURL=index.js.map","// Utilities\nimport { removed } from '../../util/console'; // Types\n\nimport Vue from 'vue';\n/**\n * Bootable\n * @mixin\n *\n * Used to add lazy content functionality to components\n * Looks for change in \"isActive\" to automatically boot\n * Otherwise can be set manually\n */\n\n/* @vue/component */\n\nexport default Vue.extend().extend({\n name: 'bootable',\n props: {\n eager: Boolean\n },\n data: () => ({\n isBooted: false\n }),\n computed: {\n hasContent() {\n return this.isBooted || this.eager || this.isActive;\n }\n\n },\n watch: {\n isActive() {\n this.isBooted = true;\n }\n\n },\n\n created() {\n /* istanbul ignore next */\n if ('lazy' in this.$attrs) {\n removed('lazy', this);\n }\n },\n\n methods: {\n showLazyContent(content) {\n return this.hasContent ? content : undefined;\n }\n\n }\n});\n//# sourceMappingURL=index.js.map","// Types\nimport Vue from 'vue';\nexport default function VGrid(name) {\n /* @vue/component */\n return Vue.extend({\n name: `v-${name}`,\n functional: true,\n props: {\n id: String,\n tag: {\n type: String,\n default: 'div'\n }\n },\n\n render(h, {\n props,\n data,\n children\n }) {\n data.staticClass = `${name} ${data.staticClass || ''}`.trim();\n const {\n attrs\n } = data;\n\n if (attrs) {\n // reset attrs to extract utility clases like pa-3\n data.attrs = {};\n const classes = Object.keys(attrs).filter(key => {\n // TODO: Remove once resolved\n // https://github.com/vuejs/vue/issues/7841\n if (key === 'slot') return false;\n const value = attrs[key]; // add back data attributes like data-test=\"foo\" but do not\n // add them as classes\n\n if (key.startsWith('data-')) {\n data.attrs[key] = value;\n return false;\n }\n\n return value || typeof value === 'string';\n });\n if (classes.length) data.staticClass += ` ${classes.join(' ')}`;\n }\n\n if (props.id) {\n data.domProps = data.domProps || {};\n data.domProps.id = props.id;\n }\n\n return h(props.tag, data, children);\n }\n\n });\n}\n//# sourceMappingURL=grid.js.map","import \"../../../src/components/VGrid/_grid.sass\";\nimport \"../../../src/components/VGrid/VGrid.sass\";\nimport Grid from './grid';\nimport mergeData from '../../util/mergeData';\n/* @vue/component */\n\nexport default Grid('container').extend({\n name: 'v-container',\n functional: true,\n props: {\n id: String,\n tag: {\n type: String,\n default: 'div'\n },\n fluid: {\n type: Boolean,\n default: false\n }\n },\n\n render(h, {\n props,\n data,\n children\n }) {\n let classes;\n const {\n attrs\n } = data;\n\n if (attrs) {\n // reset attrs to extract utility clases like pa-3\n data.attrs = {};\n classes = Object.keys(attrs).filter(key => {\n // TODO: Remove once resolved\n // https://github.com/vuejs/vue/issues/7841\n if (key === 'slot') return false;\n const value = attrs[key]; // add back data attributes like data-test=\"foo\" but do not\n // add them as classes\n\n if (key.startsWith('data-')) {\n data.attrs[key] = value;\n return false;\n }\n\n return value || typeof value === 'string';\n });\n }\n\n if (props.id) {\n data.domProps = data.domProps || {};\n data.domProps.id = props.id;\n }\n\n return h(props.tag, mergeData(data, {\n staticClass: 'container',\n class: Array({\n 'container--fluid': props.fluid\n }).concat(classes || [])\n }), children);\n }\n\n});\n//# sourceMappingURL=VContainer.js.map","// Styles\nimport \"../../../src/components/VWindow/VWindow.sass\"; // Components\n\nimport VBtn from '../VBtn';\nimport VIcon from '../VIcon';\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'; // Directives\n\nimport Touch from '../../directives/touch';\n/* @vue/component */\n\nexport default BaseItemGroup.extend({\n name: 'v-window',\n\n provide() {\n return {\n windowGroup: this\n };\n },\n\n directives: {\n Touch\n },\n props: {\n activeClass: {\n type: String,\n default: 'v-window-item--active'\n },\n continuous: Boolean,\n mandatory: {\n type: Boolean,\n default: true\n },\n nextIcon: {\n type: [Boolean, String],\n default: '$next'\n },\n prevIcon: {\n type: [Boolean, String],\n default: '$prev'\n },\n reverse: {\n type: Boolean,\n default: undefined\n },\n showArrows: Boolean,\n showArrowsOnHover: Boolean,\n touch: Object,\n touchless: Boolean,\n value: {\n required: false\n },\n vertical: Boolean\n },\n\n data() {\n return {\n changedByDelimiters: false,\n internalHeight: undefined,\n transitionHeight: undefined,\n transitionCount: 0,\n isBooted: false,\n isReverse: false\n };\n },\n\n computed: {\n isActive() {\n return this.transitionCount > 0;\n },\n\n classes() {\n return { ...BaseItemGroup.options.computed.classes.call(this),\n 'v-window--show-arrows-on-hover': this.showArrowsOnHover\n };\n },\n\n computedTransition() {\n if (!this.isBooted) return '';\n const axis = this.vertical ? 'y' : 'x';\n const reverse = this.$vuetify.rtl && axis === 'x' ? !this.internalReverse : this.internalReverse;\n const direction = reverse ? '-reverse' : '';\n return `v-window-${axis}${direction}-transition`;\n },\n\n hasActiveItems() {\n return Boolean(this.items.find(item => !item.disabled));\n },\n\n hasNext() {\n return this.continuous || this.internalIndex < this.items.length - 1;\n },\n\n hasPrev() {\n return this.continuous || this.internalIndex > 0;\n },\n\n internalIndex() {\n return this.items.findIndex((item, i) => {\n return this.internalValue === this.getValue(item, i);\n });\n },\n\n internalReverse() {\n if (this.reverse !== undefined) return this.reverse;\n return this.isReverse;\n }\n\n },\n watch: {\n internalIndex: 'updateReverse'\n },\n\n mounted() {\n window.requestAnimationFrame(() => this.isBooted = true);\n },\n\n methods: {\n genContainer() {\n const children = [this.$slots.default];\n\n if (this.showArrows) {\n children.push(this.genControlIcons());\n }\n\n return this.$createElement('div', {\n staticClass: 'v-window__container',\n class: {\n 'v-window__container--is-active': this.isActive\n },\n style: {\n height: this.internalHeight || this.transitionHeight\n }\n }, children);\n },\n\n genIcon(direction, icon, fn) {\n return this.$createElement('div', {\n staticClass: `v-window__${direction}`\n }, [this.$createElement(VBtn, {\n props: {\n icon: true\n },\n attrs: {\n 'aria-label': this.$vuetify.lang.t(`$vuetify.carousel.${direction}`)\n },\n on: {\n click: () => {\n this.changedByDelimiters = true;\n fn();\n }\n }\n }, [this.$createElement(VIcon, {\n props: {\n large: true\n }\n }, icon)])]);\n },\n\n genControlIcons() {\n const icons = [];\n const prevIcon = this.$vuetify.rtl ? this.nextIcon : this.prevIcon;\n /* istanbul ignore else */\n\n if (this.hasPrev && prevIcon && typeof prevIcon === 'string') {\n const icon = this.genIcon('prev', prevIcon, this.prev);\n icon && icons.push(icon);\n }\n\n const nextIcon = this.$vuetify.rtl ? this.prevIcon : this.nextIcon;\n /* istanbul ignore else */\n\n if (this.hasNext && nextIcon && typeof nextIcon === 'string') {\n const icon = this.genIcon('next', nextIcon, this.next);\n icon && icons.push(icon);\n }\n\n return icons;\n },\n\n getNextIndex(index) {\n const nextIndex = (index + 1) % this.items.length;\n const item = this.items[nextIndex];\n if (item.disabled) return this.getNextIndex(nextIndex);\n return nextIndex;\n },\n\n getPrevIndex(index) {\n const prevIndex = (index + this.items.length - 1) % this.items.length;\n const item = this.items[prevIndex];\n if (item.disabled) return this.getPrevIndex(prevIndex);\n return prevIndex;\n },\n\n next() {\n this.isReverse = this.$vuetify.rtl;\n /* istanbul ignore if */\n\n if (!this.hasActiveItems || !this.hasNext) return;\n const nextIndex = this.getNextIndex(this.internalIndex);\n const item = this.items[nextIndex];\n this.internalValue = this.getValue(item, nextIndex);\n },\n\n prev() {\n this.isReverse = !this.$vuetify.rtl;\n /* istanbul ignore if */\n\n if (!this.hasActiveItems || !this.hasPrev) return;\n const lastIndex = this.getPrevIndex(this.internalIndex);\n const item = this.items[lastIndex];\n this.internalValue = this.getValue(item, lastIndex);\n },\n\n updateReverse(val, oldVal) {\n if (this.changedByDelimiters) {\n this.changedByDelimiters = false;\n return;\n }\n\n this.isReverse = val < oldVal;\n }\n\n },\n\n render(h) {\n const data = {\n staticClass: 'v-window',\n class: this.classes,\n directives: []\n };\n\n if (!this.touchless) {\n const value = this.touch || {\n left: () => {\n this.$vuetify.rtl ? this.prev() : this.next();\n },\n right: () => {\n this.$vuetify.rtl ? this.next() : this.prev();\n },\n end: e => {\n e.stopPropagation();\n },\n start: e => {\n e.stopPropagation();\n }\n };\n data.directives.push({\n name: 'touch',\n value\n });\n }\n\n return h('div', data, [this.genContainer()]);\n }\n\n});\n//# sourceMappingURL=VWindow.js.map","// Extensions\nimport VWindow from '../VWindow/VWindow'; // Types & Components\n\nimport { BaseItemGroup } from './../VItemGroup/VItemGroup';\n/* @vue/component */\n\nexport default VWindow.extend({\n name: 'v-tabs-items',\n props: {\n mandatory: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n classes() {\n return { ...VWindow.options.computed.classes.call(this),\n 'v-tabs-items': true\n };\n },\n\n isDark() {\n return this.rootIsDark;\n }\n\n },\n methods: {\n getValue(item, i) {\n return item.id || BaseItemGroup.options.methods.getValue.call(this, item, i);\n }\n\n }\n});\n//# sourceMappingURL=VTabsItems.js.map","import VBtn from './VBtn';\nexport { VBtn };\nexport default VBtn;\n//# sourceMappingURL=index.js.map","// Styles\nimport \"../../../src/components/VCard/VCard.sass\"; // Extensions\n\nimport VSheet from '../VSheet'; // Mixins\n\nimport Loadable from '../../mixins/loadable';\nimport Routable from '../../mixins/routable'; // Helpers\n\nimport mixins from '../../util/mixins';\n/* @vue/component */\n\nexport default mixins(Loadable, Routable, VSheet).extend({\n name: 'v-card',\n props: {\n flat: Boolean,\n hover: Boolean,\n img: String,\n link: Boolean,\n loaderHeight: {\n type: [Number, String],\n default: 4\n },\n outlined: Boolean,\n raised: Boolean,\n shaped: Boolean\n },\n computed: {\n classes() {\n return {\n 'v-card': true,\n ...Routable.options.computed.classes.call(this),\n 'v-card--flat': this.flat,\n 'v-card--hover': this.hover,\n 'v-card--link': this.isClickable,\n 'v-card--loading': this.loading,\n 'v-card--disabled': this.disabled,\n 'v-card--outlined': this.outlined,\n 'v-card--raised': this.raised,\n 'v-card--shaped': this.shaped,\n ...VSheet.options.computed.classes.call(this)\n };\n },\n\n styles() {\n const style = { ...VSheet.options.computed.styles.call(this)\n };\n\n if (this.img) {\n style.background = `url(\"${this.img}\") center center / cover no-repeat`;\n }\n\n return style;\n }\n\n },\n methods: {\n genProgress() {\n const render = Loadable.options.methods.genProgress.call(this);\n if (!render) return null;\n return this.$createElement('div', {\n staticClass: 'v-card__progress'\n }, [render]);\n }\n\n },\n\n render(h) {\n const {\n tag,\n data\n } = this.generateRouteLink();\n data.style = this.styles;\n\n if (this.isClickable) {\n data.attrs = data.attrs || {};\n data.attrs.tabindex = 0;\n }\n\n return h(tag, this.setBackgroundColor(this.color, data), [this.genProgress(), this.$slots.default]);\n }\n\n});\n//# sourceMappingURL=VCard.js.map","// Styles\nimport \"../../../src/styles/components/_selection-controls.sass\";\nimport \"../../../src/components/VSwitch/VSwitch.sass\"; // Mixins\n\nimport Selectable from '../../mixins/selectable';\nimport VInput from '../VInput'; // Directives\n\nimport Touch from '../../directives/touch'; // Components\n\nimport { VFabTransition } from '../transitions';\nimport VProgressCircular from '../VProgressCircular/VProgressCircular'; // Helpers\n\nimport { keyCodes } from '../../util/helpers';\n/* @vue/component */\n\nexport default Selectable.extend({\n name: 'v-switch',\n directives: {\n Touch\n },\n props: {\n inset: Boolean,\n loading: {\n type: [Boolean, String],\n default: false\n },\n flat: {\n type: Boolean,\n default: false\n }\n },\n computed: {\n classes() {\n return { ...VInput.options.computed.classes.call(this),\n 'v-input--selection-controls v-input--switch': true,\n 'v-input--switch--flat': this.flat,\n 'v-input--switch--inset': this.inset\n };\n },\n\n attrs() {\n return {\n 'aria-checked': String(this.isActive),\n 'aria-disabled': String(this.disabled),\n role: 'switch'\n };\n },\n\n // Do not return undefined if disabled,\n // according to spec, should still show\n // a color when disabled and active\n validationState() {\n if (this.hasError && this.shouldValidate) return 'error';\n if (this.hasSuccess) return 'success';\n if (this.hasColor !== null) return this.computedColor;\n return undefined;\n },\n\n switchData() {\n return this.setTextColor(this.loading ? undefined : this.validationState, {\n class: this.themeClasses\n });\n }\n\n },\n methods: {\n genDefaultSlot() {\n return [this.genSwitch(), this.genLabel()];\n },\n\n genSwitch() {\n return this.$createElement('div', {\n staticClass: 'v-input--selection-controls__input'\n }, [this.genInput('checkbox', { ...this.attrs,\n ...this.attrs$\n }), this.genRipple(this.setTextColor(this.validationState, {\n directives: [{\n name: 'touch',\n value: {\n left: this.onSwipeLeft,\n right: this.onSwipeRight\n }\n }]\n })), this.$createElement('div', {\n staticClass: 'v-input--switch__track',\n ...this.switchData\n }), this.$createElement('div', {\n staticClass: 'v-input--switch__thumb',\n ...this.switchData\n }, [this.genProgress()])]);\n },\n\n genProgress() {\n return this.$createElement(VFabTransition, {}, [this.loading === false ? null : this.$slots.progress || this.$createElement(VProgressCircular, {\n props: {\n color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,\n size: 16,\n width: 2,\n indeterminate: true\n }\n })]);\n },\n\n onSwipeLeft() {\n if (this.isActive) this.onChange();\n },\n\n onSwipeRight() {\n if (!this.isActive) this.onChange();\n },\n\n onKeydown(e) {\n if (e.keyCode === keyCodes.left && this.isActive || e.keyCode === keyCodes.right && !this.isActive) this.onChange();\n }\n\n }\n});\n//# sourceMappingURL=VSwitch.js.map","import { keys } from '../../util/helpers';\n\nconst handleGesture = wrapper => {\n const {\n touchstartX,\n touchendX,\n touchstartY,\n touchendY\n } = wrapper;\n const dirRatio = 0.5;\n const minDistance = 16;\n wrapper.offsetX = touchendX - touchstartX;\n wrapper.offsetY = touchendY - touchstartY;\n\n if (Math.abs(wrapper.offsetY) < dirRatio * Math.abs(wrapper.offsetX)) {\n wrapper.left && touchendX < touchstartX - minDistance && wrapper.left(wrapper);\n wrapper.right && touchendX > touchstartX + minDistance && wrapper.right(wrapper);\n }\n\n if (Math.abs(wrapper.offsetX) < dirRatio * Math.abs(wrapper.offsetY)) {\n wrapper.up && touchendY < touchstartY - minDistance && wrapper.up(wrapper);\n wrapper.down && touchendY > touchstartY + minDistance && wrapper.down(wrapper);\n }\n};\n\nfunction touchstart(event, wrapper) {\n const touch = event.changedTouches[0];\n wrapper.touchstartX = touch.clientX;\n wrapper.touchstartY = touch.clientY;\n wrapper.start && wrapper.start(Object.assign(event, wrapper));\n}\n\nfunction touchend(event, wrapper) {\n const touch = event.changedTouches[0];\n wrapper.touchendX = touch.clientX;\n wrapper.touchendY = touch.clientY;\n wrapper.end && wrapper.end(Object.assign(event, wrapper));\n handleGesture(wrapper);\n}\n\nfunction touchmove(event, wrapper) {\n const touch = event.changedTouches[0];\n wrapper.touchmoveX = touch.clientX;\n wrapper.touchmoveY = touch.clientY;\n wrapper.move && wrapper.move(Object.assign(event, wrapper));\n}\n\nfunction createHandlers(value) {\n const wrapper = {\n touchstartX: 0,\n touchstartY: 0,\n touchendX: 0,\n touchendY: 0,\n touchmoveX: 0,\n touchmoveY: 0,\n offsetX: 0,\n offsetY: 0,\n left: value.left,\n right: value.right,\n up: value.up,\n down: value.down,\n start: value.start,\n move: value.move,\n end: value.end\n };\n return {\n touchstart: e => touchstart(e, wrapper),\n touchend: e => touchend(e, wrapper),\n touchmove: e => touchmove(e, wrapper)\n };\n}\n\nfunction inserted(el, binding, vnode) {\n const value = binding.value;\n const target = value.parent ? el.parentElement : el;\n const options = value.options || {\n passive: true\n }; // Needed to pass unit tests\n\n if (!target) return;\n const handlers = createHandlers(binding.value);\n target._touchHandlers = Object(target._touchHandlers);\n target._touchHandlers[vnode.context._uid] = handlers;\n keys(handlers).forEach(eventName => {\n target.addEventListener(eventName, handlers[eventName], options);\n });\n}\n\nfunction unbind(el, binding, vnode) {\n const target = binding.value.parent ? el.parentElement : el;\n if (!target || !target._touchHandlers) return;\n const handlers = target._touchHandlers[vnode.context._uid];\n keys(handlers).forEach(eventName => {\n target.removeEventListener(eventName, handlers[eventName]);\n });\n delete target._touchHandlers[vnode.context._uid];\n}\n\nexport const Touch = {\n inserted,\n unbind\n};\nexport default Touch;\n//# sourceMappingURL=index.js.map","// Mixins\nimport Bootable from '../../mixins/bootable';\nimport { factory as GroupableFactory } from '../../mixins/groupable'; // Directives\n\nimport Touch from '../../directives/touch'; // Utilities\n\nimport { convertToUnit } from '../../util/helpers';\nimport mixins from '../../util/mixins';\nconst baseMixins = mixins(Bootable, GroupableFactory('windowGroup', 'v-window-item', 'v-window'));\nexport default baseMixins.extend().extend().extend({\n name: 'v-window-item',\n directives: {\n Touch\n },\n props: {\n disabled: Boolean,\n reverseTransition: {\n type: [Boolean, String],\n default: undefined\n },\n transition: {\n type: [Boolean, String],\n default: undefined\n },\n value: {\n required: false\n }\n },\n\n data() {\n return {\n isActive: false,\n inTransition: false\n };\n },\n\n computed: {\n classes() {\n return this.groupClasses;\n },\n\n computedTransition() {\n if (!this.windowGroup.internalReverse) {\n return typeof this.transition !== 'undefined' ? this.transition || '' : this.windowGroup.computedTransition;\n }\n\n return typeof this.reverseTransition !== 'undefined' ? this.reverseTransition || '' : this.windowGroup.computedTransition;\n }\n\n },\n methods: {\n genDefaultSlot() {\n return this.$slots.default;\n },\n\n genWindowItem() {\n return this.$createElement('div', {\n staticClass: 'v-window-item',\n class: this.classes,\n directives: [{\n name: 'show',\n value: this.isActive\n }],\n on: this.$listeners\n }, this.showLazyContent(this.genDefaultSlot()));\n },\n\n onAfterTransition() {\n if (!this.inTransition) {\n return;\n } // Finalize transition state.\n\n\n this.inTransition = false;\n\n if (this.windowGroup.transitionCount > 0) {\n this.windowGroup.transitionCount--; // Remove container height if we are out of transition.\n\n if (this.windowGroup.transitionCount === 0) {\n this.windowGroup.transitionHeight = undefined;\n }\n }\n },\n\n onBeforeTransition() {\n if (this.inTransition) {\n return;\n } // Initialize transition state here.\n\n\n this.inTransition = true;\n\n if (this.windowGroup.transitionCount === 0) {\n // Set initial height for height transition.\n this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight);\n }\n\n this.windowGroup.transitionCount++;\n },\n\n onTransitionCancelled() {\n this.onAfterTransition(); // This should have the same path as normal transition end.\n },\n\n onEnter(el) {\n if (!this.inTransition) {\n return;\n }\n\n this.$nextTick(() => {\n // Do not set height if no transition or cancelled.\n if (!this.computedTransition || !this.inTransition) {\n return;\n } // Set transition target height.\n\n\n this.windowGroup.transitionHeight = convertToUnit(el.clientHeight);\n });\n }\n\n },\n\n render(h) {\n return h('transition', {\n props: {\n name: this.computedTransition\n },\n on: {\n // Handlers for enter windows.\n beforeEnter: this.onBeforeTransition,\n afterEnter: this.onAfterTransition,\n enterCancelled: this.onTransitionCancelled,\n // Handlers for leave windows.\n beforeLeave: this.onBeforeTransition,\n afterLeave: this.onAfterTransition,\n leaveCancelled: this.onTransitionCancelled,\n // Enter handler for height transition.\n enter: this.onEnter\n }\n }, [this.genWindowItem()]);\n }\n\n});\n//# sourceMappingURL=VWindowItem.js.map","// Extensions\nimport VWindowItem from '../VWindow/VWindowItem';\n/* @vue/component */\n\nexport default VWindowItem.extend({\n name: 'v-tab-item',\n props: {\n id: String\n },\n methods: {\n genWindowItem() {\n const item = VWindowItem.options.methods.genWindowItem.call(this);\n item.data.domProps = item.data.domProps || {};\n item.data.domProps.id = this.id || this.value;\n return item;\n }\n\n }\n});\n//# sourceMappingURL=VTabItem.js.map","import Vue from 'vue';\n/**\n * SSRBootable\n *\n * @mixin\n *\n * Used in layout components (drawer, toolbar, content)\n * to avoid an entry animation when using SSR\n */\n\nexport default Vue.extend({\n name: 'ssr-bootable',\n data: () => ({\n isBooted: false\n }),\n\n mounted() {\n // Use setAttribute instead of dataset\n // because dataset does not work well\n // with unit tests\n window.requestAnimationFrame(() => {\n this.$el.setAttribute('data-booted', 'true');\n this.isBooted = true;\n });\n }\n\n});\n//# sourceMappingURL=index.js.map","function inserted(el, binding) {\n const callback = binding.value;\n const options = binding.options || {\n passive: true\n };\n window.addEventListener('resize', callback, options);\n el._onResize = {\n callback,\n options\n };\n\n if (!binding.modifiers || !binding.modifiers.quiet) {\n callback();\n }\n}\n\nfunction unbind(el) {\n if (!el._onResize) return;\n const {\n callback,\n options\n } = el._onResize;\n window.removeEventListener('resize', callback, options);\n delete el._onResize;\n}\n\nexport const Resize = {\n inserted,\n unbind\n};\nexport default Resize;\n//# sourceMappingURL=index.js.map","import Vue from 'vue';\nexport function factory(prop = 'value', event = 'input') {\n return Vue.extend({\n name: 'toggleable',\n model: {\n prop,\n event\n },\n props: {\n [prop]: {\n required: false\n }\n },\n\n data() {\n return {\n isActive: !!this[prop]\n };\n },\n\n watch: {\n [prop](val) {\n this.isActive = !!val;\n },\n\n isActive(val) {\n !!val !== this[prop] && this.$emit(event, val);\n }\n\n }\n });\n}\n/* eslint-disable-next-line no-redeclare */\n\nconst Toggleable = factory();\nexport default Toggleable;\n//# sourceMappingURL=index.js.map","// Directives\nimport ripple from '../../directives/ripple'; // Types\n\nimport Vue from 'vue';\nexport default Vue.extend({\n name: 'rippleable',\n directives: {\n ripple\n },\n props: {\n ripple: {\n type: [Boolean, Object],\n default: true\n }\n },\n methods: {\n genRipple(data = {}) {\n if (!this.ripple) return null;\n data.staticClass = 'v-input--selection-controls__ripple';\n data.directives = data.directives || [];\n data.directives.push({\n name: 'ripple',\n value: {\n center: true\n }\n });\n data.on = Object.assign({\n click: this.onChange\n }, this.$listeners);\n return this.$createElement('div', data);\n },\n\n onChange() {}\n\n }\n});\n//# sourceMappingURL=index.js.map","// Components\nimport VInput from '../../components/VInput'; // Mixins\n\nimport Rippleable from '../rippleable';\nimport Comparable from '../comparable'; // Utilities\n\nimport mixins from '../../util/mixins';\n/* @vue/component */\n\nexport default mixins(VInput, Rippleable, Comparable).extend({\n name: 'selectable',\n model: {\n prop: 'inputValue',\n event: 'change'\n },\n props: {\n id: String,\n inputValue: null,\n falseValue: null,\n trueValue: null,\n multiple: {\n type: Boolean,\n default: null\n },\n label: String\n },\n\n data() {\n return {\n hasColor: this.inputValue,\n lazyValue: this.inputValue\n };\n },\n\n computed: {\n computedColor() {\n if (!this.isActive) return undefined;\n if (this.color) return this.color;\n if (this.isDark && !this.appIsDark) return 'white';\n return 'accent';\n },\n\n isMultiple() {\n return this.multiple === true || this.multiple === null && Array.isArray(this.internalValue);\n },\n\n isActive() {\n const value = this.value;\n const input = this.internalValue;\n\n if (this.isMultiple) {\n if (!Array.isArray(input)) return false;\n return input.some(item => this.valueComparator(item, value));\n }\n\n if (this.trueValue === undefined || this.falseValue === undefined) {\n return value ? this.valueComparator(value, input) : Boolean(input);\n }\n\n return this.valueComparator(input, this.trueValue);\n },\n\n isDirty() {\n return this.isActive;\n }\n\n },\n watch: {\n inputValue(val) {\n this.lazyValue = val;\n this.hasColor = val;\n }\n\n },\n methods: {\n genLabel() {\n const label = VInput.options.methods.genLabel.call(this);\n if (!label) return label;\n label.data.on = {\n click: e => {\n // Prevent label from\n // causing the input\n // to focus\n e.preventDefault();\n this.onChange();\n }\n };\n return label;\n },\n\n genInput(type, attrs) {\n return this.$createElement('input', {\n attrs: Object.assign({\n 'aria-checked': this.isActive.toString(),\n disabled: this.isDisabled,\n id: this.computedId,\n role: type,\n type\n }, attrs),\n domProps: {\n value: this.value,\n checked: this.isActive\n },\n on: {\n blur: this.onBlur,\n change: this.onChange,\n focus: this.onFocus,\n keydown: this.onKeydown\n },\n ref: 'input'\n });\n },\n\n onBlur() {\n this.isFocused = false;\n },\n\n onChange() {\n if (this.isDisabled) return;\n const value = this.value;\n let input = this.internalValue;\n\n if (this.isMultiple) {\n if (!Array.isArray(input)) {\n input = [];\n }\n\n const length = input.length;\n input = input.filter(item => !this.valueComparator(item, value));\n\n if (input.length === length) {\n input.push(value);\n }\n } else if (this.trueValue !== undefined && this.falseValue !== undefined) {\n input = this.valueComparator(input, this.trueValue) ? this.falseValue : this.trueValue;\n } else if (value) {\n input = this.valueComparator(input, value) ? null : value;\n } else {\n input = !input;\n }\n\n this.validate(true, input);\n this.internalValue = input;\n this.hasColor = input;\n },\n\n onFocus() {\n this.isFocused = true;\n },\n\n /** @abstract */\n onKeydown(e) {}\n\n }\n});\n//# sourceMappingURL=index.js.map","// Styles\nimport \"../../../src/components/VSlideGroup/VSlideGroup.sass\"; // Components\n\nimport VIcon from '../VIcon';\nimport { VFadeTransition } from '../transitions'; // Extensions\n\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'; // Directives\n\nimport Resize from '../../directives/resize';\nimport Touch from '../../directives/touch'; // Utilities\n\nimport mixins from '../../util/mixins';\nexport const BaseSlideGroup = mixins(BaseItemGroup\n/* @vue/component */\n).extend({\n name: 'base-slide-group',\n directives: {\n Resize,\n Touch\n },\n props: {\n activeClass: {\n type: String,\n default: 'v-slide-item--active'\n },\n centerActive: Boolean,\n nextIcon: {\n type: String,\n default: '$next'\n },\n mobileBreakPoint: {\n type: [Number, String],\n default: 1264,\n validator: v => !isNaN(parseInt(v))\n },\n prevIcon: {\n type: String,\n default: '$prev'\n },\n showArrows: Boolean\n },\n data: () => ({\n internalItemsLength: 0,\n isOverflowing: false,\n resizeTimeout: 0,\n startX: 0,\n scrollOffset: 0,\n widths: {\n content: 0,\n wrapper: 0\n }\n }),\n computed: {\n __cachedNext() {\n return this.genTransition('next');\n },\n\n __cachedPrev() {\n return this.genTransition('prev');\n },\n\n classes() {\n return { ...BaseItemGroup.options.computed.classes.call(this),\n 'v-slide-group': true,\n 'v-slide-group--has-affixes': this.hasAffixes,\n 'v-slide-group--is-overflowing': this.isOverflowing\n };\n },\n\n hasAffixes() {\n return (this.showArrows || !this.isMobile) && this.isOverflowing;\n },\n\n hasNext() {\n if (!this.hasAffixes) return false;\n const {\n content,\n wrapper\n } = this.widths; // Check one scroll ahead to know the width of right-most item\n\n return content > Math.abs(this.scrollOffset) + wrapper;\n },\n\n hasPrev() {\n return this.hasAffixes && this.scrollOffset !== 0;\n },\n\n isMobile() {\n return this.$vuetify.breakpoint.width < this.mobileBreakPoint;\n }\n\n },\n watch: {\n internalValue: 'setWidths',\n // When overflow changes, the arrows alter\n // the widths of the content and wrapper\n // and need to be recalculated\n isOverflowing: 'setWidths',\n\n scrollOffset(val) {\n this.$refs.content.style.transform = `translateX(${-val}px)`;\n }\n\n },\n\n beforeUpdate() {\n this.internalItemsLength = (this.$children || []).length;\n },\n\n updated() {\n if (this.internalItemsLength === (this.$children || []).length) return;\n this.setWidths();\n },\n\n methods: {\n genNext() {\n if (!this.hasAffixes) return null;\n const slot = this.$scopedSlots.next ? this.$scopedSlots.next({}) : this.$slots.next || this.__cachedNext;\n return this.$createElement('div', {\n staticClass: 'v-slide-group__next',\n class: {\n 'v-slide-group__next--disabled': !this.hasNext\n },\n on: {\n click: () => this.onAffixClick('next')\n },\n key: 'next'\n }, [slot]);\n },\n\n genContent() {\n return this.$createElement('div', {\n staticClass: 'v-slide-group__content',\n ref: 'content'\n }, this.$slots.default);\n },\n\n genData() {\n return {\n class: this.classes,\n directives: [{\n name: 'resize',\n value: this.onResize\n }]\n };\n },\n\n genIcon(location) {\n let icon = location;\n\n if (this.$vuetify.rtl && location === 'prev') {\n icon = 'next';\n } else if (this.$vuetify.rtl && location === 'next') {\n icon = 'prev';\n }\n\n const upperLocation = `${location[0].toUpperCase()}${location.slice(1)}`;\n const hasAffix = this[`has${upperLocation}`];\n if (!this.showArrows && !hasAffix) return null;\n return this.$createElement(VIcon, {\n props: {\n disabled: !hasAffix\n }\n }, this[`${icon}Icon`]);\n },\n\n // Always generate prev for scrollable hint\n genPrev() {\n const slot = this.$scopedSlots.prev ? this.$scopedSlots.prev({}) : this.$slots.prev || this.__cachedPrev;\n return this.$createElement('div', {\n staticClass: 'v-slide-group__prev',\n class: {\n 'v-slide-group__prev--disabled': !this.hasPrev\n },\n on: {\n click: () => this.onAffixClick('prev')\n },\n key: 'prev'\n }, [slot]);\n },\n\n genTransition(location) {\n return this.$createElement(VFadeTransition, [this.genIcon(location)]);\n },\n\n genWrapper() {\n return this.$createElement('div', {\n staticClass: 'v-slide-group__wrapper',\n directives: [{\n name: 'touch',\n value: {\n start: e => this.overflowCheck(e, this.onTouchStart),\n move: e => this.overflowCheck(e, this.onTouchMove),\n end: e => this.overflowCheck(e, this.onTouchEnd)\n }\n }],\n ref: 'wrapper'\n }, [this.genContent()]);\n },\n\n calculateNewOffset(direction, widths, rtl, currentScrollOffset) {\n const sign = rtl ? -1 : 1;\n const newAbosluteOffset = sign * currentScrollOffset + (direction === 'prev' ? -1 : 1) * widths.wrapper;\n return sign * Math.max(Math.min(newAbosluteOffset, widths.content - widths.wrapper), 0);\n },\n\n onAffixClick(location) {\n this.$emit(`click:${location}`);\n this.scrollTo(location);\n },\n\n onResize() {\n /* istanbul ignore next */\n if (this._isDestroyed) return;\n this.setWidths();\n },\n\n onTouchStart(e) {\n const {\n content\n } = this.$refs;\n this.startX = this.scrollOffset + e.touchstartX;\n content.style.setProperty('transition', 'none');\n content.style.setProperty('willChange', 'transform');\n },\n\n onTouchMove(e) {\n this.scrollOffset = this.startX - e.touchmoveX;\n },\n\n onTouchEnd() {\n const {\n content,\n wrapper\n } = this.$refs;\n const maxScrollOffset = content.clientWidth - wrapper.clientWidth;\n content.style.setProperty('transition', null);\n content.style.setProperty('willChange', null);\n\n if (this.$vuetify.rtl) {\n /* istanbul ignore else */\n if (this.scrollOffset > 0 || !this.isOverflowing) {\n this.scrollOffset = 0;\n } else if (this.scrollOffset <= -maxScrollOffset) {\n this.scrollOffset = -maxScrollOffset;\n }\n } else {\n /* istanbul ignore else */\n if (this.scrollOffset < 0 || !this.isOverflowing) {\n this.scrollOffset = 0;\n } else if (this.scrollOffset >= maxScrollOffset) {\n this.scrollOffset = maxScrollOffset;\n }\n }\n },\n\n overflowCheck(e, fn) {\n e.stopPropagation();\n this.isOverflowing && fn(e);\n },\n\n scrollIntoView\n /* istanbul ignore next */\n () {\n if (!this.selectedItem) {\n return;\n }\n\n if (this.selectedIndex === 0 || !this.centerActive && !this.isOverflowing) {\n this.scrollOffset = 0;\n } else if (this.centerActive) {\n this.scrollOffset = this.calculateCenteredOffset(this.selectedItem.$el, this.widths, this.$vuetify.rtl);\n } else if (this.isOverflowing) {\n this.scrollOffset = this.calculateUpdatedOffset(this.selectedItem.$el, this.widths, this.$vuetify.rtl, this.scrollOffset);\n }\n },\n\n calculateUpdatedOffset(selectedElement, widths, rtl, currentScrollOffset) {\n const clientWidth = selectedElement.clientWidth;\n const offsetLeft = rtl ? widths.content - selectedElement.offsetLeft - clientWidth : selectedElement.offsetLeft;\n\n if (rtl) {\n currentScrollOffset = -currentScrollOffset;\n }\n\n const totalWidth = widths.wrapper + currentScrollOffset;\n const itemOffset = clientWidth + offsetLeft;\n const additionalOffset = clientWidth * 0.4;\n\n if (offsetLeft < currentScrollOffset) {\n currentScrollOffset = Math.max(offsetLeft - additionalOffset, 0);\n } else if (totalWidth < itemOffset) {\n currentScrollOffset = Math.min(currentScrollOffset - (totalWidth - itemOffset - additionalOffset), widths.content - widths.wrapper);\n }\n\n return rtl ? -currentScrollOffset : currentScrollOffset;\n },\n\n calculateCenteredOffset(selectedElement, widths, rtl) {\n const {\n offsetLeft,\n clientWidth\n } = selectedElement;\n\n if (rtl) {\n const offsetCentered = widths.content - offsetLeft - clientWidth / 2 - widths.wrapper / 2;\n return -Math.min(widths.content - widths.wrapper, Math.max(0, offsetCentered));\n } else {\n const offsetCentered = offsetLeft + clientWidth / 2 - widths.wrapper / 2;\n return Math.min(widths.content - widths.wrapper, Math.max(0, offsetCentered));\n }\n },\n\n scrollTo\n /* istanbul ignore next */\n (location) {\n this.scrollOffset = this.calculateNewOffset(location, {\n // Force reflow\n content: this.$refs.content ? this.$refs.content.clientWidth : 0,\n wrapper: this.$refs.wrapper ? this.$refs.wrapper.clientWidth : 0\n }, this.$vuetify.rtl, this.scrollOffset);\n },\n\n setWidths\n /* istanbul ignore next */\n () {\n window.requestAnimationFrame(() => {\n const {\n content,\n wrapper\n } = this.$refs;\n this.widths = {\n content: content ? content.clientWidth : 0,\n wrapper: wrapper ? wrapper.clientWidth : 0\n };\n this.isOverflowing = this.widths.wrapper < this.widths.content;\n this.scrollIntoView();\n });\n }\n\n },\n\n render(h) {\n return h('div', this.genData(), [this.genPrev(), this.genWrapper(), this.genNext()]);\n }\n\n});\nexport default BaseSlideGroup.extend({\n name: 'v-slide-group',\n\n provide() {\n return {\n slideGroup: this\n };\n }\n\n});\n//# sourceMappingURL=VSlideGroup.js.map","// Extensions\nimport { BaseSlideGroup } from '../VSlideGroup/VSlideGroup'; // Mixins\n\nimport Themeable from '../../mixins/themeable';\nimport SSRBootable from '../../mixins/ssr-bootable'; // Utilities\n\nimport mixins from '../../util/mixins';\nexport default mixins(BaseSlideGroup, SSRBootable, Themeable\n/* @vue/component */\n).extend({\n name: 'v-tabs-bar',\n\n provide() {\n return {\n tabsBar: this\n };\n },\n\n computed: {\n classes() {\n return { ...BaseSlideGroup.options.computed.classes.call(this),\n 'v-tabs-bar': true,\n 'v-tabs-bar--is-mobile': this.isMobile,\n // TODO: Remove this and move to v-slide-group\n 'v-tabs-bar--show-arrows': this.showArrows,\n ...this.themeClasses\n };\n }\n\n },\n watch: {\n items: 'callSlider',\n internalValue: 'callSlider',\n $route: 'onRouteChange'\n },\n methods: {\n callSlider() {\n if (!this.isBooted) return;\n this.$emit('call:slider');\n },\n\n genContent() {\n const render = BaseSlideGroup.options.methods.genContent.call(this);\n render.data = render.data || {};\n render.data.staticClass += ' v-tabs-bar__content';\n return render;\n },\n\n onRouteChange(val, oldVal) {\n /* istanbul ignore next */\n if (this.mandatory) return;\n const items = this.items;\n const newPath = val.path;\n const oldPath = oldVal.path;\n let hasNew = false;\n let hasOld = false;\n\n for (const item of items) {\n if (item.to === newPath) hasNew = true;else if (item.to === oldPath) hasOld = true;\n if (hasNew && hasOld) break;\n } // If we have an old item and not a new one\n // it's assumed that the user navigated to\n // a path that is not present in the items\n\n\n if (!hasNew && hasOld) this.internalValue = undefined;\n }\n\n },\n\n render(h) {\n const render = BaseSlideGroup.options.render.call(this, h);\n render.data.attrs = {\n role: 'tablist'\n };\n return render;\n }\n\n});\n//# sourceMappingURL=VTabsBar.js.map","// Mixins\nimport Colorable from '../../mixins/colorable'; // Utilities\n\nimport mixins from '../../util/mixins';\n/* @vue/component */\n\nexport default mixins(Colorable).extend({\n name: 'v-tabs-slider',\n\n render(h) {\n return h('div', this.setBackgroundColor(this.color, {\n staticClass: 'v-tabs-slider'\n }));\n }\n\n});\n//# sourceMappingURL=VTabsSlider.js.map","// Styles\nimport \"../../../src/components/VTabs/VTabs.sass\"; // Components\n\nimport VTabsBar from './VTabsBar';\nimport VTabsItems from './VTabsItems';\nimport VTabsSlider from './VTabsSlider'; // Mixins\n\nimport Colorable from '../../mixins/colorable';\nimport Proxyable from '../../mixins/proxyable';\nimport Themeable from '../../mixins/themeable'; // Directives\n\nimport Resize from '../../directives/resize'; // Utilities\n\nimport { convertToUnit } from '../../util/helpers';\nimport mixins from '../../util/mixins';\nconst baseMixins = mixins(Colorable, Proxyable, Themeable);\nexport default baseMixins.extend().extend({\n name: 'v-tabs',\n directives: {\n Resize\n },\n props: {\n activeClass: {\n type: String,\n default: ''\n },\n alignWithTitle: Boolean,\n backgroundColor: String,\n centerActive: Boolean,\n centered: Boolean,\n fixedTabs: Boolean,\n grow: Boolean,\n height: {\n type: [Number, String],\n default: undefined\n },\n hideSlider: Boolean,\n iconsAndText: Boolean,\n mobileBreakPoint: {\n type: [Number, String],\n default: 1264\n },\n nextIcon: {\n type: String,\n default: '$next'\n },\n optional: Boolean,\n prevIcon: {\n type: String,\n default: '$prev'\n },\n right: Boolean,\n showArrows: Boolean,\n sliderColor: String,\n sliderSize: {\n type: [Number, String],\n default: 2\n },\n vertical: Boolean\n },\n\n data() {\n return {\n resizeTimeout: 0,\n slider: {\n height: null,\n left: null,\n right: null,\n top: null,\n width: null\n },\n transitionTime: 300\n };\n },\n\n computed: {\n classes() {\n return {\n 'v-tabs--align-with-title': this.alignWithTitle,\n 'v-tabs--centered': this.centered,\n 'v-tabs--fixed-tabs': this.fixedTabs,\n 'v-tabs--grow': this.grow,\n 'v-tabs--icons-and-text': this.iconsAndText,\n 'v-tabs--right': this.right,\n 'v-tabs--vertical': this.vertical,\n ...this.themeClasses\n };\n },\n\n isReversed() {\n return this.$vuetify.rtl && this.vertical;\n },\n\n sliderStyles() {\n return {\n height: convertToUnit(this.slider.height),\n left: this.isReversed ? undefined : convertToUnit(this.slider.left),\n right: this.isReversed ? convertToUnit(this.slider.right) : undefined,\n top: this.vertical ? convertToUnit(this.slider.top) : undefined,\n transition: this.slider.left != null ? null : 'none',\n width: convertToUnit(this.slider.width)\n };\n },\n\n computedColor() {\n if (this.color) return this.color;else if (this.isDark && !this.appIsDark) return 'white';else return 'primary';\n }\n\n },\n watch: {\n alignWithTitle: 'callSlider',\n centered: 'callSlider',\n centerActive: 'callSlider',\n fixedTabs: 'callSlider',\n grow: 'callSlider',\n right: 'callSlider',\n showArrows: 'callSlider',\n vertical: 'callSlider',\n '$vuetify.application.left': 'onResize',\n '$vuetify.application.right': 'onResize',\n '$vuetify.rtl': 'onResize'\n },\n\n mounted() {\n this.$nextTick(() => {\n window.setTimeout(this.callSlider, 30);\n });\n },\n\n methods: {\n callSlider() {\n if (this.hideSlider || !this.$refs.items || !this.$refs.items.selectedItems.length) {\n this.slider.width = 0;\n return false;\n }\n\n this.$nextTick(() => {\n // Give screen time to paint\n const activeTab = this.$refs.items.selectedItems[0];\n /* istanbul ignore if */\n\n if (!activeTab || !activeTab.$el) {\n this.slider.width = 0;\n this.slider.left = 0;\n return;\n }\n\n const el = activeTab.$el;\n this.slider = {\n height: !this.vertical ? Number(this.sliderSize) : el.scrollHeight,\n left: this.vertical ? 0 : el.offsetLeft,\n right: this.vertical ? 0 : el.offsetLeft + el.offsetWidth,\n top: el.offsetTop,\n width: this.vertical ? Number(this.sliderSize) : el.scrollWidth\n };\n });\n return true;\n },\n\n genBar(items, slider) {\n const data = {\n style: {\n height: convertToUnit(this.height)\n },\n props: {\n activeClass: this.activeClass,\n centerActive: this.centerActive,\n dark: this.dark,\n light: this.light,\n mandatory: !this.optional,\n mobileBreakPoint: this.mobileBreakPoint,\n nextIcon: this.nextIcon,\n prevIcon: this.prevIcon,\n showArrows: this.showArrows,\n value: this.internalValue\n },\n on: {\n 'call:slider': this.callSlider,\n change: val => {\n this.internalValue = val;\n }\n },\n ref: 'items'\n };\n this.setTextColor(this.computedColor, data);\n this.setBackgroundColor(this.backgroundColor, data);\n return this.$createElement(VTabsBar, data, [this.genSlider(slider), items]);\n },\n\n genItems(items, item) {\n // If user provides items\n // opt to use theirs\n if (items) return items; // If no tabs are provided\n // render nothing\n\n if (!item.length) return null;\n return this.$createElement(VTabsItems, {\n props: {\n value: this.internalValue\n },\n on: {\n change: val => {\n this.internalValue = val;\n }\n }\n }, item);\n },\n\n genSlider(slider) {\n if (this.hideSlider) return null;\n\n if (!slider) {\n slider = this.$createElement(VTabsSlider, {\n props: {\n color: this.sliderColor\n }\n });\n }\n\n return this.$createElement('div', {\n staticClass: 'v-tabs-slider-wrapper',\n style: this.sliderStyles\n }, [slider]);\n },\n\n onResize() {\n if (this._isDestroyed) return;\n clearTimeout(this.resizeTimeout);\n this.resizeTimeout = window.setTimeout(this.callSlider, 0);\n },\n\n parseNodes() {\n let items = null;\n let slider = null;\n const item = [];\n const tab = [];\n const slot = this.$slots.default || [];\n const length = slot.length;\n\n for (let i = 0; i < length; i++) {\n const vnode = slot[i];\n\n if (vnode.componentOptions) {\n switch (vnode.componentOptions.Ctor.options.name) {\n case 'v-tabs-slider':\n slider = vnode;\n break;\n\n case 'v-tabs-items':\n items = vnode;\n break;\n\n case 'v-tab-item':\n item.push(vnode);\n break;\n // case 'v-tab' - intentionally omitted\n\n default:\n tab.push(vnode);\n }\n } else {\n tab.push(vnode);\n }\n }\n /**\n * tab: array of `v-tab`\n * slider: single `v-tabs-slider`\n * items: single `v-tabs-items`\n * item: array of `v-tab-item`\n */\n\n\n return {\n tab,\n slider,\n items,\n item\n };\n }\n\n },\n\n render(h) {\n const {\n tab,\n slider,\n items,\n item\n } = this.parseNodes();\n return h('div', {\n staticClass: 'v-tabs',\n class: this.classes,\n directives: [{\n name: 'resize',\n modifiers: {\n quiet: true\n },\n value: this.onResize\n }]\n }, [this.genBar(tab, slider), this.genItems(items, item)]);\n }\n\n});\n//# sourceMappingURL=VTabs.js.map"],"sourceRoot":""}