@nuxt/scripts 0.11.5 → 0.11.7

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

@@ -0,0 +1,144 @@
+import type { HTMLAttributes, ImgHTMLAttributes, Ref, ReservedProps } from 'vue';
+import type { ElementScriptTrigger } from '../types.js';
+interface PlaceholderOptions {
+    width?: string | number;
+    height?: string | number;
+    center?: string;
+    zoom?: number;
+    size?: string;
+    scale?: number;
+    format?: 'png' | 'jpg' | 'gif' | 'png8' | 'png32' | 'jpg-baseline';
+    maptype?: 'roadmap' | 'satellite' | 'terrain' | 'hybrid';
+    language?: string;
+    region?: string;
+    markers?: string;
+    path?: string;
+    visible?: string;
+    style?: string;
+    map_id?: string;
+    key?: string;
+    signature?: string;
+}
+type __VLS_Props = {
+    /**
+     * Defines the trigger event to load the script.
+     */
+    trigger?: ElementScriptTrigger;
+    /**
+     * Is Google Maps being rendered above the fold?
+     * This will load the placeholder image with higher priority.
+     */
+    aboveTheFold?: boolean;
+    /**
+     * Defines the Google Maps API key. Must have access to the Static Maps API as well.
+     */
+    apiKey?: string;
+    /**
+     * A latitude / longitude of where to focus the map.
+     */
+    center?: google.maps.LatLng | google.maps.LatLngLiteral | `${string},${string}`;
+    /**
+     * Should a marker be displayed on the map where the centre is.
+     */
+    centerMarker?: boolean;
+    /**
+     * Options for the map.
+     */
+    mapOptions?: google.maps.MapOptions;
+    /**
+     * Defines the region of the map.
+     */
+    region?: string;
+    /**
+     * Defines the language of the map
+     */
+    language?: string;
+    /**
+     * Defines the version of google maps js API
+     */
+    version?: string;
+    /**
+     * Defines the width of the map.
+     */
+    width?: number | string;
+    /**
+     * Defines the height of the map
+     */
+    height?: number | string;
+    /**
+     * Customize the placeholder image attributes.
+     *
+     * @see https://developers.google.com/maps/documentation/maps-static/start.
+     */
+    placeholderOptions?: PlaceholderOptions;
+    /**
+     * Customize the placeholder image attributes.
+     */
+    placeholderAttrs?: ImgHTMLAttributes & ReservedProps & Record<string, unknown>;
+    /**
+     * Customize the root element attributes.
+     */
+    rootAttrs?: HTMLAttributes & ReservedProps & Record<string, unknown>;
+    /**
+     * Extra Markers to add to the map.
+     */
+    markers?: (`${string},${string}` | google.maps.marker.AdvancedMarkerElementOptions)[];
+};
+declare function createAdvancedMapMarker(_options?: google.maps.marker.AdvancedMarkerElementOptions | `${string},${string}`): Promise<google.maps.marker.AdvancedMarkerElement | undefined>;
+declare function resolveQueryToLatLang(query: string): Promise<google.maps.LatLng | undefined>;
+declare function importLibrary(key: 'marker'): Promise<google.maps.MarkerLibrary>;
+declare function importLibrary(key: 'places'): Promise<google.maps.PlacesLibrary>;
+declare function importLibrary(key: 'geometry'): Promise<google.maps.GeometryLibrary>;
+declare function importLibrary(key: 'drawing'): Promise<google.maps.DrawingLibrary>;
+declare function importLibrary(key: 'visualization'): Promise<google.maps.VisualizationLibrary>;
+declare function importLibrary(key: string): Promise<any>;
+declare var __VLS_1: {
+    placeholder: any;
+}, __VLS_3: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    placeholder?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    awaitingLoad?: (props: typeof __VLS_8) => any;
+} & {
+    error?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
+    map: Ref<google.maps.Map | undefined, google.maps.Map | undefined>;
+    createAdvancedMapMarker: typeof createAdvancedMapMarker;
+    resolveQueryToLatLang: typeof resolveQueryToLatLang;
+    importLibrary: typeof importLibrary;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: () => any;
+    ready: (e: {
+        readonly googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
+        readonly map: Ref<google.maps.Map | undefined, google.maps.Map | undefined>;
+        readonly createAdvancedMapMarker: typeof createAdvancedMapMarker;
+        readonly resolveQueryToLatLang: typeof resolveQueryToLatLang;
+        readonly importLibrary: typeof importLibrary;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: (() => any) | undefined;
+    onReady?: ((e: {
+        readonly googleMaps: Ref<typeof google.maps | undefined, typeof google.maps | undefined>;
+        readonly map: Ref<google.maps.Map | undefined, google.maps.Map | undefined>;
+        readonly createAdvancedMapMarker: typeof createAdvancedMapMarker;
+        readonly resolveQueryToLatLang: typeof resolveQueryToLatLang;
+        readonly importLibrary: typeof importLibrary;
+    }) => any) | undefined;
+}>, {
+    trigger: ElementScriptTrigger;
+    width: number | string;
+    height: number | string;
+}, {}, {}, {}, 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/ScriptIntercom.vue

@@ -1,37 +1,22 @@
-<script setup lang="ts">
-import { ref, onMounted, watch, onBeforeUnmount, computed } from 'vue'
-import { useScriptIntercom } from '../registry/intercom'
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import type { ElementScriptTrigger } from '#nuxt-scripts/types'
-
-const props = withDefaults(defineProps<{
-  appId: string
-  apiBase?: string
-  name?: string
-  email?: string
-  userId?: string
-  // customizing the messenger
-  alignment?: 'left' | 'right'
-  horizontalPadding?: number
-  verticalPadding?: number
-  /**
-   * Defines the trigger event to load the script.
-   */
-  trigger?: ElementScriptTrigger
-}>(), {
-  trigger: 'click',
-})
-
-const emits = defineEmits<{
-  // our emit
-  ready: [e: ReturnType<typeof useScriptIntercom>]
-  error: []
-}>()
-
-const rootEl = ref(null)
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
-
-const isReady = ref(false)
+<script setup>
+import { ref, onMounted, watch, onBeforeUnmount, computed } from "vue";
+import { useScriptIntercom } from "../registry/intercom";
+import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
+const props = defineProps({
+  appId: { type: String, required: true },
+  apiBase: { type: String, required: false },
+  name: { type: String, required: false },
+  email: { type: String, required: false },
+  userId: { type: String, required: false },
+  alignment: { type: String, required: false },
+  horizontalPadding: { type: Number, required: false },
+  verticalPadding: { type: Number, required: false },
+  trigger: { type: [String, Array, Boolean], required: false, default: "click" }
+});
+const emits = defineEmits(["ready", "error"]);
+const rootEl = ref(null);
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
+const isReady = ref(false);
 const intercom = useScriptIntercom({
   app_id: props.appId,
   // @ts-expect-error untyped
@@ -43,51 +28,47 @@ const intercom = useScriptIntercom({
   horizontal_padding: props.horizontalPadding,
   vertical_padding: props.verticalPadding,
   scriptOptions: {
-    trigger,
-  },
-})
-const { status, onLoaded } = intercom
-if (props.trigger === 'click') {
+    trigger
+  }
+});
+const { status, onLoaded } = intercom;
+if (props.trigger === "click") {
   onLoaded((instance) => {
-    instance.Intercom('show')
-  })
+    instance.Intercom("show");
+  });
 }
