@nuxt/scripts 0.11.13 → 0.12.1

package/dist/runtime/components/ScriptPayPalMarks.vue.d.ts

@@ -0,0 +1,51 @@
+import { type HTMLAttributes, type ReservedProps } from 'vue';
+import type { PayPalMarksComponentOptions } from '@paypal/paypal-js';
+import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { PayPalInput } from '../registry/paypal.js';
+type __VLS_Props = {
+    /**
+     * Customize the root element attributes.
+     */
+    rootAttrs?: HTMLAttributes & ReservedProps & Record<string, unknown>;
+    /**
+     * Defines the trigger event to load the script.
+     */
+    trigger?: ElementScriptTrigger;
+    /**
+     * The client id for the paypal script.
+     */
+    clientId?: string;
+    /**
+     * The options for the paypal marks.
+     */
+    marksOptions?: PayPalMarksComponentOptions;
+    /**
+     * The paypal script options.
+     */
+    paypalScriptOptions?: Partial<PayPalInput>;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    placeholder?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    awaitingLoad?: (props: typeof __VLS_10) => any;
+} & {
+    error?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    trigger: ElementScriptTrigger;
+    clientId: string;
+    paypalScriptOptions: Partial<PayPalInput>;
+    marksOptions: PayPalMarksComponentOptions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptPayPalMessages.d.vue.ts

@@ -0,0 +1,67 @@
+import { type HTMLAttributes, type ReservedProps } from 'vue';
+import type { PayPalMessagesComponentOptions } from '@paypal/paypal-js';
+import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { PayPalInput } from '../registry/paypal.js';
+type __VLS_Props = {
+    /**
+     * Customize the root element attributes.
+     */
+    rootAttrs?: HTMLAttributes & ReservedProps & Record<string, unknown>;
+    /**
+     * Defines the trigger event to load the script.
+     */
+    trigger?: ElementScriptTrigger;
+    /**
+     * The client id for the paypal script.
+     */
+    clientId?: string;
+    /**
+     * The options for the paypal buttons.
+     */
+    messagesOptions?: PayPalMessagesComponentOptions;
+    /**
+     * The merchant id for the paypal script.
+     */
+    merchantId?: string;
+    /**
+     * The partner attribution id for the paypal script.
+     */
+    partnerAttributionId?: string;
+    /**
+     * The options for the paypal scipt.
+     */
+    paypalScriptOptions?: Partial<PayPalInput>;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    placeholder?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    awaitingLoad?: (props: typeof __VLS_10) => any;
+} & {
+    error?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    render: (data: Record<string, unknown>) => any;
+    apply: (data: Record<string, unknown>) => any;
+    clickMessages: (data: Record<string, unknown>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRender?: ((data: Record<string, unknown>) => any) | undefined;
+    onApply?: ((data: Record<string, unknown>) => any) | undefined;
+    onClickMessages?: ((data: Record<string, unknown>) => any) | undefined;
+}>, {
+    trigger: ElementScriptTrigger;
+    clientId: string;
+    paypalScriptOptions: Partial<PayPalInput>;
+    messagesOptions: PayPalMessagesComponentOptions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptPayPalMessages.vue

@@ -0,0 +1,90 @@
+<script setup>
+import { computed, onMounted, ref, shallowRef, watch } from "vue";
+import { defu } from "defu";
+import { useScriptPayPal } from "../registry/paypal";
+import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
+import { onBeforeUnmount, resolveComponent } from "vue";
+const el = ref(null);
+const rootEl = ref(null);
+const props = defineProps({
+  rootAttrs: { type: Object, required: false },
+  trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
+  clientId: { type: String, required: false, default: "test" },
+  messagesOptions: { type: Object, required: false, default: () => ({}) },
+  merchantId: { type: String, required: false },
+  partnerAttributionId: { type: String, required: false },
+  paypalScriptOptions: { type: Object, required: false, default: () => ({}) }
+});
+const ready = ref(false);
+const { onLoaded, status } = useScriptPayPal({
+  clientId: props.clientId,
+  merchantId: props.merchantId,
+  partnerAttributionId: props.partnerAttributionId,
+  ...props.paypalScriptOptions
+});
+const emit = defineEmits(["apply", "clickMessages", "render"]);
+const options = computed(() => {
+  const _options = {
+    onApply: (data) => {
+      emit("apply", data);
+      return props.messagesOptions?.onApply?.(data);
+    },
+    onClick: (data) => {
+      emit("clickMessages", data);
+      return props.messagesOptions?.onClick?.(data);
+    },
+    onRender: (data) => {
+      emit("render", data);
+      return props.messagesOptions?.onRender?.(data);
+    }
+  };
+  return defu(_options, props.messagesOptions);
+});
+const messageInst = shallowRef();
+onMounted(() => {
+  onLoaded(async ({ paypal }) => {
+    if (!el.value) return;
+    messageInst.value = paypal?.Messages?.(options.value);
+    await messageInst.value?.render(el.value);
+    ready.value = true;
+    watch(() => options.value, async (_options) => {
+      if (!el.value) return;
+      messageInst.value = paypal?.Messages?.(_options);
+      await messageInst.value?.render(el.value);
+    });
+  });
+});
+function destroy() {
+  if (!el.value) return;
+  el.value?.replaceChildren();
+}
+onBeforeUnmount(() => {
+  destroy();
+});
+const ScriptLoadingIndicator = resolveComponent("ScriptLoadingIndicator");
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
+const rootAttrs = computed(() => {
+  return defu(props.rootAttrs, {
+    "aria-busy": status.value === "loading",
+    "aria-label": status.value === "awaitingLoad" ? "PayPal Script Placeholder" : status.value === "loading" ? "PayPal Buttons Loading" : "PayPal Buttons",
+    "aria-live": "polite",
+    "role": "application",
+    ...trigger instanceof Promise ? trigger.ssrAttrs || {} : {}
+  });
+});
+</script>
+
+<template>
+  <div v-bind="rootAttrs" id="test">
+    <div v-show="ready" ref="el" />
+    <slot v-if="!ready" name="placeholder">
+      placeholder
+    </slot>
+    <slot v-if="status !== 'awaitingLoad' && !ready" name="loading">
+      <ScriptLoadingIndicator color="black" />
+    </slot>
+    <slot v-if="status === 'awaitingLoad'" name="awaitingLoad" />
+    <slot v-else-if="status === 'error'" name="error" />
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/ScriptPayPalMessages.vue.d.ts

@@ -0,0 +1,67 @@
+import { type HTMLAttributes, type ReservedProps } from 'vue';
+import type { PayPalMessagesComponentOptions } from '@paypal/paypal-js';
+import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+import type { PayPalInput } from '../registry/paypal.js';
+type __VLS_Props = {
+    /**
+     * Customize the root element attributes.
+     */
+    rootAttrs?: HTMLAttributes & ReservedProps & Record<string, unknown>;
+    /**
+     * Defines the trigger event to load the script.
+     */
+    trigger?: ElementScriptTrigger;
+    /**
+     * The client id for the paypal script.
+     */
+    clientId?: string;
+    /**
+     * The options for the paypal buttons.
+     */
+    messagesOptions?: PayPalMessagesComponentOptions;
+    /**
+     * The merchant id for the paypal script.
+     */
+    merchantId?: string;
+    /**
+     * The partner attribution id for the paypal script.
+     */
+    partnerAttributionId?: string;
+    /**
+     * The options for the paypal scipt.
+     */
+    paypalScriptOptions?: Partial<PayPalInput>;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    placeholder?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    awaitingLoad?: (props: typeof __VLS_10) => any;
+} & {
+    error?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    render: (data: Record<string, unknown>) => any;
+    apply: (data: Record<string, unknown>) => any;
+    clickMessages: (data: Record<string, unknown>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRender?: ((data: Record<string, unknown>) => any) | undefined;
+    onApply?: ((data: Record<string, unknown>) => any) | undefined;
+    onClickMessages?: ((data: Record<string, unknown>) => any) | undefined;
+}>, {
+    trigger: ElementScriptTrigger;
+    clientId: string;
+    paypalScriptOptions: Partial<PayPalInput>;
+    messagesOptions: PayPalMessagesComponentOptions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptStripePricingTable.d.vue.ts

@@ -0,0 +1,35 @@
+import type { ElementScriptTrigger } from '../types.js';
+type __VLS_Props = {
+    trigger?: ElementScriptTrigger;
+    publishableKey: string;
+    pricingTableId: string;
+    clientReferenceId?: string;
+    customerEmail?: string;
+    customerSessionClientSecret?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_1) => any;
+} & {
+    awaitingLoad?: (props: typeof __VLS_3) => any;
+} & {
+    error?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: () => any;
+    ready: (args_0: import("../types.js").UseScriptContext<Record<string | symbol, any>>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: (() => any) | undefined;
+    onReady?: ((args_0: import("../types.js").UseScriptContext<Record<string | symbol, any>>) => any) | undefined;
+}>, {
+    trigger: ElementScriptTrigger;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptStripePricingTable.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, computed, onBeforeUnmount, onMounted, watch } from "vue";
 import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
-import { useScript } from "#imports";
+import { useScript } from "../composables/useScript";
 const props = defineProps({
   trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
   publishableKey: { type: String, required: true },

package/dist/runtime/components/ScriptVimeoPlayer.d.vue.ts

@@ -0,0 +1,127 @@
+import type { HTMLAttributes, ImgHTMLAttributes } from 'vue';
+import type { ElementScriptTrigger } from '../types.js';
+interface VimeoOptions {
+    id?: number | undefined;
+    url?: string | undefined;
+    autopause?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    background?: boolean | undefined;
+    byline?: boolean | undefined;
+    color?: string | undefined;
+    controls?: boolean | undefined;
+    dnt?: boolean | undefined;
+    height?: number | undefined;
+    interactive_params?: string | undefined;
+    keyboard?: boolean | undefined;
+    loop?: boolean | undefined;
+    maxheight?: number | undefined;
+    maxwidth?: number | undefined;
+    muted?: boolean | undefined;
+    pip?: boolean | undefined;
+    playsinline?: boolean | undefined;
+    portrait?: boolean | undefined;
+    responsive?: boolean | undefined;
+    speed?: boolean | undefined;
+    quality?: Vimeo.VimeoVideoQuality | undefined;
+    texttrack?: string | undefined;
+    title?: boolean | undefined;
+    transparent?: boolean | undefined;
+    width?: number | undefined;
+}
+type __VLS_Props = {
+    trigger?: ElementScriptTrigger;
+    placeholderAttrs?: ImgHTMLAttributes;
+    rootAttrs?: HTMLAttributes;
+    aboveTheFold?: boolean;
+    vimeoOptions?: VimeoOptions;
+    id?: number | undefined;
+    url?: string | undefined;
+};
+declare var __VLS_1: any, __VLS_3: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    placeholder?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    awaitingLoad?: (props: typeof __VLS_9) => any;
+} & {
+    error?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    play: () => Promise<void> | undefined;
+    pause: () => Promise<void> | undefined;
+    getDuration: () => Promise<number> | undefined;
+    getCurrentTime: () => Promise<number> | undefined;
+    setCurrentTime: (time: number) => Promise<number> | undefined;
+    getVolume: () => Promise<number> | undefined;
+    setVolume: (volume: number) => Promise<number> | undefined;
+    getPaused: () => Promise<boolean> | undefined;
+    getEnded: () => Promise<boolean> | undefined;
+    getLoop: () => Promise<boolean> | undefined;
+    setLoop: (loop: boolean) => Promise<boolean> | undefined;
+    getPlaybackRate: () => Promise<number> | undefined;
+    setPlaybackRate: (rate: number) => Promise<number> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (event: import("@vimeo/player").Error, player: Vimeo.Player) => any;
+    loaded: (event: import("@vimeo/player").LoadedEvent, player: Vimeo.Player) => any;
+    cuechange: (event: import("@vimeo/player").CueChangeEvent, player: Vimeo.Player) => any;
+    durationchange: (event: import("@vimeo/player").DurationChangeEvent, player: Vimeo.Player) => any;
+    ended: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
+    pause: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
+    play: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
+    playing: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
+    progress: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
+    resize: (event: import("@vimeo/player").ResizeEvent, player: Vimeo.Player) => any;
+    seeked: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
+    seeking: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
+    timeupdate: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
+    volumechange: (event: import("@vimeo/player").VolumeChangeEvent, player: Vimeo.Player) => any;
+    fullscreenchange: (event: import("@vimeo/player").FullScreenChangeEvent, player: Vimeo.Player) => any;
+    texttrackchange: (event: import("@vimeo/player").TextTrackChangeEvent, player: Vimeo.Player) => any;
+    chapterchange: (event: import("@vimeo/player").VimeoChapter, player: Vimeo.Player) => any;
+    cuepoint: (event: import("@vimeo/player").CuePointEvent, player: Vimeo.Player) => any;
+    playbackratechange: (event: import("@vimeo/player").PlaybackRateEvent, player: Vimeo.Player) => any;
+    bufferstart: (event: never, player: Vimeo.Player) => any;
+    bufferend: (event: never, player: Vimeo.Player) => any;
+    qualitychange: (event: import("@vimeo/player").QualityChangeEvent, player: Vimeo.Player) => any;
+    camerachange: (event: import("@vimeo/player").VimeoCameraProps, player: Vimeo.Player) => any;
+    enterpictureinpicture: (event: never, player: Vimeo.Player) => any;
+    leavepictureinpicture: (event: never, player: Vimeo.Player) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((event: import("@vimeo/player").Error, player: Vimeo.Player) => any) | undefined;
+    onLoaded?: ((event: import("@vimeo/player").LoadedEvent, player: Vimeo.Player) => any) | undefined;
+    onCuechange?: ((event: import("@vimeo/player").CueChangeEvent, player: Vimeo.Player) => any) | undefined;
+    onDurationchange?: ((event: import("@vimeo/player").DurationChangeEvent, player: Vimeo.Player) => any) | undefined;
+    onEnded?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;
+    onPause?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;
+    onPlay?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;
+    onPlaying?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;
+    onProgress?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;
+    onResize?: ((event: import("@vimeo/player").ResizeEvent, player: Vimeo.Player) => any) | undefined;
+    onSeeked?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;
+    onSeeking?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;
+    onTimeupdate?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;
+    onVolumechange?: ((event: import("@vimeo/player").VolumeChangeEvent, player: Vimeo.Player) => any) | undefined;
+    onFullscreenchange?: ((event: import("@vimeo/player").FullScreenChangeEvent, player: Vimeo.Player) => any) | undefined;
+    onTexttrackchange?: ((event: import("@vimeo/player").TextTrackChangeEvent, player: Vimeo.Player) => any) | undefined;
+    onChapterchange?: ((event: import("@vimeo/player").VimeoChapter, player: Vimeo.Player) => any) | undefined;
+    onCuepoint?: ((event: import("@vimeo/player").CuePointEvent, player: Vimeo.Player) => any) | undefined;
+    onPlaybackratechange?: ((event: import("@vimeo/player").PlaybackRateEvent, player: Vimeo.Player) => any) | undefined;
+    onBufferstart?: ((event: never, player: Vimeo.Player) => any) | undefined;
+    onBufferend?: ((event: never, player: Vimeo.Player) => any) | undefined;
+    onQualitychange?: ((event: import("@vimeo/player").QualityChangeEvent, player: Vimeo.Player) => any) | undefined;
+    onCamerachange?: ((event: import("@vimeo/player").VimeoCameraProps, player: Vimeo.Player) => any) | undefined;
+    onEnterpictureinpicture?: ((event: never, player: Vimeo.Player) => any) | undefined;
+    onLeavepictureinpicture?: ((event: never, player: Vimeo.Player) => any) | undefined;
+}>, {
+    trigger: ElementScriptTrigger;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ScriptVimeoPlayer.vue.d.ts

@@ -64,8 +64,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     getPlaybackRate: () => Promise<number> | undefined;
     setPlaybackRate: (rate: number) => Promise<number> | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    loaded: (event: import("@vimeo/player").LoadedEvent, player: Vimeo.Player) => any;
     error: (event: import("@vimeo/player").Error, player: Vimeo.Player) => any;
+    loaded: (event: import("@vimeo/player").LoadedEvent, player: Vimeo.Player) => any;
     cuechange: (event: import("@vimeo/player").CueChangeEvent, player: Vimeo.Player) => any;
     durationchange: (event: import("@vimeo/player").DurationChangeEvent, player: Vimeo.Player) => any;
     ended: (event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any;
@@ -90,8 +90,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     enterpictureinpicture: (event: never, player: Vimeo.Player) => any;
     leavepictureinpicture: (event: never, player: Vimeo.Player) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onLoaded?: ((event: import("@vimeo/player").LoadedEvent, player: Vimeo.Player) => any) | undefined;
     onError?: ((event: import("@vimeo/player").Error, player: Vimeo.Player) => any) | undefined;
+    onLoaded?: ((event: import("@vimeo/player").LoadedEvent, player: Vimeo.Player) => any) | undefined;
     onCuechange?: ((event: import("@vimeo/player").CueChangeEvent, player: Vimeo.Player) => any) | undefined;
     onDurationchange?: ((event: import("@vimeo/player").DurationChangeEvent, player: Vimeo.Player) => any) | undefined;
     onEnded?: ((event: import("@vimeo/player").TimeEvent, player: Vimeo.Player) => any) | undefined;

package/dist/runtime/components/ScriptYouTubePlayer.d.vue.ts

@@ -0,0 +1,66 @@
+import type { HTMLAttributes, ImgHTMLAttributes, Ref } from 'vue';
+import type { ElementScriptTrigger } from '../types.js';
+export type YoutubeThumbnailSize = '1' | '2' | '3' | 'default' | 'mq1' | 'mq2' | 'mq3' | 'mqdefault' | '0' | 'hq1' | 'hq2' | 'hq3' | 'hqdefault' | 'sd1' | 'sd2' | 'sd3' | 'sddefault' | 'hq720' | 'maxresdefault';
+type __VLS_Props = {
+    placeholderAttrs?: ImgHTMLAttributes;
+    rootAttrs?: HTMLAttributes;
+    aboveTheFold?: boolean;
+    trigger?: ElementScriptTrigger;
+    videoId: string;
+    playerVars?: YT.PlayerVars;
+    width?: number;
+    height?: number;
+    /**
+     * Whether to use youtube-nocookie.com for embedding.
+     *
+     * @default false
+     */
+    cookies?: boolean;
+    playerOptions?: YT.PlayerOptions;
+    thumbnailSize?: YoutubeThumbnailSize;
+    webp?: boolean;
+};
+declare var __VLS_1: {
+    placeholder: any;
+}, __VLS_3: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    placeholder?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    awaitingLoad?: (props: typeof __VLS_9) => any;
+} & {
+    error?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    player: Ref<YT.Player | undefined, YT.Player | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (e: YT.OnErrorEvent, target: YT.Player) => any;
+    ready: (e: YT.PlayerEvent) => any;
+    "state-change": (e: YT.OnStateChangeEvent, target: YT.Player) => any;
+    "playback-quality-change": (e: YT.OnPlaybackQualityChangeEvent, target: YT.Player) => any;
+    "playback-rate-change": (e: YT.OnPlaybackRateChangeEvent, target: YT.Player) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((e: YT.OnErrorEvent, target: YT.Player) => any) | undefined;
+    onReady?: ((e: YT.PlayerEvent) => any) | undefined;
+    "onState-change"?: ((e: YT.OnStateChangeEvent, target: YT.Player) => any) | undefined;
+    "onPlayback-quality-change"?: ((e: YT.OnPlaybackQualityChangeEvent, target: YT.Player) => any) | undefined;
+    "onPlayback-rate-change"?: ((e: YT.OnPlaybackRateChangeEvent, target: YT.Player) => any) | undefined;
+}>, {
+    trigger: ElementScriptTrigger;
+    width: number;
+    height: number;
+    playerVars: YT.PlayerVars;
+    cookies: boolean;
+    thumbnailSize: YoutubeThumbnailSize;
+    webp: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/composables/useScript.js

@@ -1,7 +1,8 @@
 import { defu } from "defu";
 import { useScript as _useScript } from "@unhead/vue/scripts";
 import { reactive } from "vue";
-import { onNuxtReady, useNuxtApp, useRuntimeConfig, injectHead } from "#imports";
+import { onNuxtReady, useNuxtApp, useRuntimeConfig, injectHead } from "nuxt/app";
+import { logger } from "../logger.js";
 function useNuxtScriptRuntimeConfig() {
   return useRuntimeConfig().public["nuxt-scripts"];
 }
@@ -11,6 +12,10 @@ export function resolveScriptKey(input) {
 export function useScript(input, options) {
   input = typeof input === "string" ? { src: input } : input;
   options = defu(options, useNuxtScriptRuntimeConfig()?.defaultScriptOptions);
+  if (import.meta.dev && options.bundle === "unsupported") {
+    console.warn("[Nuxt Scripts] Bundling is not supported for dynamic script sources. Static URLs are required for bundling.");
+    options.bundle = false;
+  }
   const id = String(resolveScriptKey(input));
   const nuxtApp = useNuxtApp();
   options.head = options.head || injectHead();
@@ -19,7 +24,20 @@ export function useScript(input, options) {
   }
   nuxtApp.$scripts = nuxtApp.$scripts || reactive({});
   const exists = !!nuxtApp.$scripts?.[id];
-  if (options.trigger === "onNuxtReady" || options.trigger === "client") {
+  const err = options._validate?.();
+  if (import.meta.dev && import.meta.client && err) {
+    options.trigger = new Promise(() => {
+    });
+    if (!exists) {
+      let out = `Skipping script \`${id}\` due to invalid options:
+`;
+      for (const e of err.issues) {
+        out += `  ${e.message}
+`;
+      }
+      logger.info(out);
+    }
+  } else if (options.trigger === "onNuxtReady" || options.trigger === "client") {
     if (!options.warmupStrategy) {
       options.warmupStrategy = "preload";
     }
@@ -33,6 +51,13 @@ export function useScript(input, options) {
     nuxtApp.$scripts[id] = void 0;
     return _remove();
   };
+  const _load = instance.load;
+  instance.load = async () => {
+    if (err) {
+      return Promise.reject(err);
+    }
+    return _load();
+  };
   nuxtApp.$scripts[id] = instance;
   if (import.meta.dev && import.meta.client) {
     let syncScripts = function() {
@@ -72,6 +97,14 @@ export function useScript(input, options) {
         syncScripts();
       });
       payload.$script = instance;
+      if (err) {
+        payload.events.push({
+          type: "status",
+          status: "validation-failed",
+          args: err,
+          at: Date.now()
+        });
+      }
       payload.events.push({
         type: "status",
         status: "awaitingLoad",

package/dist/runtime/composables/useScriptEventPage.js

@@ -1,5 +1,5 @@
 import { useNuxtApp, useRoute, injectHead } from "nuxt/app";
-import { ref } from "vue";
+import { ref, onScopeDispose } from "vue";
 export function useScriptEventPage(onChange) {
   const nuxt = useNuxtApp();
   const route = useRoute();
@@ -13,7 +13,7 @@ export function useScriptEventPage(onChange) {
   let lastPayload = { path: "", title: "" };
   let stopDomWatcher = () => {
   };
-  nuxt.hooks.hook("page:finish", () => {
+  const stopPageFinishHook = nuxt.hooks.hook("page:finish", () => {
     Promise.race([
       // possibly no head update is needed
       new Promise((resolve) => setTimeout(resolve, 100)),
@@ -33,5 +33,9 @@ export function useScriptEventPage(onChange) {
       }
     });
   });
+  onScopeDispose(() => {
+    stopDomWatcher();
+    stopPageFinishHook();
+  });
   return payload;
 }

package/dist/runtime/composables/useScriptTriggerIdleTimeout.d.ts

@@ -0,0 +1,10 @@
+export interface IdleTimeoutScriptTriggerOptions {
+    /**
+     * The timeout in milliseconds to wait before loading the script.
+     */
+    timeout: number;
+}
+/**
+ * Create a trigger that loads a script after an idle timeout once Nuxt is ready.
+ */
+export declare function useScriptTriggerIdleTimeout(options: IdleTimeoutScriptTriggerOptions): Promise<boolean>;

package/dist/runtime/composables/useScriptTriggerIdleTimeout.js

@@ -0,0 +1,22 @@
+import { tryOnScopeDispose } from "@vueuse/shared";
+import { useTimeoutFn } from "@vueuse/core";
+import { onNuxtReady } from "nuxt/app";
+export function useScriptTriggerIdleTimeout(options) {
+  if (import.meta.server) {
+    return new Promise(() => {
+    });
+  }
+  const { timeout } = options;
+  return new Promise((resolve) => {
+    onNuxtReady(() => {
+      const { start, stop } = useTimeoutFn(() => {
+        resolve(true);
+      }, timeout, { immediate: false });
+      start();
+      tryOnScopeDispose(() => {
+        stop();
+        resolve(false);
+      });
+    });
+  });
+}