reka-ui 2.3.1 → 2.4.0

package/dist/Toast/ToastTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastTitle.js","sources":["../../src/Toast/ToastTitle.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\n\nexport interface ToastTitleProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from '@/Primitive'\n\nconst props = defineProps<ToastTitleProps>()\nuseForwardExpose()\n</script>\n\n<template>\n  <Primitive v-bind=\"props\">\n    <slot />\n  </Primitive>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAiB,gBAAA,EAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"ToastTitle.js","names":[],"sources":["../../src/Toast/ToastTitle.vue","../../src/Toast/ToastTitle.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;AACd,oBAAiB;;uBAIf,YAEY,MAAA,UAAA,EAAA,eAAA,mBAFO,MAAK,CAAA,EAAA;qBACtB,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Toast/ToastViewport.cjs

@@ -1,178 +1,184 @@
-'use strict';
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_getActiveElement = require('../shared/getActiveElement.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_DismissableLayer_DismissableLayerBranch = require('../DismissableLayer/DismissableLayerBranch.cjs');
+const require_FocusScope_utils = require('../FocusScope/utils.cjs');
+const require_Collection_Collection = require('../Collection/Collection.cjs');
+const require_Toast_ToastProvider = require('./ToastProvider.cjs');
+const require_Toast_utils = require('./utils.cjs');
+const require_Toast_FocusProxy = require('./FocusProxy.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
 
-const vue = require('vue');
-const core = require('@vueuse/core');
-const FocusScope_utils = require('../FocusScope/utils.cjs');
-const Toast_FocusProxy = require('./FocusProxy.cjs');
-const Toast_utils = require('./utils.cjs');
-const Collection_Collection = require('../Collection/Collection.cjs');
-const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
-const DismissableLayer_DismissableLayerBranch = require('../DismissableLayer/DismissableLayerBranch.cjs');
-const Primitive_Primitive = require('../Primitive/Primitive.cjs');
-const shared_getActiveElement = require('../shared/getActiveElement.cjs');
-const Toast_ToastProvider = require('./ToastProvider.cjs');
+//#region src/Toast/ToastViewport.vue?vue&type=script&setup=true&lang.ts
+var ToastViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "ToastViewport",
+	props: {
+		hotkey: {
+			type: Array,
+			required: false,
+			default: () => ["F8"]
+		},
+		label: {
+			type: [String, Function],
+			required: false,
+			default: "Notifications ({hotkey})"
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "ol"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { hotkey, label } = (0, vue.toRefs)(props);
+		const { forwardRef, currentElement } = require_shared_useForwardExpose.useForwardExpose();
+		const { CollectionSlot, getItems } = require_Collection_Collection.useCollection();
+		const providerContext = require_Toast_ToastProvider.injectToastProviderContext();
+		const hasToasts = (0, vue.computed)(() => providerContext.toastCount.value > 0);
+		const headFocusProxyRef = (0, vue.ref)();
+		const tailFocusProxyRef = (0, vue.ref)();
+		const hotkeyMessage = (0, vue.computed)(() => hotkey.value.join("+").replace(/Key/g, "").replace(/Digit/g, ""));
+		(0, __vueuse_core.onKeyStroke)(hotkey.value, () => {
+			currentElement.value.focus();
+		});
+		(0, vue.onMounted)(() => {
+			providerContext.onViewportChange(currentElement.value);
+		});
+		(0, vue.watchEffect)((cleanupFn) => {
+			const viewport = currentElement.value;
+			if (hasToasts.value && viewport) {
+				const handlePause = () => {
+					if (!providerContext.isClosePausedRef.value) {
+						const pauseEvent = new CustomEvent(require_Toast_utils.VIEWPORT_PAUSE);
+						viewport.dispatchEvent(pauseEvent);
+						providerContext.isClosePausedRef.value = true;
+					}
+				};
+				const handleResume = () => {
+					if (providerContext.isClosePausedRef.value) {
+						const resumeEvent = new CustomEvent(require_Toast_utils.VIEWPORT_RESUME);
+						viewport.dispatchEvent(resumeEvent);
+						providerContext.isClosePausedRef.value = false;
+					}
+				};
+				const handleFocusOutResume = (event) => {
+					const isFocusMovingOutside = !viewport.contains(event.relatedTarget);
+					if (isFocusMovingOutside) handleResume();
+				};
+				const handlePointerLeaveResume = () => {
+					const isFocusInside = viewport.contains(require_shared_getActiveElement.getActiveElement());
+					if (!isFocusInside) handleResume();
+				};
+				const handleKeyDown = (event) => {
+					const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+					const isTabKey = event.key === "Tab" && !isMetaKey;
+					if (isTabKey) {
+						const focusedElement = require_shared_getActiveElement.getActiveElement();
+						const isTabbingBackwards = event.shiftKey;
+						const targetIsViewport = event.target === viewport;
+						if (targetIsViewport && isTabbingBackwards) {
+							headFocusProxyRef.value?.focus();
+							return;
+						}
+						const tabbingDirection = isTabbingBackwards ? "backwards" : "forwards";
+						const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection });
+						const index = sortedCandidates.findIndex((candidate) => candidate === focusedElement);
+						if (require_FocusScope_utils.focusFirst(sortedCandidates.slice(index + 1))) event.preventDefault();
+						else isTabbingBackwards ? headFocusProxyRef.value?.focus() : tailFocusProxyRef.value?.focus();
+					}
+				};
+				viewport.addEventListener("focusin", handlePause);
+				viewport.addEventListener("focusout", handleFocusOutResume);
+				viewport.addEventListener("pointermove", handlePause);
+				viewport.addEventListener("pointerleave", handlePointerLeaveResume);
+				viewport.addEventListener("keydown", handleKeyDown);
+				window.addEventListener("blur", handlePause);
+				window.addEventListener("focus", handleResume);
+				cleanupFn(() => {
+					viewport.removeEventListener("focusin", handlePause);
+					viewport.removeEventListener("focusout", handleFocusOutResume);
+					viewport.removeEventListener("pointermove", handlePause);
+					viewport.removeEventListener("pointerleave", handlePointerLeaveResume);
+					viewport.removeEventListener("keydown", handleKeyDown);
+					window.removeEventListener("blur", handlePause);
+					window.removeEventListener("focus", handleResume);
+				});
+			}
+		});
+		function getSortedTabbableCandidates({ tabbingDirection }) {
+			const toastItems = getItems().map((i) => i.ref);
+			const tabbableCandidates = toastItems.map((toastNode) => {
+				const toastTabbableCandidates = [toastNode, ...require_FocusScope_utils.getTabbableCandidates(toastNode)];
+				return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
+			});
+			return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_DismissableLayer_DismissableLayerBranch.DismissableLayerBranch_default), {
+				role: "region",
+				"aria-label": typeof (0, vue.unref)(label) === "string" ? (0, vue.unref)(label).replace("{hotkey}", hotkeyMessage.value) : (0, vue.unref)(label)(hotkeyMessage.value),
+				tabindex: "-1",
+				style: (0, vue.normalizeStyle)({ pointerEvents: hasToasts.value ? void 0 : "none" })
+			}, {
+				default: (0, vue.withCtx)(() => [
+					hasToasts.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_Toast_FocusProxy.FocusProxy_default, {
+						key: 0,
+						ref: (node) => {
+							headFocusProxyRef.value = (0, vue.unref)(__vueuse_core.unrefElement)(node);
+							return void 0;
+						},
+						onFocusFromOutsideViewport: _cache[0] || (_cache[0] = () => {
+							const tabbableCandidates = getSortedTabbableCandidates({ tabbingDirection: "forwards" });
+							(0, vue.unref)(require_FocusScope_utils.focusFirst)(tabbableCandidates);
+						})
+					}, null, 512)) : (0, vue.createCommentVNode)("v-if", true),
+					(0, vue.createVNode)((0, vue.unref)(CollectionSlot), null, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)({
+							ref: (0, vue.unref)(forwardRef),
+							tabindex: "-1",
+							as: _ctx.as,
+							"as-child": _ctx.asChild
+						}, _ctx.$attrs), {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+							_: 3
+						}, 16, ["as", "as-child"])]),
+						_: 3
+					}),
+					hasToasts.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_Toast_FocusProxy.FocusProxy_default, {
+						key: 1,
+						ref: (node) => {
+							tailFocusProxyRef.value = (0, vue.unref)(__vueuse_core.unrefElement)(node);
+							return void 0;
+						},
+						onFocusFromOutsideViewport: _cache[1] || (_cache[1] = () => {
+							const tabbableCandidates = getSortedTabbableCandidates({ tabbingDirection: "backwards" });
+							(0, vue.unref)(require_FocusScope_utils.focusFirst)(tabbableCandidates);
+						})
+					}, null, 512)) : (0, vue.createCommentVNode)("v-if", true)
+				]),
+				_: 3
+			}, 8, ["aria-label", "style"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Toast/ToastViewport.vue
+var ToastViewport_default = ToastViewport_vue_vue_type_script_setup_true_lang_default;
 
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "ToastViewport",
-  props: {
-    hotkey: { default: () => ["F8"] },
-    label: { type: [String, Function], default: "Notifications ({hotkey})" },
-    asChild: { type: Boolean },
-    as: { default: "ol" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { hotkey, label } = vue.toRefs(props);
-    const { forwardRef, currentElement } = shared_useForwardExpose.useForwardExpose();
-    const { CollectionSlot, getItems } = Collection_Collection.useCollection();
-    const providerContext = Toast_ToastProvider.injectToastProviderContext();
-    const hasToasts = vue.computed(() => providerContext.toastCount.value > 0);
-    const headFocusProxyRef = vue.ref();
-    const tailFocusProxyRef = vue.ref();
-    const hotkeyMessage = vue.computed(() => hotkey.value.join("+").replace(/Key/g, "").replace(/Digit/g, ""));
-    core.onKeyStroke(hotkey.value, () => {
-      currentElement.value.focus();
-    });
-    vue.onMounted(() => {
-      providerContext.onViewportChange(currentElement.value);
-    });
-    vue.watchEffect((cleanupFn) => {
-      const viewport = currentElement.value;
-      if (hasToasts.value && viewport) {
-        const handlePause = () => {
-          if (!providerContext.isClosePausedRef.value) {
-            const pauseEvent = new CustomEvent(Toast_utils.VIEWPORT_PAUSE);
-            viewport.dispatchEvent(pauseEvent);
-            providerContext.isClosePausedRef.value = true;
-          }
-        };
-        const handleResume = () => {
-          if (providerContext.isClosePausedRef.value) {
-            const resumeEvent = new CustomEvent(Toast_utils.VIEWPORT_RESUME);
-            viewport.dispatchEvent(resumeEvent);
-            providerContext.isClosePausedRef.value = false;
-          }
-        };
-        const handleFocusOutResume = (event) => {
-          const isFocusMovingOutside = !viewport.contains(event.relatedTarget);
-          if (isFocusMovingOutside)
-            handleResume();
-        };
-        const handlePointerLeaveResume = () => {
-          const isFocusInside = viewport.contains(shared_getActiveElement.getActiveElement());
-          if (!isFocusInside)
-            handleResume();
-        };
-        const handleKeyDown = (event) => {
-          const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
-          const isTabKey = event.key === "Tab" && !isMetaKey;
-          if (isTabKey) {
-            const focusedElement = shared_getActiveElement.getActiveElement();
-            const isTabbingBackwards = event.shiftKey;
-            const targetIsViewport = event.target === viewport;
-            if (targetIsViewport && isTabbingBackwards) {
-              headFocusProxyRef.value?.focus();
-              return;
-            }
-            const tabbingDirection = isTabbingBackwards ? "backwards" : "forwards";
-            const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection });
-            const index = sortedCandidates.findIndex((candidate) => candidate === focusedElement);
-            if (FocusScope_utils.focusFirst(sortedCandidates.slice(index + 1))) {
-              event.preventDefault();
-            } else {
-              isTabbingBackwards ? headFocusProxyRef.value?.focus() : tailFocusProxyRef.value?.focus();
-            }
-          }
-        };
-        viewport.addEventListener("focusin", handlePause);
-        viewport.addEventListener("focusout", handleFocusOutResume);
-        viewport.addEventListener("pointermove", handlePause);
-        viewport.addEventListener("pointerleave", handlePointerLeaveResume);
-        viewport.addEventListener("keydown", handleKeyDown);
-        window.addEventListener("blur", handlePause);
-        window.addEventListener("focus", handleResume);
-        cleanupFn(() => {
-          viewport.removeEventListener("focusin", handlePause);
-          viewport.removeEventListener("focusout", handleFocusOutResume);
-          viewport.removeEventListener("pointermove", handlePause);
-          viewport.removeEventListener("pointerleave", handlePointerLeaveResume);
-          viewport.removeEventListener("keydown", handleKeyDown);
-          window.removeEventListener("blur", handlePause);
-          window.removeEventListener("focus", handleResume);
-        });
-      }
-    });
-    function getSortedTabbableCandidates({ tabbingDirection }) {
-      const toastItems = getItems().map((i) => i.ref);
-      const tabbableCandidates = toastItems.map((toastNode) => {
-        const toastTabbableCandidates = [toastNode, ...FocusScope_utils.getTabbableCandidates(toastNode)];
-        return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
-      });
-      return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(DismissableLayer_DismissableLayerBranch._sfc_main), {
-        role: "region",
-        "aria-label": typeof vue.unref(label) === "string" ? vue.unref(label).replace("{hotkey}", hotkeyMessage.value) : vue.unref(label)(hotkeyMessage.value),
-        tabindex: "-1",
-        style: vue.normalizeStyle({
-          // incase list has size when empty (e.g. padding), we remove pointer events so
-          // it doesn't prevent interactions with page elements that it overlays
-          pointerEvents: hasToasts.value ? void 0 : "none"
-        })
-      }, {
-        default: vue.withCtx(() => [
-          hasToasts.value ? (vue.openBlock(), vue.createBlock(Toast_FocusProxy._sfc_main, {
-            key: 0,
-            ref: (node) => {
-              headFocusProxyRef.value = vue.unref(core.unrefElement)(node);
-              return void 0;
-            },
-            onFocusFromOutsideViewport: _cache[0] || (_cache[0] = () => {
-              const tabbableCandidates = getSortedTabbableCandidates({
-                tabbingDirection: "forwards"
-              });
-              vue.unref(FocusScope_utils.focusFirst)(tabbableCandidates);
-            })
-          }, null, 512)) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(CollectionSlot), null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(Primitive_Primitive.Primitive), vue.mergeProps({
-                ref: vue.unref(forwardRef),
-                tabindex: "-1",
-                as: _ctx.as,
-                "as-child": _ctx.asChild
-              }, _ctx.$attrs), {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16, ["as", "as-child"])
-            ]),
-            _: 3
-          }),
-          hasToasts.value ? (vue.openBlock(), vue.createBlock(Toast_FocusProxy._sfc_main, {
-            key: 1,
-            ref: (node) => {
-              tailFocusProxyRef.value = vue.unref(core.unrefElement)(node);
-              return void 0;
-            },
-            onFocusFromOutsideViewport: _cache[1] || (_cache[1] = () => {
-              const tabbableCandidates = getSortedTabbableCandidates({
-                tabbingDirection: "backwards"
-              });
-              vue.unref(FocusScope_utils.focusFirst)(tabbableCandidates);
-            })
-          }, null, 512)) : vue.createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["aria-label", "style"]);
-    };
+//#endregion
+Object.defineProperty(exports, 'ToastViewport_default', {
+  enumerable: true,
+  get: function () {
+    return ToastViewport_default;
   }
 });