-
 defineExpose({
-  intercom,
-})
-
-let observer: MutationObserver
+  intercom
+});
+let observer;
 onMounted(() => {
-  watch(status, (status) => {
-    if (status === 'loading') {
+  watch(status, (status2) => {
+    if (status2 === "loading") {
       observer = new MutationObserver(() => {
-        if (document.getElementById('intercom-frame')) {
-          isReady.value = true
-          emits('ready', intercom)
-          observer.disconnect()
+        if (document.getElementById("intercom-frame")) {
+          isReady.value = true;
+          emits("ready", intercom);
+          observer.disconnect();
         }
-      })
-      observer.observe(document.body, { childList: true, subtree: true })
-    }
-    else if (status === 'error')
-      emits('error')
-  })
-})
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+    } else if (status2 === "error")
+      emits("error");
+  });
+});
 onBeforeUnmount(() => {
-  observer?.disconnect()
-})
-
+  observer?.disconnect();
+});
 const rootAttrs = computed(() => {
   return {
     style: {
-      display: isReady.value ? 'none' : 'block',
+      display: isReady.value ? "none" : "block",
       bottom: `${props.verticalPadding || 20}px`,
-      [props.alignment || 'right']: `${props.horizontalPadding || 20}px`,
+      [props.alignment || "right"]: `${props.horizontalPadding || 20}px`
     },
-    ...(trigger instanceof Promise ? trigger.ssrAttrs || {} : {}),
-  }
-})
+    ...trigger instanceof Promise ? trigger.ssrAttrs || {} : {}
+  };
+});
 </script>
 
 <template>

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

