reka-ui/dist/Toast/ToastAnnounce.js

Vue port for Radix UI Primitives.

import { VisuallyHidden_default } from "../VisuallyHidden/VisuallyHidden.js";
import { injectToastProviderContext } from "./ToastProvider.js";
import { createBlock, createCommentVNode, createTextVNode, defineComponent, onScopeDispose, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
import { isClient, useTimeout } from "@vueuse/shared";

//#region src/Toast/ToastAnnounce.vue?vue&type=script&setup=true&lang.ts
var ToastAnnounce_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
	__name: "ToastAnnounce",
	setup(__props) {
		const providerContext = injectToastProviderContext();
		const isAnnounced = useTimeout(1e3);
		const renderAnnounceText = ref(false);
		let raf1 = 0;
		let raf2 = 0;
		if (isClient) {
			raf1 = requestAnimationFrame(() => {
				raf2 = requestAnimationFrame(() => {
					renderAnnounceText.value = true;
				});
			});
			onScopeDispose(() => {
				cancelAnimationFrame(raf1);
				cancelAnimationFrame(raf2);
			});
		}
		return (_ctx, _cache) => {
			return unref(isAnnounced) || renderAnnounceText.value ? (openBlock(), createBlock(unref(VisuallyHidden_default), {
				key: 0,
				feature: "fully-hidden"
			}, {
				default: withCtx(() => [createTextVNode(toDisplayString(unref(providerContext).label.value) + " ", 1), renderSlot(_ctx.$slots, "default")]),
				_: 3
			})) : createCommentVNode("v-if", true);
		};
	}
});

//#endregion
//#region src/Toast/ToastAnnounce.vue
var ToastAnnounce_default = ToastAnnounce_vue_vue_type_script_setup_true_lang_default;

//#endregion
export { ToastAnnounce_default };
//# sourceMappingURL=ToastAnnounce.js.map