| 1 |
- {"version":3,"sources":["../../../src/components/VDialog/VDialog.js"],"names":[],"mappings":"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","sourcesContent":["import '../../stylus/components/_dialogs.styl'\n\n// Mixins\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Overlayable from '../../mixins/overlayable'\nimport Returnable from '../../mixins/returnable'\nimport Stackable from '../../mixins/stackable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport ThemeProvider from '../../util/ThemeProvider'\nimport { consoleError } from '../../util/console'\n\n/* @vue/component */\nexport default {\n name: 'v-dialog',\n\n directives: {\n ClickOutside\n },\n\n mixins: [\n Dependent,\n Detachable,\n Overlayable,\n Returnable,\n Stackable,\n Toggleable\n ],\n\n props: {\n disabled: Boolean,\n persistent: Boolean,\n fullscreen: Boolean,\n fullWidth: Boolean,\n noClickAnimation: Boolean,\n light: Boolean,\n dark: Boolean,\n maxWidth: {\n type: [String, Number],\n default: 'none'\n },\n origin: {\n type: String,\n default: 'center center'\n },\n width: {\n type: [String, Number],\n default: 'auto'\n },\n scrollable: Boolean,\n transition: {\n type: [String, Boolean],\n default: 'dialog-transition'\n }\n },\n\n data () {\n return {\n animate: false,\n animateTimeout: null,\n stackClass: 'v-dialog__content--active',\n stackMinZIndex: 200\n }\n },\n\n computed: {\n classes () {\n return {\n [(`v-dialog ${this.contentClass}`).trim()]: true,\n 'v-dialog--active': this.isActive,\n 'v-dialog--persistent': this.persistent,\n 'v-dialog--fullscreen': this.fullscreen,\n 'v-dialog--scrollable': this.scrollable,\n 'v-dialog--animated': this.animate\n }\n },\n contentClasses () {\n return {\n 'v-dialog__content': true,\n 'v-dialog__content--active': this.isActive\n }\n },\n hasActivator () {\n return Boolean(\n !!this.$slots.activator ||\n !!this.$scopedSlots.activator\n )\n }\n },\n\n watch: {\n isActive (val) {\n if (val) {\n this.show()\n this.hideScroll()\n } else {\n this.removeOverlay()\n this.unbind()\n }\n },\n fullscreen (val) {\n if (!this.isActive) return\n\n if (val) {\n this.hideScroll()\n this.removeOverlay(false)\n } else {\n this.showScroll()\n this.genOverlay()\n }\n }\n },\n\n beforeMount () {\n this.$nextTick(() => {\n this.isBooted = this.isActive\n this.isActive && this.show()\n })\n },\n\n mounted () {\n if (getSlotType(this, 'activator', true) === 'v-slot') {\n consoleError(`v-dialog's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n }\n },\n\n beforeDestroy () {\n if (typeof window !== 'undefined') this.unbind()\n },\n\n methods: {\n animateClick () {\n this.animate = false\n // Needed for when clicking very fast\n // outside of the dialog\n this.$nextTick(() => {\n this.animate = true\n clearTimeout(this.animateTimeout)\n this.animateTimeout = setTimeout(() => (this.animate = false), 150)\n })\n },\n closeConditional (e) {\n // If the dialog content contains\n // the click event, or if the\n // dialog is not active\n if (!this.isActive || this.$refs.content.contains(e.target)) return false\n\n // If we made it here, the click is outside\n // and is active. If persistent, and the\n // click is on the overlay, animate\n if (this.persistent) {\n if (!this.noClickAnimation &&\n this.overlay === e.target\n ) this.animateClick()\n\n return false\n }\n\n // close dialog if !persistent, clicked outside and we're the topmost dialog.\n // Since this should only be called in a capture event (bottom up), we shouldn't need to stop propagation\n return this.activeZIndex >= this.getMaxZIndex()\n },\n hideScroll () {\n if (this.fullscreen) {\n document.documentElement.classList.add('overflow-y-hidden')\n } else {\n Overlayable.options.methods.hideScroll.call(this)\n }\n },\n show () {\n !this.fullscreen && !this.hideOverlay && this.genOverlay()\n this.$refs.content.focus()\n this.bind()\n },\n bind () {\n window.addEventListener('focusin', this.onFocusin)\n },\n unbind () {\n window.removeEventListener('focusin', this.onFocusin)\n },\n onKeydown (e) {\n if (e.keyCode === keyCodes.esc && !this.getOpenDependents().length) {\n if (!this.persistent) {\n this.isActive = false\n const activator = this.getActivator()\n this.$nextTick(() => activator && activator.focus())\n } else if (!this.noClickAnimation) {\n this.animateClick()\n }\n }\n this.$emit('keydown', e)\n },\n onFocusin (e) {\n const { target } = event\n\n if (\n // It isn't the document or the dialog body\n ![document, this.$refs.content].includes(target) &&\n // It isn't inside the dialog body\n !this.$refs.content.contains(target) &&\n // We're the topmost dialog\n this.activeZIndex >= this.getMaxZIndex() &&\n // It isn't inside a dependent element (like a menu)\n !this.getOpenDependentElements().some(el => el.contains(target))\n // So we must have focused something outside the dialog and its children\n ) {\n // Find and focus the first available element inside the dialog\n const focusable = this.$refs.content.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n focusable.length && focusable[0].focus()\n }\n },\n getActivator (e) {\n if (this.$refs.activator) {\n return this.$refs.activator.children.length > 0\n ? this.$refs.activator.children[0]\n : this.$refs.activator\n }\n\n if (e) {\n this.activatedBy = e.currentTarget || e.target\n }\n\n if (this.activatedBy) return this.activatedBy\n\n if (this.activatorNode) {\n const activator = Array.isArray(this.activatorNode) ? this.activatorNode[0] : this.activatorNode\n const el = activator && activator.elm\n if (el) return el\n }\n\n consoleError('No activator found')\n },\n genActivator () {\n if (!this.hasActivator) return null\n\n const listeners = this.disabled ? {} : {\n click: e => {\n e.stopPropagation()\n this.getActivator(e)\n if (!this.disabled) this.isActive = !this.isActive\n }\n }\n\n if (getSlotType(this, 'activator') === 'scoped') {\n const activator = this.$scopedSlots.activator({ on: listeners })\n this.activatorNode = activator\n return activator\n }\n\n return this.$createElement('div', {\n staticClass: 'v-dialog__activator',\n class: {\n 'v-dialog__activator--disabled': this.disabled\n },\n ref: 'activator',\n on: listeners\n }, this.$slots.activator)\n }\n },\n\n render (h) {\n const children = []\n const data = {\n 'class': this.classes,\n ref: 'dialog',\n directives: [\n {\n name: 'click-outside',\n value: () => { this.isActive = false },\n args: {\n closeConditional: this.closeConditional,\n include: this.getOpenDependentElements\n }\n },\n { name: 'show', value: this.isActive }\n ],\n on: {\n click: e => { e.stopPropagation() }\n }\n }\n\n if (!this.fullscreen) {\n data.style = {\n maxWidth: this.maxWidth === 'none' ? undefined : convertToUnit(this.maxWidth),\n width: this.width === 'auto' ? undefined : convertToUnit(this.width)\n }\n }\n\n children.push(this.genActivator())\n\n let dialog = h('div', data, this.showLazyContent(this.$slots.default))\n if (this.transition) {\n dialog = h('transition', {\n props: {\n name: this.transition,\n origin: this.origin\n }\n }, [dialog])\n }\n\n children.push(h('div', {\n 'class': this.contentClasses,\n attrs: {\n tabIndex: '-1',\n ...this.getScopeIdAttrs()\n },\n on: {\n keydown: this.onKeydown\n },\n style: { zIndex: this.activeZIndex },\n ref: 'content'\n }, [\n this.$createElement(ThemeProvider, {\n props: {\n root: true,\n light: this.light,\n dark: this.dark\n }\n }, [dialog])\n ]))\n\n return h('div', {\n staticClass: 'v-dialog__container',\n style: {\n display: (!this.hasActivator || this.fullWidth) ? 'block' : 'inline-block'\n }\n }, children)\n }\n}\n"],"sourceRoot":""}
|