-
-exports._sfc_main = _sfc_main;
-//# sourceMappingURL=ToastViewport.cjs.map
+//# sourceMappingURL=ToastViewport.cjs.map

package/dist/Toast/ToastViewport.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastViewport.cjs","sources":["../../src/Toast/ToastViewport.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ComponentPublicInstance } from 'vue'\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useCollection } from '@/Collection'\nimport { getActiveElement, useForwardExpose } from '@/shared'\n\nexport interface ToastViewportProps extends PrimitiveProps {\n  /**\n   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.\n   * @defaultValue ['F8']\n   */\n  hotkey?: string[]\n  /**\n   * An author-localized label for the toast viewport to provide context for screen reader users\n   * when navigating page landmarks. The available `{hotkey}` placeholder will be replaced for you.\n   * Alternatively, you can pass in a custom function to generate the label.\n   * @defaultValue 'Notifications ({hotkey})'\n   */\n  label?: string | ((hotkey: string) => string)\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onKeyStroke, unrefElement } from '@vueuse/core'\nimport { computed, onMounted, ref, toRefs, watchEffect } from 'vue'\nimport { DismissableLayerBranch } from '@/DismissableLayer'\nimport { focusFirst, getTabbableCandidates } from '@/FocusScope/utils'\nimport { Primitive } from '@/Primitive'\nimport FocusProxy from './FocusProxy.vue'\nimport { injectToastProviderContext } from './ToastProvider.vue'\nimport { VIEWPORT_PAUSE, VIEWPORT_RESUME } from './utils'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ToastViewportProps>(), {\n  hotkey: () => ['F8'], // from VIEWPORT_DEFAULT_HOTKEY\n  label: 'Notifications ({hotkey})',\n  as: 'ol',\n})\nconst { hotkey, label } = toRefs(props)\n\nconst { forwardRef, currentElement } = useForwardExpose()\nconst { CollectionSlot, getItems } = useCollection()\nconst providerContext = injectToastProviderContext()\nconst hasToasts = computed(() => providerContext.toastCount.value > 0)\nconst headFocusProxyRef = ref<HTMLElement>()\nconst tailFocusProxyRef = ref<HTMLElement>()\n\nconst hotkeyMessage = computed(() => hotkey.value.join('+').replace(/Key/g, '').replace(/Digit/g, ''))\n\nonKeyStroke(hotkey.value, () => {\n  currentElement.value.focus()\n})\n\nonMounted(() => {\n  providerContext.onViewportChange(currentElement.value)\n})\n\nwatchEffect((cleanupFn) => {\n  const viewport = currentElement.value\n  if (hasToasts.value && viewport) {\n    const handlePause = () => {\n      if (!providerContext.isClosePausedRef.value) {\n        const pauseEvent = new CustomEvent(VIEWPORT_PAUSE)\n        viewport.dispatchEvent(pauseEvent)\n        providerContext.isClosePausedRef.value = true\n      }\n    }\n\n    const handleResume = () => {\n      if (providerContext.isClosePausedRef.value) {\n        const resumeEvent = new CustomEvent(VIEWPORT_RESUME)\n        viewport.dispatchEvent(resumeEvent)\n        providerContext.isClosePausedRef.value = false\n      }\n    }\n\n    const handleFocusOutResume = (event: FocusEvent) => {\n      const isFocusMovingOutside = !viewport.contains(event.relatedTarget as HTMLElement)\n      if (isFocusMovingOutside)\n        handleResume()\n    }\n\n    const handlePointerLeaveResume = () => {\n      const isFocusInside = viewport.contains(getActiveElement())\n      if (!isFocusInside)\n        handleResume()\n    }\n\n    // We programmatically manage tabbing as we are unable to influence\n    // the source order with portals, this allows us to reverse the\n    // tab order so that it runs from most recent toast to least\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const isMetaKey = event.altKey || event.ctrlKey || event.metaKey\n      const isTabKey = event.key === 'Tab' && !isMetaKey\n\n      if (isTabKey) {\n        const focusedElement = getActiveElement()\n        const isTabbingBackwards = event.shiftKey\n        const targetIsViewport = event.target === viewport\n\n        // If we're back tabbing after jumping to the viewport then we simply\n        // proxy focus out to the preceding document\n        if (targetIsViewport && isTabbingBackwards) {\n          headFocusProxyRef.value?.focus()\n          return\n        }\n\n        const tabbingDirection = isTabbingBackwards ? 'backwards' : 'forwards'\n        const sortedCandidates = getSortedTabbableCandidates({ tabbingDirection })\n        const index = sortedCandidates.findIndex(candidate => candidate === focusedElement)\n        if (focusFirst(sortedCandidates.slice(index + 1))) {\n          event.preventDefault()\n        }\n        else {\n          // If we can't focus that means we're at the edges so we\n          // proxy to the corresponding exit point and let the browser handle\n          // tab/shift+tab keypress and implicitly pass focus to the next valid element in the document\n          isTabbingBackwards\n            ? headFocusProxyRef.value?.focus()\n            : tailFocusProxyRef.value?.focus()\n        }\n      }\n    }\n\n    viewport.addEventListener('focusin', handlePause)\n    viewport.addEventListener('focusout', handleFocusOutResume)\n    viewport.addEventListener('pointermove', handlePause)\n    viewport.addEventListener('pointerleave', handlePointerLeaveResume)\n    viewport.addEventListener('keydown', handleKeyDown)\n    window.addEventListener('blur', handlePause)\n    window.addEventListener('focus', handleResume)\n\n    cleanupFn(() => {\n      viewport.removeEventListener('focusin', handlePause)\n      viewport.removeEventListener('focusout', handleFocusOutResume)\n      viewport.removeEventListener('pointermove', handlePause)\n      viewport.removeEventListener('pointerleave', handlePointerLeaveResume)\n      viewport.removeEventListener('keydown', handleKeyDown)\n      window.removeEventListener('blur', handlePause)\n      window.removeEventListener('focus', handleResume)\n    })\n  }\n})\n\nfunction getSortedTabbableCandidates({ tabbingDirection }: { tabbingDirection: 'forwards' | 'backwards' }) {\n  const toastItems = getItems().map(i => i.ref)\n  const tabbableCandidates = toastItems.map((toastNode) => {\n    const toastTabbableCandidates = [toastNode, ...getTabbableCandidates(toastNode)]\n    return tabbingDirection === 'forwards'\n      ? toastTabbableCandidates\n      : toastTabbableCandidates.reverse()\n  })\n  return (\n    tabbingDirection === 'forwards' ? tabbableCandidates.reverse() : tabbableCandidates\n  ).flat()\n}\n</script>\n\n<template>\n  <DismissableLayerBranch\n    role=\"region\"\n    :aria-label=\"typeof label === 'string' ? label.replace('{hotkey}', hotkeyMessage) : label(hotkeyMessage)\"\n    tabindex=\"-1\"\n    :style=\"{\n      // incase list has size when empty (e.g. padding), we remove pointer events so\n      // it doesn't prevent interactions with page elements that it overlays\n      pointerEvents: hasToasts ? undefined : 'none',\n    }\"\n  >\n    <FocusProxy\n      v-if=\"hasToasts\"\n      :ref=\"(node: ComponentPublicInstance) => {\n        headFocusProxyRef = unrefElement(node) as HTMLElement\n        return undefined\n      }\"\n      @focus-from-outside-viewport=\"() => {\n        const tabbableCandidates = getSortedTabbableCandidates({\n          tabbingDirection: 'forwards',\n        })\n        focusFirst(tabbableCandidates)\n      }\"\n    />\n    <CollectionSlot>\n      <Primitive\n        :ref=\"forwardRef\"\n        tabindex=\"-1\"\n        :as=\"as\"\n        :as-child=\"asChild\"\n        v-bind=\"$attrs\"\n      >\n        <slot />\n      </Primitive>\n    </CollectionSlot>\n    <FocusProxy\n      v-if=\"hasToasts\"\n      :ref=\"(node: ComponentPublicInstance) => {\n        tailFocusProxyRef = unrefElement(node) as HTMLElement\n        return undefined\n      }\"\n      @focus-from-outside-viewport=\"() => {\n        const tabbableCandidates = getSortedTabbableCandidates({\n          tabbingDirection: 'backwards',\n        })\n        focusFirst(tabbableCandidates)\n      }\"\n    />\n  </DismissableLayerBranch>\n</template>\n"],"names":["toRefs","useForwardExpose","useCollection","injectToastProviderContext","computed","ref","onKeyStroke","onMounted","watchEffect","VIEWPORT_PAUSE","VIEWPORT_RESUME","getActiveElement","focusFirst","getTabbableCandidates"],"mappings":"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"}
+{"version":3,"file":"ToastViewport.cjs","names":["as","asChild","$attrs"],"sources":["../../src/Toast/ToastViewport.vue","../../src/Toast/ToastViewport.vue"],"sourcesContent":[],"mappings":"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"}