@@ -0,0 +1,45 @@
+import type { ElementScriptTrigger } from '#nuxt-scripts/types';
+type __VLS_Props = {
+    appId: string;
+    apiBase?: string;
+    name?: string;
+    email?: string;
+    userId?: string;
+    alignment?: 'left' | 'right';
+    horizontalPadding?: number;
+    verticalPadding?: number;
+    /**
+     * Defines the trigger event to load the script.
+     */
+    trigger?: ElementScriptTrigger;
+};
+declare var __VLS_1: {
+    ready: any;
+}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    awaitingLoad?: (props: typeof __VLS_3) => any;
+} & {
+    loading?: (props: typeof __VLS_5) => any;
+} & {
+    error?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    intercom: import("#nuxt-scripts/types").UseScriptContext<import("../registry/intercom.js").IntercomApi>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: () => any;
+    ready: (e: import("#nuxt-scripts/types").UseScriptContext<import("../registry/intercom.js").IntercomApi>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: (() => any) | undefined;
+    onReady?: ((e: import("#nuxt-scripts/types").UseScriptContext<import("../registry/intercom.js").IntercomApi>) => 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/ScriptLemonSqueezy.vue

@@ -1,48 +1,37 @@
-<script lang="ts" setup>
-import { computed, onMounted, ref } from 'vue'
-import type { ElementScriptTrigger } from '../types'
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { useScriptLemonSqueezy } from '../registry/lemon-squeezy'
-import type { LemonSqueezyEventPayload } from '../registry/lemon-squeezy'
-
-const props = withDefaults(defineProps<{
-  trigger?: ElementScriptTrigger
-}>(), {
-  trigger: 'visible',
-})
-
-const emits = defineEmits<{
-  ready: [ReturnType<typeof useScriptLemonSqueezy>]
-  lemonSqueezyEvent: [LemonSqueezyEventPayload]
-}>()
-
-const rootEl = ref<HTMLElement | null>(null)
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
+import { useScriptLemonSqueezy } from "../registry/lemon-squeezy";
+const props = defineProps({
+  trigger: { type: [String, Array, Boolean], required: false, default: "visible" }
+});
+const emits = defineEmits(["ready", "lemonSqueezyEvent"]);
+const rootEl = ref(null);
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
 const instance = useScriptLemonSqueezy({
   scriptOptions: {
-    trigger,
-  },
-})
+    trigger
+  }
+});
 onMounted(() => {
-  rootEl.value?.querySelectorAll('a[href]').forEach((a) => {
-    a.classList.add('lemonsqueezy-button')
-  })
+  rootEl.value?.querySelectorAll("a[href]").forEach((a) => {
+    a.classList.add("lemonsqueezy-button");
+  });
   instance.onLoaded(({ Setup, Refresh }) => {
     Setup({
       eventHandler(event) {
-        emits('lemonSqueezyEvent', event)
-      },
-    })
-    Refresh()
-    emits('ready', instance)
-  })
-})
-
+        emits("lemonSqueezyEvent", event);
+      }
+    });
+    Refresh();
+    emits("ready", instance);
+  });
+});
 const rootAttrs = computed(() => {
   return {
-    ...(trigger instanceof Promise ? trigger.ssrAttrs || {} : {}),
-  }
-})
+    ...trigger instanceof Promise ? trigger.ssrAttrs || {} : {}
+  };
+});
 </script>
 
 <template>

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

@@ -0,0 +1,24 @@
+import type { ElementScriptTrigger } from '../types.js';
+type __VLS_Props = {
+    trigger?: ElementScriptTrigger;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    ready: (args_0: import("../types.js").UseScriptContext<import("../registry/lemon-squeezy.js").LemonSqueezyApi>) => any;
+    lemonSqueezyEvent: (args_0: never) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReady?: ((args_0: import("../types.js").UseScriptContext<import("../registry/lemon-squeezy.js").LemonSqueezyApi>) => any) | undefined;
+    onLemonSqueezyEvent?: ((args_0: never) => 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/ScriptLoadingIndicator.vue

@@ -1,18 +1,13 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-const props = withDefaults(defineProps<{
-  color?: string
-  size?: number
-}>(), {
-  color: 'currentColor',
-  size: 30,
-})
-
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  color: { type: String, required: false, default: "currentColor" },
+  size: { type: Number, required: false, default: 30 }
+});
 const styles = computed(() => ({
   width: `${props.size}px`,
-  height: `${props.size}px`,
-}))
+  height: `${props.size}px`
+}));
 </script>
 
 <template>

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    color?: string;
+    size?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    size: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/ScriptStripePricingTable.vue

