@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

package/lib/components/VDialog/VDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VDialog.mjs","names":["VDialogTransition","VDefaultsProvider","VOverlay","makeTransitionProps","useProxiedModel","useScopeId","forwardRefs","nextTick","ref","watch","genericComponent","IN_BROWSER","useRender","VDialog","name","inheritAttrs","props","fullscreen","Boolean","origin","type","String","default","retainFocus","scrollable","modelValue","transition","component","emits","value","setup","attrs","slots","isActive","scopeId","overlay","onFocusin","e","before","relatedTarget","after","target","contentEl","globalTop","document","includes","contains","focusable","querySelectorAll","filter","el","hasAttribute","matches","length","firstElement","lastElement","focus","val","addEventListener","removeEventListener","immediate","preventScroll","activatorEl","activator","args"],"sources":["../../../src/components/VDialog/VDialog.tsx"],"sourcesContent":["// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { nextTick, ref, watch } from 'vue'\nimport { genericComponent, IN_BROWSER, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\n\nexport const VDialog = genericComponent<new () => {\n  $slots: OverlaySlots\n  $props: VOverlay['$props']\n}>()({\n  name: 'VDialog',\n\n  inheritAttrs: false,\n\n  props: {\n    fullscreen: Boolean,\n    origin: {\n      type: String,\n      default: 'center center',\n    },\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n    modelValue: Boolean,\n\n    ...makeTransitionProps({\n      transition: { component: VDialogTransition },\n    }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const { scopeId } = useScopeId()\n\n    const overlay = ref<VOverlay>()\n    function onFocusin (e: FocusEvent) {\n      const before = e.relatedTarget as HTMLElement | null\n      const after = e.target as HTMLElement | null\n\n      if (\n        before !== after &&\n        overlay.value?.contentEl &&\n        // We're the topmost dialog\n        overlay.value?.globalTop &&\n        // It isn't the document or the dialog body\n        ![document, overlay.value.contentEl].includes(after!) &&\n        // It isn't inside the dialog body\n        !overlay.value.contentEl.contains(after)\n      ) {\n        const focusable = [...overlay.value.contentEl.querySelectorAll(\n          'button, [href], input:not([type=\"hidden\"]), select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        )].filter(el => !el.hasAttribute('disabled') && !el.matches('[tabindex=\"-1\"]')) as HTMLElement[]\n\n        if (!focusable.length) return\n\n        const firstElement = focusable[0]\n        const lastElement = focusable[focusable.length - 1]\n\n        if (before === firstElement) {\n          lastElement.focus()\n        } else {\n          firstElement.focus()\n        }\n      }\n    }\n\n    if (IN_BROWSER) {\n      watch(() => isActive.value && props.retainFocus, val => {\n        val\n          ? document.addEventListener('focusin', onFocusin)\n          : document.removeEventListener('focusin', onFocusin)\n      }, { immediate: true })\n    }\n\n    watch(isActive, async val => {\n      await nextTick()\n      if (val) {\n        overlay.value!.contentEl?.focus({ preventScroll: true })\n      } else {\n        overlay.value!.activatorEl?.focus({ preventScroll: true })\n      }\n    })\n\n    useRender(() => (\n      <VOverlay\n        v-model={ isActive.value }\n        class={[\n          'v-dialog',\n          {\n            'v-dialog--fullscreen': props.fullscreen,\n            'v-dialog--scrollable': props.scrollable,\n          },\n        ]}\n        transition={ props.transition }\n        scrollStrategy=\"block\"\n        ref={ overlay }\n        aria-role=\"dialog\"\n        aria-modal=\"true\"\n        activatorProps={{\n          'aria-haspopup': 'dialog',\n          'aria-expanded': String(isActive.value),\n        }}\n        z-index={ 2400 }\n        { ...scopeId }\n        { ...attrs }\n      >\n        {{\n          activator: slots.activator,\n          default: (...args) => (\n            <VDefaultsProvider root>\n              { slots.default?.(...args) }\n            </VDefaultsProvider>\n          ),\n        }}\n      </VOverlay>\n    ))\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VDialog = InstanceType<typeof VDialog>\n"],"mappings":"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"}
+{"version":3,"file":"VDialog.mjs","names":["VDialogTransition","VDefaultsProvider","VOverlay","makeTransitionProps","useProxiedModel","useScopeId","forwardRefs","nextTick","ref","watch","genericComponent","IN_BROWSER","useRender","VDialog","name","inheritAttrs","props","fullscreen","Boolean","origin","type","String","default","retainFocus","scrollable","modelValue","transition","component","emits","value","setup","attrs","slots","isActive","scopeId","overlay","onFocusin","e","before","relatedTarget","after","target","contentEl","globalTop","document","includes","contains","focusable","querySelectorAll","filter","el","hasAttribute","matches","length","firstElement","lastElement","focus","val","addEventListener","removeEventListener","immediate","preventScroll","activatorEl","activator","args"],"sources":["../../../src/components/VDialog/VDialog.tsx"],"sourcesContent":["// Styles\nimport './VDialog.sass'\n\n// Components\nimport { VDialogTransition } from '@/components/transitions'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { nextTick, ref, watch } from 'vue'\nimport { genericComponent, IN_BROWSER, useRender } from '@/util'\n\nexport const VDialog = genericComponent<new () => {\n  $props: VOverlay['$props']\n}>()({\n  name: 'VDialog',\n\n  inheritAttrs: false,\n\n  props: {\n    fullscreen: Boolean,\n    origin: {\n      type: String,\n      default: 'center center',\n    },\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n    modelValue: Boolean,\n\n    ...makeTransitionProps({\n      transition: { component: VDialogTransition },\n    }),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const { scopeId } = useScopeId()\n\n    const overlay = ref<VOverlay>()\n    function onFocusin (e: FocusEvent) {\n      const before = e.relatedTarget as HTMLElement | null\n      const after = e.target as HTMLElement | null\n\n      if (\n        before !== after &&\n        overlay.value?.contentEl &&\n        // We're the topmost dialog\n        overlay.value?.globalTop &&\n        // It isn't the document or the dialog body\n        ![document, overlay.value.contentEl].includes(after!) &&\n        // It isn't inside the dialog body\n        !overlay.value.contentEl.contains(after)\n      ) {\n        const focusable = [...overlay.value.contentEl.querySelectorAll(\n          'button, [href], input:not([type=\"hidden\"]), select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        )].filter(el => !el.hasAttribute('disabled') && !el.matches('[tabindex=\"-1\"]')) as HTMLElement[]\n\n        if (!focusable.length) return\n\n        const firstElement = focusable[0]\n        const lastElement = focusable[focusable.length - 1]\n\n        if (before === firstElement) {\n          lastElement.focus()\n        } else {\n          firstElement.focus()\n        }\n      }\n    }\n\n    if (IN_BROWSER) {\n      watch(() => isActive.value && props.retainFocus, val => {\n        val\n          ? document.addEventListener('focusin', onFocusin)\n          : document.removeEventListener('focusin', onFocusin)\n      }, { immediate: true })\n    }\n\n    watch(isActive, async val => {\n      await nextTick()\n      if (val) {\n        overlay.value!.contentEl?.focus({ preventScroll: true })\n      } else {\n        overlay.value!.activatorEl?.focus({ preventScroll: true })\n      }\n    })\n\n    useRender(() => (\n      <VOverlay\n        v-model={ isActive.value }\n        class={[\n          'v-dialog',\n          {\n            'v-dialog--fullscreen': props.fullscreen,\n            'v-dialog--scrollable': props.scrollable,\n          },\n        ]}\n        transition={ props.transition }\n        scrollStrategy=\"block\"\n        ref={ overlay }\n        aria-role=\"dialog\"\n        aria-modal=\"true\"\n        activatorProps={{\n          'aria-haspopup': 'dialog',\n          'aria-expanded': String(isActive.value),\n        }}\n        z-index={ 2400 }\n        { ...scopeId }\n        { ...attrs }\n      >\n        {{\n          activator: slots.activator,\n          default: (...args) => (\n            <VDefaultsProvider root>\n              { slots.default?.(...args) }\n            </VDefaultsProvider>\n          ),\n        }}\n      </VOverlay>\n    ))\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VDialog = InstanceType<typeof VDialog>\n"],"mappings":"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"}