{"version":3,"sources":["webpack:///../../../src/components/VOverlay/VOverlay.ts","webpack:///../../../src/components/VOverlay/index.ts","webpack:///../../../src/mixins/overlayable/index.ts","webpack:///../../../src/components/VDialog/VDialog.ts"],"names":["mixins","name","props","absolute","color","type","default","dark","opacity","Number","value","zIndex","computed","__scrim","data","this","setBackgroundColor","staticClass","style","computedOpacity","$createElement","classes","themeClasses","isActive","styles","methods","genContent","$slots","render","children","h","class","hideOverlay","overlayColor","overlayOpacity","String","animationFrame","overlay","watch","genOverlay","beforeDestroy","createOverlay","propsData","parent","$el","document","requestAnimationFrame","removeOverlay","showScroll","cancelAnimationFrame","scrollListener","e","includes","up","down","checkPath","hasScrollbar","el","Node","window","shouldScroll","delta","isInside","path","composedPath","dialog","$refs","selected","index","hideScroll","$vuetify","breakpoint","passive","baseMixins","directives","ClickOutside","disabled","fullscreen","light","maxWidth","noClickAnimation","origin","persistent","retainFocus","scrollable","transition","width","activatedBy","animate","animateTimeout","stackMinZIndex","previousActiveElement","contentClasses","hasActivator","Boolean","$scopedSlots","created","$attrs","hasOwnProperty","beforeMount","unbind","animateClick","closeConditional","target","_isDestroyed","content","contains","activeZIndex","show","bind","onClickOutside","onKeydown","getOpenDependents","activator","onFocusin","getOpenDependentElements","some","focusable","querySelectorAll","showLazyContent","root","attrs","role","tabindex","on","keydown","ref","genTransition","appear","genInnerContent","handler","include","transformOrigin","undefined","attach"],"mappings":"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","file":"js/chunk-a3163f86.9f66dca9.js","sourcesContent":["// Styles\nimport './VOverlay.sass'\n\n// Mixins\nimport Colorable from './../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from './../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n Colorable,\n Themeable,\n Toggleable\n).extend({\n name: 'v-overlay',\n\n props: {\n absolute: Boolean,\n color: {\n type: String,\n default: '#212121',\n },\n dark: {\n type: Boolean,\n default: true,\n },\n opacity: {\n type: [Number, String],\n default: 0.46,\n },\n value: {\n default: true,\n },\n zIndex: {\n type: [Number, String],\n default: 5,\n },\n },\n\n computed: {\n __scrim (): VNode {\n const data = this.setBackgroundColor(this.color, {\n staticClass: 'v-overlay__scrim',\n style: {\n opacity: this.computedOpacity,\n },\n })\n\n return this.$createElement('div', data)\n },\n classes (): object {\n return {\n 'v-overlay--absolute': this.absolute,\n 'v-overlay--active': this.isActive,\n ...this.themeClasses,\n }\n },\n computedOpacity (): number {\n return Number(this.isActive ? this.opacity : 0)\n },\n styles (): object {\n return {\n zIndex: this.zIndex,\n }\n },\n },\n\n methods: {\n genContent () {\n return this.$createElement('div', {\n staticClass: 'v-overlay__content',\n }, this.$slots.default)\n },\n },\n\n render (h): VNode {\n const children = [this.__scrim]\n\n if (this.isActive) children.push(this.genContent())\n\n return h('div', {\n staticClass: 'v-overlay',\n class: this.classes,\n style: this.styles,\n }, children)\n },\n})\n","import VOverlay from './VOverlay'\n\nexport { VOverlay }\n\nexport default VOverlay\n","// Components\nimport VOverlay from '../../components/VOverlay'\n\n// Utilities\nimport {\n keyCodes,\n addOnceEventListener,\n addPassiveEventListener,\n getZIndex,\n} from '../../util/helpers'\n\n// Types\nimport Vue from 'vue'\n\ninterface Toggleable extends Vue {\n isActive?: boolean\n}\n\ninterface Stackable extends Vue {\n activeZIndex: number\n}\n\ninterface options {\n absolute?: boolean\n $refs: {\n dialog?: HTMLElement\n content?: HTMLElement\n }\n}\n\n/* @vue/component */\nexport default Vue.extend().extend({\n name: 'overlayable',\n\n props: {\n hideOverlay: Boolean,\n overlayColor: String,\n overlayOpacity: [Number, String],\n },\n\n data () {\n return {\n animationFrame: 0,\n overlay: null as InstanceType | null,\n }\n },\n\n watch: {\n hideOverlay (value) {\n if (!this.isActive) return\n\n if (value) this.removeOverlay()\n else this.genOverlay()\n },\n },\n\n beforeDestroy () {\n this.removeOverlay()\n },\n\n methods: {\n createOverlay () {\n const overlay = new VOverlay({\n propsData: {\n absolute: this.absolute,\n value: false,\n color: this.overlayColor,\n opacity: this.overlayOpacity,\n },\n })\n\n overlay.$mount()\n\n const parent = this.absolute\n ? this.$el.parentNode\n : document.querySelector('[data-app]')\n\n parent && parent.insertBefore(overlay.$el, parent.firstChild)\n\n this.overlay = overlay\n },\n genOverlay () {\n this.hideScroll()\n\n if (this.hideOverlay) return\n\n if (!this.overlay) this.createOverlay()\n\n this.animationFrame = requestAnimationFrame(() => {\n if (!this.overlay) return\n\n if (this.activeZIndex !== undefined) {\n this.overlay.zIndex = String(this.activeZIndex - 1)\n } else if (this.$el) {\n this.overlay.zIndex = getZIndex(this.$el)\n }\n\n this.overlay.value = true\n })\n\n return true\n },\n /** removeOverlay(false) will not restore the scollbar afterwards */\n removeOverlay (showScroll = true) {\n if (this.overlay) {\n addOnceEventListener(this.overlay.$el, 'transitionend', () => {\n if (\n !this.overlay ||\n !this.overlay.$el ||\n !this.overlay.$el.parentNode ||\n this.overlay.value\n ) return\n\n this.overlay.$el.parentNode.removeChild(this.overlay.$el)\n this.overlay.$destroy()\n this.overlay = null\n })\n\n // Cancel animation frame in case\n // overlay is removed before it\n // has finished its animation\n cancelAnimationFrame(this.animationFrame)\n\n this.overlay.value = false\n }\n\n showScroll && this.showScroll()\n },\n scrollListener (e: WheelEvent & KeyboardEvent) {\n if (e.type === 'keydown') {\n if (\n ['INPUT', 'TEXTAREA', 'SELECT'].includes((e.target as Element).tagName) ||\n // https://github.com/vuetifyjs/vuetify/issues/4715\n (e.target as HTMLElement).isContentEditable\n ) return\n\n const up = [keyCodes.up, keyCodes.pageup]\n const down = [keyCodes.down, keyCodes.pagedown]\n\n if (up.includes(e.keyCode)) {\n (e as any).deltaY = -1\n } else if (down.includes(e.keyCode)) {\n (e as any).deltaY = 1\n } else {\n return\n }\n }\n\n if (e.target === this.overlay ||\n (e.type !== 'keydown' && e.target === document.body) ||\n this.checkPath(e)) e.preventDefault()\n },\n hasScrollbar (el?: Element) {\n if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n const style = window.getComputedStyle(el)\n return ['auto', 'scroll'].includes(style.overflowY!) && el.scrollHeight > el.clientHeight\n },\n shouldScroll (el: Element, delta: number) {\n if (el.scrollTop === 0 && delta < 0) return true\n return el.scrollTop + el.clientHeight === el.scrollHeight && delta > 0\n },\n isInside (el: Element, parent: Element): boolean {\n if (el === parent) {\n return true\n } else if (el === null || el === document.body) {\n return false\n } else {\n return this.isInside(el.parentNode as Element, parent)\n }\n },\n checkPath (e: WheelEvent) {\n const path = e.path || this.composedPath(e)\n const delta = e.deltaY\n\n if (e.type === 'keydown' && path[0] === document.body) {\n const dialog = this.$refs.dialog\n // getSelection returns null in firefox in some edge cases, can be ignored\n const selected = window.getSelection()!.anchorNode as Element\n if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {\n return this.shouldScroll(dialog, delta)\n }\n return true\n }\n\n for (let index = 0; index < path.length; index++) {\n const el = path[index]\n\n if (el === document) return true\n if (el === document.documentElement) return true\n if (el === this.$refs.content) return true\n\n if (this.hasScrollbar(el as Element)) return this.shouldScroll(el as Element, delta)\n }\n\n return true\n },\n /**\n * Polyfill for Event.prototype.composedPath\n */\n composedPath (e: WheelEvent): EventTarget[] {\n if (e.composedPath) return e.composedPath()\n\n const path = []\n let el = e.target as Element\n\n while (el) {\n path.push(el)\n\n if (el.tagName === 'HTML') {\n path.push(document)\n path.push(window)\n\n return path\n }\n\n el = el.parentElement!\n }\n return path\n },\n hideScroll () {\n if (this.$vuetify.breakpoint.smAndDown) {\n document.documentElement!.classList.add('overflow-y-hidden')\n } else {\n addPassiveEventListener(window, 'wheel', this.scrollListener as EventHandlerNonNull, { passive: false })\n window.addEventListener('keydown', this.scrollListener as EventHandlerNonNull)\n }\n },\n showScroll () {\n document.documentElement!.classList.remove('overflow-y-hidden')\n window.removeEventListener('wheel', this.scrollListener as EventHandlerNonNull)\n window.removeEventListener('keydown', this.scrollListener as EventHandlerNonNull)\n },\n },\n})\n","// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VThemeProvider } from '../VThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\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 mixins from '../../util/mixins'\nimport { removed } from '../../util/console'\nimport {\n convertToUnit,\n keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue'\n\nconst baseMixins = mixins(\n Activatable,\n Dependent,\n Detachable,\n Overlayable,\n Returnable,\n Stackable,\n Toggleable\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n name: 'v-dialog',\n\n directives: { ClickOutside },\n\n props: {\n dark: Boolean,\n disabled: Boolean,\n fullscreen: Boolean,\n light: Boolean,\n maxWidth: {\n type: [String, Number],\n default: 'none',\n },\n noClickAnimation: Boolean,\n origin: {\n type: String,\n default: 'center center',\n },\n persistent: Boolean,\n retainFocus: {\n type: Boolean,\n default: true,\n },\n scrollable: Boolean,\n transition: {\n type: [String, Boolean],\n default: 'dialog-transition',\n },\n width: {\n type: [String, Number],\n default: 'auto',\n },\n },\n\n data () {\n return {\n activatedBy: null as EventTarget | null,\n animate: false,\n animateTimeout: -1,\n isActive: !!this.value,\n stackMinZIndex: 200,\n previousActiveElement: null as HTMLElement | null,\n }\n },\n\n computed: {\n classes (): object {\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 (): object {\n return {\n 'v-dialog__content': true,\n 'v-dialog__content--active': this.isActive,\n }\n },\n hasActivator (): boolean {\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 this.previousActiveElement?.focus()\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 created () {\n /* istanbul ignore next */\n if (this.$attrs.hasOwnProperty('full-width')) {\n removed('full-width', this)\n }\n },\n\n beforeMount () {\n this.$nextTick(() => {\n this.isBooted = this.isActive\n this.isActive && this.show()\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 window.clearTimeout(this.animateTimeout)\n this.animateTimeout = window.setTimeout(() => (this.animate = false), 150)\n })\n },\n closeConditional (e: Event) {\n const target = e.target as HTMLElement\n // Ignore the click if the dialog is closed or destroyed,\n // if it was on an element inside the content,\n // if it was dragged onto the overlay (#6969),\n // or if this isn't the topmost dialog (#9907)\n return !(\n this._isDestroyed ||\n !this.isActive ||\n this.$refs.content.contains(target) ||\n (this.overlay && target && !this.overlay.$el.contains(target))\n ) && 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 // Double nextTick to wait for lazy content to be generated\n this.$nextTick(() => {\n this.$nextTick(() => {\n this.previousActiveElement = document.activeElement as HTMLElement\n this.$refs.content.focus()\n this.bind()\n })\n })\n },\n bind () {\n window.addEventListener('focusin', this.onFocusin)\n },\n unbind () {\n window.removeEventListener('focusin', this.onFocusin)\n },\n onClickOutside (e: Event) {\n this.$emit('click:outside', e)\n\n if (this.persistent) {\n this.noClickAnimation || this.animateClick()\n } else {\n this.isActive = false\n }\n },\n onKeydown (e: KeyboardEvent) {\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 as HTMLElement).focus())\n } else if (!this.noClickAnimation) {\n this.animateClick()\n }\n }\n this.$emit('keydown', e)\n },\n // On focus change, wrap focus to stay inside the dialog\n // https://github.com/vuetifyjs/vuetify/issues/6892\n onFocusin (e: Event) {\n if (!e || !this.retainFocus) return\n\n const target = e.target as HTMLElement\n\n if (\n !!target &&\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 const el = [...focusable].find(el => !el.hasAttribute('disabled')) as HTMLElement | undefined\n el && el.focus()\n }\n },\n genContent () {\n return this.showLazyContent(() => [\n this.$createElement(VThemeProvider, {\n props: {\n root: true,\n light: this.light,\n dark: this.dark,\n },\n }, [\n this.$createElement('div', {\n class: this.contentClasses,\n attrs: {\n role: 'document',\n tabindex: this.isActive ? 0 : undefined,\n ...this.getScopeIdAttrs(),\n },\n on: { keydown: this.onKeydown },\n style: { zIndex: this.activeZIndex },\n ref: 'content',\n }, [this.genTransition()]),\n ]),\n ])\n },\n genTransition () {\n const content = this.genInnerContent()\n\n if (!this.transition) return content\n\n return this.$createElement('transition', {\n props: {\n name: this.transition,\n origin: this.origin,\n appear: true,\n },\n }, [content])\n },\n genInnerContent () {\n const data: VNodeData = {\n class: this.classes,\n ref: 'dialog',\n directives: [\n {\n name: 'click-outside',\n value: {\n handler: this.onClickOutside,\n closeConditional: this.closeConditional,\n include: this.getOpenDependentElements,\n },\n },\n { name: 'show', value: this.isActive },\n ],\n style: {\n transformOrigin: this.origin,\n },\n }\n\n if (!this.fullscreen) {\n data.style = {\n ...data.style as object,\n maxWidth: this.maxWidth === 'none' ? undefined : convertToUnit(this.maxWidth),\n width: this.width === 'auto' ? undefined : convertToUnit(this.width),\n }\n }\n\n return this.$createElement('div', data, this.getContentSlot())\n },\n },\n\n render (h): VNode {\n return h('div', {\n staticClass: 'v-dialog__container',\n class: {\n 'v-dialog__container--attached':\n this.attach === '' ||\n this.attach === true ||\n this.attach === 'attach',\n },\n attrs: { role: 'dialog' },\n }, [\n this.genActivator(),\n this.genContent(),\n ])\n },\n})\n"],"sourceRoot":""}