@@ -1,66 +1,54 @@
-<script setup lang="ts">
-import { ref, computed, onBeforeUnmount, onMounted, watch } from 'vue'
-import type { ElementScriptTrigger } from '../types'
-import { useScriptTriggerElement } from '../composables/useScriptTriggerElement'
-import { useScript } from '#imports'
-
-const props = withDefaults(defineProps<{
-  trigger?: ElementScriptTrigger
-  publishableKey: string
-  pricingTableId: string
-  clientReferenceId?: string
-  customerEmail?: string
-  customerSessionClientSecret?: string
-}>(), {
-  trigger: 'visible',
-})
-
-const emit = defineEmits<{
-  ready: [ReturnType<typeof useScript>]
-  error: []
-}>()
-
-const rootEl = ref<HTMLDivElement | undefined>()
-const containerEl = ref<HTMLDivElement | undefined>()
-const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl })
+<script setup>
+import { ref, computed, onBeforeUnmount, onMounted, watch } from "vue";
+import { useScriptTriggerElement } from "../composables/useScriptTriggerElement";
+import { useScript } from "#imports";
+const props = defineProps({
+  trigger: { type: [String, Array, Boolean], required: false, default: "visible" },
+  publishableKey: { type: String, required: true },
+  pricingTableId: { type: String, required: true },
+  clientReferenceId: { type: String, required: false },
+  customerEmail: { type: String, required: false },
+  customerSessionClientSecret: { type: String, required: false }
+});
+const emit = defineEmits(["ready", "error"]);
+const rootEl = ref();
+const containerEl = ref();
+const trigger = useScriptTriggerElement({ trigger: props.trigger, el: rootEl });
 const instance = useScript(`https://js.stripe.com/v3/pricing-table.js`, {
-  trigger,
-})
-const { onLoaded, status } = instance
-
-const pricingTable = ref<HTMLElement | undefined>()
+  trigger
+});
+const { onLoaded, status } = instance;
+const pricingTable = ref();
 onMounted(() => {
   onLoaded(() => {
-    const StripePricingTable = window.customElements.get('stripe-pricing-table')!
-    const stripePricingTable = new StripePricingTable()
-    stripePricingTable.setAttribute('publishable-key', props.publishableKey)
-    stripePricingTable.setAttribute('pricing-table-id', props.pricingTableId)
+    const StripePricingTable = window.customElements.get("stripe-pricing-table");
+    const stripePricingTable = new StripePricingTable();
+    stripePricingTable.setAttribute("publishable-key", props.publishableKey);
+    stripePricingTable.setAttribute("pricing-table-id", props.pricingTableId);
     if (props.clientReferenceId)
-      stripePricingTable.setAttribute('client-reference-id', props.clientReferenceId)
+      stripePricingTable.setAttribute("client-reference-id", props.clientReferenceId);
     if (props.customerEmail)
-      stripePricingTable.setAttribute('customer-email', props.customerEmail)
+      stripePricingTable.setAttribute("customer-email", props.customerEmail);
     if (props.customerSessionClientSecret)
-      stripePricingTable.setAttribute('customer-session-client-secret', props.customerSessionClientSecret)
-    pricingTable.value = stripePricingTable
-    rootEl.value!.appendChild(stripePricingTable)
-    emit('ready', instance)
-  })
-  watch(status, (status) => {
-    if (status === 'error') {
-      emit('error')
+      stripePricingTable.setAttribute("customer-session-client-secret", props.customerSessionClientSecret);
+    pricingTable.value = stripePricingTable;
+    rootEl.value.appendChild(stripePricingTable);
+    emit("ready", instance);
+  });
+  watch(status, (status2) => {
+    if (status2 === "error") {
+      emit("error");
     }
-  })
-})
-
+  });
+});
 onBeforeUnmount(() => {
-  pricingTable.value?.remove()
-})
-
+  pricingTable.value?.remove();
+});
 const rootAttrs = computed(() => {
   return {
-    ...(trigger instanceof Promise ? trigger.ssrAttrs || {} : {}),
-  }
-})
+    ...trigger instanceof Promise ? trigger.ssrAttrs || {} : {}
+  };
+});
 </script>
 
 <template>

package/dist/runtime/components/ScriptStripePricingTable.vue.d.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;
+    };
+};