nuxt-og-image 6.1.2 → 6.2.0

package/README.md

@@ -53,7 +53,10 @@ npx nuxi@latest module add og-image
 
 ## Demos
 
-- [👾  Playground](https://stackblitz.com/edit/nuxt-starter-pxs3wk?file=nuxt.config.ts)
+- [Satori (custom template)](https://stackblitz.com/github/nuxt-modules/og-image/tree/main/examples/basic-satori)
+- [Takumi (custom template)](https://stackblitz.com/github/nuxt-modules/og-image/tree/main/examples/basic-takumi)
+- [Nuxt Content](https://stackblitz.com/github/nuxt-modules/og-image/tree/main/examples/content)
+- [i18n](https://stackblitz.com/github/nuxt-modules/og-image/tree/main/examples/i18n)
 
 ## Sponsors
 

package/dist/chunks/tw4.cjs

@@ -5,7 +5,7 @@ const node_url = require('node:url');
 const exsolve = require('exsolve');
 const pathe = require('pathe');
 const cssProvider = require('./css-provider.cjs');
-const module$1 = require('../shared/nuxt-og-image.DFZD-Kf4.cjs');
+const module$1 = require('../shared/nuxt-og-image.CBzKFXjI.cjs');
 require('node:fs');
 require('@nuxt/kit');
 require('defu');
@@ -14,11 +14,12 @@ require('ohash');
 require('pkg-types');
 require('node:crypto');
 require('oxc-walker');
-require('std-env');
+require('nuxtseo-shared/kit');
 require('../../dist/runtime/logger.js');
 require('chrome-launcher');
+require('std-env');
 require('nypm');
-require('@nuxt/devtools-kit');
+require('nuxtseo-shared/devtools');
 require('unstorage');
 require('unstorage/drivers/fs-lite');
 require('../../dist/runtime/server/og-image/utils/css.js');

package/dist/chunks/tw4.mjs

@@ -3,7 +3,7 @@ import { pathToFileURL } from 'node:url';
 import { resolveModulePath } from 'exsolve';
 import { dirname, join } from 'pathe';
 import { extractVariantBaseClasses, resolveVariantPrefixes } from './css-provider.mjs';
-import { g as resolveVarsDeep, s as simplifyCss, p as postProcessStyles, l as loadLightningCss, e as extractCssVars, b as extractUniversalVars, c as extractPerClassVars, d as extractClassStyles } from '../shared/nuxt-og-image.DuUfHPCI.mjs';
+import { g as resolveVarsDeep, s as simplifyCss, p as postProcessStyles, l as loadLightningCss, e as extractCssVars, b as extractUniversalVars, c as extractPerClassVars, d as extractClassStyles } from '../shared/nuxt-og-image.Bd7Znc-u.mjs';
 import 'node:fs';
 import '@nuxt/kit';
 import 'defu';
@@ -12,11 +12,12 @@ import 'ohash';
 import 'pkg-types';
 import 'node:crypto';
 import 'oxc-walker';
-import 'std-env';
+import 'nuxtseo-shared/kit';
 import '../../dist/runtime/logger.js';
 import 'chrome-launcher';
+import 'std-env';
 import 'nypm';
-import '@nuxt/devtools-kit';
+import 'nuxtseo-shared/devtools';
 import 'unstorage';
 import 'unstorage/drivers/fs-lite';
 import '../../dist/runtime/server/og-image/utils/css.js';

package/dist/chunks/uno.cjs

@@ -4,7 +4,7 @@ const promises = require('node:fs/promises');
 const defu = require('defu');
 const logger_js = require('../../dist/runtime/logger.js');
 const cssProvider = require('./css-provider.cjs');
-const module$1 = require('../shared/nuxt-og-image.DFZD-Kf4.cjs');
+const module$1 = require('../shared/nuxt-og-image.CBzKFXjI.cjs');
 require('exsolve');
 require('node:fs');
 require('node:url');
@@ -15,10 +15,11 @@ require('pathe');
 require('pkg-types');
 require('node:crypto');
 require('oxc-walker');
-require('std-env');
+require('nuxtseo-shared/kit');
 require('chrome-launcher');
+require('std-env');
 require('nypm');
-require('@nuxt/devtools-kit');
+require('nuxtseo-shared/devtools');
 require('unstorage');
 require('unstorage/drivers/fs-lite');
 require('../../dist/runtime/server/og-image/utils/css.js');

package/dist/chunks/uno.mjs

@@ -2,7 +2,7 @@ import { readFile } from 'node:fs/promises';
 import { defu } from 'defu';
 import { logger } from '../../dist/runtime/logger.js';
 import { extractVariantBaseClasses, resolveVariantPrefixes } from './css-provider.mjs';
-import { s as simplifyCss, e as extractCssVars, a as extractPropertyInitialValues, b as extractUniversalVars, c as extractPerClassVars, d as extractClassStyles, p as postProcessStyles, f as extractVarsFromCss, r as resolveExtractedVars } from '../shared/nuxt-og-image.DuUfHPCI.mjs';
+import { s as simplifyCss, e as extractCssVars, a as extractPropertyInitialValues, b as extractUniversalVars, c as extractPerClassVars, d as extractClassStyles, p as postProcessStyles, f as extractVarsFromCss, r as resolveExtractedVars } from '../shared/nuxt-og-image.Bd7Znc-u.mjs';
 import 'exsolve';
 import 'node:fs';
 import 'node:url';
@@ -13,10 +13,11 @@ import 'pathe';
 import 'pkg-types';
 import 'node:crypto';
 import 'oxc-walker';
-import 'std-env';
+import 'nuxtseo-shared/kit';
 import 'chrome-launcher';
+import 'std-env';
 import 'nypm';
-import '@nuxt/devtools-kit';
+import 'nuxtseo-shared/devtools';
 import 'unstorage';
 import 'unstorage/drivers/fs-lite';
 import '../../dist/runtime/server/og-image/utils/css.js';

package/dist/content.cjs

@@ -1,22 +1,21 @@
 'use strict';
 
+const content = require('nuxtseo-shared/content');
 const zod = require('zod');
 
-const ogImageSchema = zod.z.object({
-  url: zod.z.string().optional(),
-  component: zod.z.string().optional(),
-  props: zod.z.record(zod.z.string(), zod.z.any())
-}).optional();
-const schema = zod.z.object({
-  ogImage: ogImageSchema
-});
-function asOgImageCollection(collection) {
-  if (collection.type === "page") {
-    collection.schema = collection.schema ? schema.extend(collection.schema.shape) : schema;
-  }
-  return collection;
-}
+const { defineSchema, asCollection, schema } = content.createContentSchemaFactory({
+  fieldName: "ogImage",
+  label: "og-image",
+  docsUrl: "https://nuxtseo.com/og-image/integrations/content",
+  buildSchema: (_z) => _z.object({
+    url: _z.string().optional(),
+    component: _z.string().optional(),
+    props: _z.record(_z.string(), _z.any())
+  }).optional()
+}, zod.z);
+const ogImageSchema = schema.shape.ogImage;
 
-exports.asOgImageCollection = asOgImageCollection;
+exports.asOgImageCollection = asCollection;
+exports.defineOgImageSchema = defineSchema;
 exports.ogImageSchema = ogImageSchema;
 exports.schema = schema;

package/dist/content.d.cts

@@ -1,7 +1,7 @@
-import { Collection } from '@nuxt/content';
+import * as nuxtseo_shared_content from 'nuxtseo-shared/content';
 import { z } from 'zod';
 
-declare const ogImageSchema: z.ZodOptional<z.ZodObject<{
+declare const defineSchema: (options?: nuxtseo_shared_content.ContentSchemaOptions | undefined) => z.ZodOptional<z.ZodObject<{
     url: z.ZodOptional<z.ZodString>;
     component: z.ZodOptional<z.ZodString>;
     props: z.ZodRecord<z.ZodString, z.ZodAny>;
@@ -14,33 +14,13 @@ declare const ogImageSchema: z.ZodOptional<z.ZodObject<{
     url?: string | undefined;
     component?: string | undefined;
 }>>;
-declare const schema: z.ZodObject<{
-    ogImage: z.ZodOptional<z.ZodObject<{
-        url: z.ZodOptional<z.ZodString>;
-        component: z.ZodOptional<z.ZodString>;
-        props: z.ZodRecord<z.ZodString, z.ZodAny>;
-    }, "strip", z.ZodTypeAny, {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    }, {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    ogImage?: {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    } | undefined;
+declare const asCollection: <T>(collection: any) => T;
+declare const schema: z.ZodObject<z.ZodRawShape, "strip", z.ZodTypeAny, {
+    [x: string]: any;
 }, {
-    ogImage?: {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    } | undefined;
+    [x: string]: any;
 }>;
-declare function asOgImageCollection<T>(collection: Collection<T>): Collection<T>;
 
-export { asOgImageCollection, ogImageSchema, schema };
+declare const ogImageSchema: z.ZodTypeAny | undefined;
+
+export { asCollection as asOgImageCollection, defineSchema as defineOgImageSchema, ogImageSchema, schema };

package/dist/content.d.mts

@@ -1,7 +1,7 @@
-import { Collection } from '@nuxt/content';
+import * as nuxtseo_shared_content from 'nuxtseo-shared/content';
 import { z } from 'zod';
 
-declare const ogImageSchema: z.ZodOptional<z.ZodObject<{
+declare const defineSchema: (options?: nuxtseo_shared_content.ContentSchemaOptions | undefined) => z.ZodOptional<z.ZodObject<{
     url: z.ZodOptional<z.ZodString>;
     component: z.ZodOptional<z.ZodString>;
     props: z.ZodRecord<z.ZodString, z.ZodAny>;
@@ -14,33 +14,13 @@ declare const ogImageSchema: z.ZodOptional<z.ZodObject<{
     url?: string | undefined;
     component?: string | undefined;
 }>>;
-declare const schema: z.ZodObject<{
-    ogImage: z.ZodOptional<z.ZodObject<{
-        url: z.ZodOptional<z.ZodString>;
-        component: z.ZodOptional<z.ZodString>;
-        props: z.ZodRecord<z.ZodString, z.ZodAny>;
-    }, "strip", z.ZodTypeAny, {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    }, {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    ogImage?: {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    } | undefined;
+declare const asCollection: <T>(collection: any) => T;
+declare const schema: z.ZodObject<z.ZodRawShape, "strip", z.ZodTypeAny, {
+    [x: string]: any;
 }, {
-    ogImage?: {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    } | undefined;
+    [x: string]: any;
 }>;
-declare function asOgImageCollection<T>(collection: Collection<T>): Collection<T>;
 
-export { asOgImageCollection, ogImageSchema, schema };
+declare const ogImageSchema: z.ZodTypeAny | undefined;
+
+export { asCollection as asOgImageCollection, defineSchema as defineOgImageSchema, ogImageSchema, schema };

package/dist/content.d.ts

@@ -1,7 +1,7 @@
-import { Collection } from '@nuxt/content';
+import * as nuxtseo_shared_content from 'nuxtseo-shared/content';
 import { z } from 'zod';
 
-declare const ogImageSchema: z.ZodOptional<z.ZodObject<{
+declare const defineSchema: (options?: nuxtseo_shared_content.ContentSchemaOptions | undefined) => z.ZodOptional<z.ZodObject<{
     url: z.ZodOptional<z.ZodString>;
     component: z.ZodOptional<z.ZodString>;
     props: z.ZodRecord<z.ZodString, z.ZodAny>;
@@ -14,33 +14,13 @@ declare const ogImageSchema: z.ZodOptional<z.ZodObject<{
     url?: string | undefined;
     component?: string | undefined;
 }>>;
-declare const schema: z.ZodObject<{
-    ogImage: z.ZodOptional<z.ZodObject<{
-        url: z.ZodOptional<z.ZodString>;
-        component: z.ZodOptional<z.ZodString>;
-        props: z.ZodRecord<z.ZodString, z.ZodAny>;
-    }, "strip", z.ZodTypeAny, {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    }, {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    ogImage?: {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    } | undefined;
+declare const asCollection: <T>(collection: any) => T;
+declare const schema: z.ZodObject<z.ZodRawShape, "strip", z.ZodTypeAny, {
+    [x: string]: any;
 }, {
-    ogImage?: {
-        props: Record<string, any>;
-        url?: string | undefined;
-        component?: string | undefined;
-    } | undefined;
+    [x: string]: any;
 }>;
-declare function asOgImageCollection<T>(collection: Collection<T>): Collection<T>;
 
-export { asOgImageCollection, ogImageSchema, schema };
+declare const ogImageSchema: z.ZodTypeAny | undefined;
+
+export { asCollection as asOgImageCollection, defineSchema as defineOgImageSchema, ogImageSchema, schema };

package/dist/content.mjs

@@ -1,18 +1,16 @@
+import { createContentSchemaFactory } from 'nuxtseo-shared/content';
 import { z } from 'zod';
 
-const ogImageSchema = z.object({
-  url: z.string().optional(),
-  component: z.string().optional(),
-  props: z.record(z.string(), z.any())
-}).optional();
-const schema = z.object({
-  ogImage: ogImageSchema
-});
-function asOgImageCollection(collection) {
-  if (collection.type === "page") {
-    collection.schema = collection.schema ? schema.extend(collection.schema.shape) : schema;
-  }
-  return collection;
-}
+const { defineSchema, asCollection, schema } = createContentSchemaFactory({
+  fieldName: "ogImage",
+  label: "og-image",
+  docsUrl: "https://nuxtseo.com/og-image/integrations/content",
+  buildSchema: (_z) => _z.object({
+    url: _z.string().optional(),
+    component: _z.string().optional(),
+    props: _z.record(_z.string(), _z.any())
+  }).optional()
+}, z);
+const ogImageSchema = schema.shape.ogImage;
 
-export { asOgImageCollection, ogImageSchema, schema };
+export { asCollection as asOgImageCollection, defineSchema as defineOgImageSchema, ogImageSchema, schema };

package/dist/devtools/200.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-og-image/_nuxt/CxnX_MvN.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.CYlLP9qU.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CxnX_MvN.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CstUYNOH.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/u4npBYiO.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D7bfXIZ-.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/o_f3Li2p.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BGlUVBvU.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/ynN9sMNI.js"><script type="module" src="/__nuxt-og-image/_nuxt/CxnX_MvN.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script>window.__NUXT_SITE_CONFIG__={_priority:{env:-15,url:-3},env:"production",url:"https:\u002F\u002Fnuxtseo.com"}</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"22b67a5a-b859-4a85-ad96-a4de4f79168b",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774367251768,false]</script></body></html>

package/dist/devtools/404.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-og-image/_nuxt/CxnX_MvN.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.CYlLP9qU.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CxnX_MvN.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CstUYNOH.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/u4npBYiO.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D7bfXIZ-.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/o_f3Li2p.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BGlUVBvU.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/ynN9sMNI.js"><script type="module" src="/__nuxt-og-image/_nuxt/CxnX_MvN.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script>window.__NUXT_SITE_CONFIG__={_priority:{env:-15,url:-3},env:"production",url:"https:\u002F\u002Fnuxtseo.com"}</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"22b67a5a-b859-4a85-ad96-a4de4f79168b",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774367251768,false]</script></body></html>

package/dist/devtools/_nuxt/B78iZWPg.js

@@ -0,0 +1 @@
+import{At as e,C as t,K as n,Ot as r,S as i,T as a,Tt as o,U as s,_ as c,at as l,c as u,g as d,gt as f,h as p,jt as m,u as h,v as g,y as _}from"./CstUYNOH.js";import{_t as v,tt as y}from"./o_f3Li2p.js";import{_ as b,b as x,k as S,n as C,t as w}from"./u4npBYiO.js";import"./D7bfXIZ-.js";import"./ynN9sMNI.js";import{d as T}from"#entry";import{t as E}from"./CzeCuK1q.js";import{n as D,t as O}from"./BL4rmk_W.js";var k={class:`template-card group`},A={class:`template-header`},j={class:`template-footer`},M={key:0,class:`template-credit`},N=Object.assign(T(a({__name:`TemplateComponentPreview`,props:{src:{},aspectRatio:{},component:{},active:{type:Boolean},imageFormat:{},width:{},height:{}},setup(n){let a=n,h=/>/g;function y(){C.value?.devtools.rpc.openInEditor(a.component.path)}let w=p(()=>a.src.includes(`.html`)),T=p(()=>a.component.credits?.split(`<`)[0]?.trim()),E=p(()=>a.component.credits?.split(`<`)[1]?.trim().replace(h,``)),N=f();return(a,f)=>{let p=b,h=S,C=D,P=O,F=x;return s(),_(`div`,k,[d(`div`,A,[t(p,{to:E.value,target:`_blank`,class:`template-name`},{default:l(()=>[i(m(n.component.pascalName),1)]),_:1},8,[`to`])]),d(`div`,{class:r([`template-preview`,n.active?`is-active`:``])},[t(F,{text:`Preview ${n.component.pascalName} for the current page.`},{default:l(()=>[d(`div`,{class:`template-image`,style:e({aspectRatio:n.aspectRatio})},[n.active?(s(),c(h,{key:0,name:`carbon:checkmark-filled`,class:`active-badge`})):g(``,!0),w.value?(s(),c(P,{key:2,src:n.src,class:`pointer-events-none`,"aspect-ratio":n.aspectRatio,onLoad:f[1]||=e=>N.value=e},null,8,[`src`,`aspect-ratio`])):(s(),c(C,{key:1,src:o(v)(n.src,{component:n.component.pascalName}),"aspect-ratio":n.aspectRatio,class:`w-full h-full`,onLoad:f[0]||=e=>N.value=e},null,8,[`src`,`aspect-ratio`]))],4)]),_:1},8,[`text`])],2),d(`div`,j,[t(F,{text:`Open the source code of ${n.component.pascalName}.vue in your IDE`},{default:l(()=>[t(p,{class:`template-action`,onClick:u(y,[`stop`])},{default:l(()=>[t(h,{name:`carbon:code`,class:`w-3 h-3`}),f[2]||=i(` View source `,-1)]),_:1})]),_:1},8,[`text`]),n.component.credits?(s(),_(`div`,M,[E.value?(s(),c(p,{key:0,to:E.value,target:`_blank`},{default:l(()=>[i(m(T.value),1)]),_:1},8,[`to`])):g(``,!0)])):g(``,!0)])])}}}),[[`__scopeId`,`data-v-20711018`]]),{__name:`TemplateComponentPreview`}),P={class:`templates-page animate-fade-up`},F={key:0,class:`loading-container`},I={key:1,class:`templates-content stagger-children`},L={class:`template-grid`},R=[`onClick`],z={class:`template-grid`},B=[`onClick`],V=T(a({__name:`templates`,setup(e){let{appComponents:r,communityComponents:a,activeComponentName:u,src:f,aspectRatio:p,isLoading:m,patchOptions:b}=w();async function x(e){b({component:e}),await y(`/`)}return(e,y)=>{let b=N,S=E;return s(),_(`div`,P,[o(m)?(s(),_(`div`,F,[...y[0]||=[d(`div`,{class:`loading-spinner`},null,-1),d(`p`,{class:`loading-text`},` Loading templates… `,-1)]])):(s(),_(`div`,I,[o(r).length?(s(),c(S,{key:0,icon:`carbon:app`,text:`Your Templates`},{description:l(()=>[...y[1]||=[i(` Custom OG Image components in your project `,-1)]]),default:l(()=>[d(`div`,L,[(s(!0),_(h,null,n(o(r),e=>(s(),_(`button`,{key:e.pascalName,class:`template-item`,onClick:t=>x(e.pascalName)},[t(b,{component:e,src:o(v)(o(f),{component:e.pascalName}),"aspect-ratio":o(p),active:e.pascalName===o(u)},null,8,[`component`,`src`,`aspect-ratio`,`active`])],8,R))),128))])]),_:1})):g(``,!0),t(S,{icon:`carbon:user-multiple`,text:`Community Templates`},{description:l(()=>[...y[2]||=[i(` Pre-built templates you can use or eject `,-1)]]),default:l(()=>[d(`div`,z,[(s(!0),_(h,null,n(o(a),e=>(s(),_(`button`,{key:e.pascalName,class:`template-item`,onClick:t=>x(e.pascalName)},[t(b,{component:e,src:o(v)(o(f),{component:e.pascalName}),"aspect-ratio":o(p),active:e.pascalName===o(u)},null,8,[`component`,`src`,`aspect-ratio`,`active`])],8,B))),128))])]),_:1})]))])}}}),[[`__scopeId`,`data-v-6c5c4c86`]]);export{V as default};

package/dist/{client/_nuxt/D1lfPgTt.js → devtools/_nuxt/BGlUVBvU.js}

@@ -1 +1 @@
-import{E as e,ct as t,gt as n,k as r,pt as i,st as a}from"./Vmj2QZYx.js";function o(e,t={},n){for(let r in e){let i=e[r],a=n?`${n}:${r}`:r;typeof i==`object`&&i?o(i,t,a):typeof i==`function`&&(t[a]=i)}return t}var s=(()=>{if(console.createTask)return console.createTask;let e={run:e=>e()};return()=>e})();function c(e,t,n,r){for(let i=n;i<e.length;i+=1)try{let n=r?r.run(()=>e[i](...t)):e[i](...t);if(n instanceof Promise)return n.then(()=>c(e,t,i+1,r))}catch(e){return Promise.reject(e)}}function l(e,t,n){if(e.length>0)return c(e,t,0,s(n))}function u(e,t,n){if(e.length>0){let r=s(n);return Promise.all(e.map(e=>r.run(()=>e(...t))))}}function d(e,t){for(let n of[...e])n(t)}var f=class{_hooks;_before;_after;_deprecatedHooks;_deprecatedMessages;constructor(){this._hooks={},this._before=void 0,this._after=void 0,this._deprecatedMessages=void 0,this._deprecatedHooks={},this.hook=this.hook.bind(this),this.callHook=this.callHook.bind(this),this.callHookWith=this.callHookWith.bind(this)}hook(e,t,n={}){if(!e||typeof t!=`function`)return()=>{};let r=e,i;for(;this._deprecatedHooks[e];)i=this._deprecatedHooks[e],e=i.to;if(i&&!n.allowDeprecated){let e=i.message;e||=`${r} hook has been deprecated`+(i.to?`, please use ${i.to}`:``),this._deprecatedMessages||=new Set,this._deprecatedMessages.has(e)||(console.warn(e),this._deprecatedMessages.add(e))}if(!t.name)try{Object.defineProperty(t,`name`,{get:()=>`_`+e.replace(/\W+/g,`_`)+`_hook_cb`,configurable:!0})}catch{}return this._hooks[e]=this._hooks[e]||[],this._hooks[e].push(t),()=>{t&&=(this.removeHook(e,t),void 0)}}hookOnce(e,t){let n,r=(...e)=>(typeof n==`function`&&n(),n=void 0,r=void 0,t(...e));return n=this.hook(e,r),n}removeHook(e,t){let n=this._hooks[e];if(n){let r=n.indexOf(t);r!==-1&&n.splice(r,1),n.length===0&&(this._hooks[e]=void 0)}}deprecateHook(e,t){this._deprecatedHooks[e]=typeof t==`string`?{to:t}:t;let n=this._hooks[e]||[];this._hooks[e]=void 0;for(let t of n)this.hook(e,t)}deprecateHooks(e){for(let t in e)this.deprecateHook(t,e[t])}addHooks(e){let t=o(e),n=Object.keys(t).map(e=>this.hook(e,t[e]));return()=>{for(let e of n)e();n.length=0}}removeHooks(e){let t=o(e);for(let e in t)this.removeHook(e,t[e])}removeAllHooks(){this._hooks={}}callHook(e,...t){return this.callHookWith(l,e,t)}callHookParallel(e,...t){return this.callHookWith(u,e,t)}callHookWith(e,t,n){let r=this._before||this._after?{name:t,args:n,context:{}}:void 0;this._before&&d(this._before,r);let i=e(this._hooks[t]?[...this._hooks[t]]:[],n,t);return i instanceof Promise?i.finally(()=>{this._after&&r&&d(this._after,r)}):(this._after&&r&&d(this._after,r),i)}beforeEach(e){return this._before=this._before||[],this._before.push(e),()=>{if(this._before!==void 0){let t=this._before.indexOf(e);t!==-1&&this._before.splice(t,1)}}}afterEach(e){return this._after=this._after||[],this._after.push(e),()=>{if(this._after!==void 0){let t=this._after.indexOf(e);t!==-1&&this._after.splice(t,1)}}}};function p(){return new f}function m(e={}){let t,n=!1,r=e=>{if(t&&t!==e)throw Error(`Context conflict`)},i;if(e.asyncContext){let t=e.AsyncLocalStorage||globalThis.AsyncLocalStorage;t?i=new t:console.warn("[unctx] `AsyncLocalStorage` is not provided.")}let a=()=>{if(i){let e=i.getStore();if(e!==void 0)return e}return t};return{use:()=>{let e=a();if(e===void 0)throw Error(`Context is not available`);return e},tryUse:()=>a(),set:(e,i)=>{i||r(e),t=e,n=!0},unset:()=>{t=void 0,n=!1},call:(e,a)=>{r(e),t=e;try{return i?i.run(e,a):a()}finally{n||(t=void 0)}},async callAsync(e,r){t=e;let a=()=>{t=e},o=()=>t===e?a:void 0;x.add(o);try{let a=i?i.run(e,r):r();return n||(t=void 0),await a}finally{x.delete(o)}}}}function h(e={}){let t={};return{get(n,r={}){return t[n]||(t[n]=m({...e,...r})),t[n]}}}var g=typeof globalThis<`u`?globalThis:typeof self<`u`?self:typeof global<`u`?global:typeof window<`u`?window:{},_=`__unctx__`,v=g[_]||(g[_]=h()),y=(e,t={})=>v.get(e,t),b=`__unctx_async_handlers__`,x=g[b]||(g[b]=new Set);function S(e){let t=[];for(let e of x){let n=e();n&&t.push(n)}let n=()=>{for(let e of t)e()},r=e();return r&&typeof r==`object`&&`catch`in r&&(r=r.catch(e=>{throw n(),e})),[r,n]}var C={id:`__nuxt-loader`},w={componentName:`NuxtLink`,prefetch:!0,prefetchOn:{visibility:!0}},T={deep:!1},E={},D=`#__nuxt`,O=`nuxt-app`,k=36e5,A=`vite:preloadError`;function j(e=`nuxt-app`){return y(e,{asyncContext:!1})}var M=`__nuxt_plugin`;function N(e){let r=0,o={_id:e.id||`nuxt-app`,_scope:a(),provide:void 0,versions:{get nuxt(){return`4.4.2`},get vue(){return o.vueApp.version}},payload:n({...e.ssrContext?.payload||{},data:n({}),state:i({}),once:new Set,_errors:n({})}),static:{data:{}},runWithContext(e){return o._scope.active&&!t()?o._scope.run(()=>R(o,e)):R(o,e)},isHydrating:!0,deferHydration(){if(!o.isHydrating)return()=>{};r++;let e=!1;return()=>{if(!e&&(e=!0,r--,r===0))return o.isHydrating=!1,o.callHook(`app:suspense:resolve`)}},_asyncDataPromises:{},_asyncData:n({}),_state:n({}),_payloadRevivers:{},...e};{let e=window.__NUXT__;if(e)for(let t in e)switch(t){case`data`:case`state`:case`_errors`:Object.assign(o.payload[t],e[t]);break;default:o.payload[t]=e[t]}}o.hooks=p(),o.hook=o.hooks.hook;{let e=o.hooks.callHook;o.hooks.callHook=(t,...n)=>Promise.resolve().then(()=>e(t,...n))}o.callHook=o.hooks.callHook,o.provide=(e,t)=>{let n=`$`+e;H(o,n,t),H(o.vueApp.config.globalProperties,n,t)},H(o.vueApp,`$nuxt`,o),H(o.vueApp.config.globalProperties,`$nuxt`,o);{window.addEventListener(A,e=>{o.callHook(`app:chunkError`,{error:e.payload}),e.payload.message.includes(`Unable to preload CSS`)&&e.preventDefault()}),window.useNuxtApp||=B;let e=o.hook(`app:error`,(...e)=>{console.error(`[nuxt] error caught during app initialization`,...e)});o.hook(`app:mounted`,e)}let s=o.payload.config;return o.provide(`config`,s),o}function P(e,t){t.hooks&&e.hooks.addHooks(t.hooks)}async function F(e,t){if(typeof t==`function`){let{provide:n}=await e.runWithContext(()=>t(e))||{};if(n&&typeof n==`object`)for(let t in n)e.provide(t,n[t])}}async function I(e,t){let n=new Set,r=[],i=[],a,o=0;async function s(c){let l=c.dependsOn?.filter(e=>t.some(t=>t._name===e)&&!n.has(e))??[];if(l.length>0)r.push([new Set(l),c]);else{let t=F(e,c).then(async()=>{c._name&&(n.add(c._name),await Promise.all(r.map(async([e,t])=>{e.has(c._name)&&(e.delete(c._name),e.size===0&&(o++,await s(t)))})))}).catch(t=>{if(!c.parallel&&!e.payload.error)throw t;a||=t});c.parallel?i.push(t):await t}}for(let n of t)P(e,n);for(let e of t)await s(e);if(await Promise.all(i),o)for(let e=0;e<o;e++)await Promise.all(i);if(a)throw e.payload.error||a}function L(e){if(typeof e==`function`)return e;let t=e._name||e.name;return delete e.name,Object.assign(e.setup||(()=>{}),e,{[M]:!0,_name:t})}function R(e,t,n){return j(e._id).set(e),e.vueApp.runWithContext(()=>n?t(...n):t())}function z(t){let n;return r()&&(n=e()?.appContext.app.$nuxt),n||=j(t).tryUse(),n||null}function B(e){let t=z(e);if(!t)throw Error(`[nuxt] instance unavailable`);return t}function V(e){return B().$config}function H(e,t,n){Object.defineProperty(e,t,{get:()=>n})}export{V as a,T as c,k as d,D as f,B as i,E as l,p as m,N as n,O as o,S as p,L as r,C as s,I as t,w as u};
+import{E as e,_t as t,ct as n,k as r,lt as i,mt as a}from"./CstUYNOH.js";function o(e,t={},n){for(let r in e){let i=e[r],a=n?`${n}:${r}`:r;typeof i==`object`&&i?o(i,t,a):typeof i==`function`&&(t[a]=i)}return t}var s=(()=>{if(console.createTask)return console.createTask;let e={run:e=>e()};return()=>e})();function c(e,t,n,r){for(let i=n;i<e.length;i+=1)try{let n=r?r.run(()=>e[i](...t)):e[i](...t);if(n instanceof Promise)return n.then(()=>c(e,t,i+1,r))}catch(e){return Promise.reject(e)}}function l(e,t,n){if(e.length>0)return c(e,t,0,s(n))}function u(e,t,n){if(e.length>0){let r=s(n);return Promise.all(e.map(e=>r.run(()=>e(...t))))}}function d(e,t){for(let n of[...e])n(t)}var f=class{_hooks;_before;_after;_deprecatedHooks;_deprecatedMessages;constructor(){this._hooks={},this._before=void 0,this._after=void 0,this._deprecatedMessages=void 0,this._deprecatedHooks={},this.hook=this.hook.bind(this),this.callHook=this.callHook.bind(this),this.callHookWith=this.callHookWith.bind(this)}hook(e,t,n={}){if(!e||typeof t!=`function`)return()=>{};let r=e,i;for(;this._deprecatedHooks[e];)i=this._deprecatedHooks[e],e=i.to;if(i&&!n.allowDeprecated){let e=i.message;e||=`${r} hook has been deprecated`+(i.to?`, please use ${i.to}`:``),this._deprecatedMessages||=new Set,this._deprecatedMessages.has(e)||(console.warn(e),this._deprecatedMessages.add(e))}if(!t.name)try{Object.defineProperty(t,`name`,{get:()=>`_`+e.replace(/\W+/g,`_`)+`_hook_cb`,configurable:!0})}catch{}return this._hooks[e]=this._hooks[e]||[],this._hooks[e].push(t),()=>{t&&=(this.removeHook(e,t),void 0)}}hookOnce(e,t){let n,r=(...e)=>(typeof n==`function`&&n(),n=void 0,r=void 0,t(...e));return n=this.hook(e,r),n}removeHook(e,t){let n=this._hooks[e];if(n){let r=n.indexOf(t);r!==-1&&n.splice(r,1),n.length===0&&(this._hooks[e]=void 0)}}deprecateHook(e,t){this._deprecatedHooks[e]=typeof t==`string`?{to:t}:t;let n=this._hooks[e]||[];this._hooks[e]=void 0;for(let t of n)this.hook(e,t)}deprecateHooks(e){for(let t in e)this.deprecateHook(t,e[t])}addHooks(e){let t=o(e),n=Object.keys(t).map(e=>this.hook(e,t[e]));return()=>{for(let e of n)e();n.length=0}}removeHooks(e){let t=o(e);for(let e in t)this.removeHook(e,t[e])}removeAllHooks(){this._hooks={}}callHook(e,...t){return this.callHookWith(l,e,t)}callHookParallel(e,...t){return this.callHookWith(u,e,t)}callHookWith(e,t,n){let r=this._before||this._after?{name:t,args:n,context:{}}:void 0;this._before&&d(this._before,r);let i=e(this._hooks[t]?[...this._hooks[t]]:[],n,t);return i instanceof Promise?i.finally(()=>{this._after&&r&&d(this._after,r)}):(this._after&&r&&d(this._after,r),i)}beforeEach(e){return this._before=this._before||[],this._before.push(e),()=>{if(this._before!==void 0){let t=this._before.indexOf(e);t!==-1&&this._before.splice(t,1)}}}afterEach(e){return this._after=this._after||[],this._after.push(e),()=>{if(this._after!==void 0){let t=this._after.indexOf(e);t!==-1&&this._after.splice(t,1)}}}};function p(){return new f}function m(e={}){let t,n=!1,r=e=>{if(t&&t!==e)throw Error(`Context conflict`)},i;if(e.asyncContext){let t=e.AsyncLocalStorage||globalThis.AsyncLocalStorage;t?i=new t:console.warn("[unctx] `AsyncLocalStorage` is not provided.")}let a=()=>{if(i){let e=i.getStore();if(e!==void 0)return e}return t};return{use:()=>{let e=a();if(e===void 0)throw Error(`Context is not available`);return e},tryUse:()=>a(),set:(e,i)=>{i||r(e),t=e,n=!0},unset:()=>{t=void 0,n=!1},call:(e,a)=>{r(e),t=e;try{return i?i.run(e,a):a()}finally{n||(t=void 0)}},async callAsync(e,r){t=e;let a=()=>{t=e},o=()=>t===e?a:void 0;x.add(o);try{let a=i?i.run(e,r):r();return n||(t=void 0),await a}finally{x.delete(o)}}}}function h(e={}){let t={};return{get(n,r={}){return t[n]||(t[n]=m({...e,...r})),t[n]}}}var g=typeof globalThis<`u`?globalThis:typeof self<`u`?self:typeof global<`u`?global:typeof window<`u`?window:{},_=`__unctx__`,v=g[_]||(g[_]=h()),y=(e,t={})=>v.get(e,t),b=`__unctx_async_handlers__`,x=g[b]||(g[b]=new Set);function S(e){let t=[];for(let e of x){let n=e();n&&t.push(n)}let n=()=>{for(let e of t)e()},r=e();return r&&typeof r==`object`&&`catch`in r&&(r=r.catch(e=>{throw n(),e})),[r,n]}var C={id:`__nuxt-loader`},w={componentName:`NuxtLink`,prefetch:!0,prefetchOn:{visibility:!0}},T={deep:!1},E={},D=`#__nuxt`,O=`nuxt-app`,k=36e5,A=`vite:preloadError`;function j(e=`nuxt-app`){return y(e,{asyncContext:!1})}var M=`__nuxt_plugin`;function N(e){let r=0,o={_id:e.id||`nuxt-app`,_scope:n(),provide:void 0,versions:{get nuxt(){return`4.4.2`},get vue(){return o.vueApp.version}},payload:t({...e.ssrContext?.payload||{},data:t({}),state:a({}),once:new Set,_errors:t({})}),static:{data:{}},runWithContext(e){return o._scope.active&&!i()?o._scope.run(()=>R(o,e)):R(o,e)},isHydrating:!0,deferHydration(){if(!o.isHydrating)return()=>{};r++;let e=!1;return()=>{if(!e&&(e=!0,r--,r===0))return o.isHydrating=!1,o.callHook(`app:suspense:resolve`)}},_asyncDataPromises:{},_asyncData:t({}),_state:t({}),_payloadRevivers:{},...e};{let e=window.__NUXT__;if(e)for(let t in e)switch(t){case`data`:case`state`:case`_errors`:Object.assign(o.payload[t],e[t]);break;default:o.payload[t]=e[t]}}o.hooks=p(),o.hook=o.hooks.hook;{let e=o.hooks.callHook;o.hooks.callHook=(t,...n)=>Promise.resolve().then(()=>e(t,...n))}o.callHook=o.hooks.callHook,o.provide=(e,t)=>{let n=`$`+e;H(o,n,t),H(o.vueApp.config.globalProperties,n,t)},H(o.vueApp,`$nuxt`,o),H(o.vueApp.config.globalProperties,`$nuxt`,o);{window.addEventListener(A,e=>{o.callHook(`app:chunkError`,{error:e.payload}),e.payload.message.includes(`Unable to preload CSS`)&&e.preventDefault()}),window.useNuxtApp||=B;let e=o.hook(`app:error`,(...e)=>{console.error(`[nuxt] error caught during app initialization`,...e)});o.hook(`app:mounted`,e)}let s=o.payload.config;return o.provide(`config`,s),o}function P(e,t){t.hooks&&e.hooks.addHooks(t.hooks)}async function F(e,t){if(typeof t==`function`){let{provide:n}=await e.runWithContext(()=>t(e))||{};if(n&&typeof n==`object`)for(let t in n)e.provide(t,n[t])}}async function I(e,t){let n=new Set,r=[],i=[],a,o=0;async function s(c){let l=c.dependsOn?.filter(e=>t.some(t=>t._name===e)&&!n.has(e))??[];if(l.length>0)r.push([new Set(l),c]);else{let t=F(e,c).then(async()=>{c._name&&(n.add(c._name),await Promise.all(r.map(async([e,t])=>{e.has(c._name)&&(e.delete(c._name),e.size===0&&(o++,await s(t)))})))}).catch(t=>{if(!c.parallel&&!e.payload.error)throw t;a||=t});c.parallel?i.push(t):await t}}for(let n of t)P(e,n);for(let e of t)await s(e);if(await Promise.all(i),o)for(let e=0;e<o;e++)await Promise.all(i);if(a)throw e.payload.error||a}function L(e){if(typeof e==`function`)return e;let t=e._name||e.name;return delete e.name,Object.assign(e.setup||(()=>{}),e,{[M]:!0,_name:t})}function R(e,t,n){return j(e._id).set(e),e.vueApp.runWithContext(()=>n?t(...n):t())}function z(t){let n;return r()&&(n=e()?.appContext.app.$nuxt),n||=j(t).tryUse(),n||null}function B(e){let t=z(e);if(!t)throw Error(`[nuxt] instance unavailable`);return t}function V(e){return B().$config}function H(e,t,n){Object.defineProperty(e,t,{get:()=>n})}export{V as a,T as c,k as d,D as f,B as i,E as l,N as n,O as o,S as p,L as r,C as s,I as t,w as u};

package/dist/devtools/_nuxt/BL4rmk_W.js

@@ -0,0 +1,3 @@
+import{At as e,B as t,C as n,Ct as r,L as i,Ot as a,T as o,Tt as s,U as c,g as l,gt as u,jt as d,o as f,ot as p,tt as m,v as h,y as g}from"./CstUYNOH.js";import{_t as _}from"./o_f3Li2p.js";import{_t as v,k as y,lt as b,o as x}from"./u4npBYiO.js";import{d as S}from"#entry";var C=[`src`],w={key:0,class:`loading-state`},T={key:1,class:`error-state`},E={class:`error-header`},D={class:`error-type`},O={class:`error-message`},k={key:0,class:`error-stack`},A=Object.assign(S(o({__name:`ImageLoader`,props:{src:{},aspectRatio:{},maxHeight:{},maxWidth:{},minHeight:{}},emits:[`load`],setup(t,{emit:o}){let _=t,v=o,b=u(!1),S=u(!1),A=u(!1),j=u(0),M;m(()=>_.src,()=>{S.value=!0,A.value=!1,b.value=!1,j.value=Date.now(),clearTimeout(M),M=setTimeout(()=>{S.value&&(A.value=!0)},200)},{immediate:!0});function N(){S.value=!1,A.value=!1,clearTimeout(M),v(`load`,{timeTaken:Date.now()-j.value,sizeKb:``})}i(()=>clearTimeout(M));function P(){S.value=!1,A.value=!1,clearTimeout(M),$fetch(_.src).catch(e=>{b.value=e.data?.stack||[`Failed to load image`]})}return(i,o)=>{let u=y;return c(),g(`div`,{class:a([`image-loader`,{"is-valid":!s(b)&&!s(S),"is-error":s(b)}]),style:e({aspectRatio:t.aspectRatio,minHeight:t.minHeight})},[p(l(`img`,{src:t.src,style:e({aspectRatio:t.aspectRatio,maxWidth:`${s(r)(s(x).width)||1200}px`}),onLoad:N,onError:P},null,44,C),[[f,!s(S)&&!s(b)]]),s(A)?(c(),g(`div`,w,[...o[0]||=[l(`div`,{class:`loading-spinner`},null,-1)]])):h(``,!0),s(b)?(c(),g(`div`,T,[l(`div`,E,[n(u,{name:`carbon:warning`,class:`error-icon`}),l(`span`,D,d(s(b).join(`
+`).includes(`satori`)?`SatoriError`:`ImageError`),1)]),l(`p`,O,d(s(b)[0]?.replace(`Error:`,``)),1),s(b).length>1?(c(),g(`pre`,k,d(s(b).slice(1).join(`
+`)),1)):h(``,!0)])):h(``,!0)],6)}}}),[[`__scopeId`,`data-v-7f953e88`]]),{__name:`ImageLoader`}),j=Object.assign(S(o({__name:`IFrameLoader`,props:{src:{},aspectRatio:{}},emits:[`load`],setup(n,{emit:i}){let a=n,o=i,d=u(),f=u(),p=u(),h=v(()=>{let e=f.value;if(!e||!d.value)return;let t=Date.now();e.src=``;let n=r(x.value.width)||1200,i=p.value?.offsetWidth,a=i?Math.min(1,i/n):1;e.style.opacity=`0`,e.onload=()=>{e.style.opacity=`1`,o(`load`,{timeTaken:Date.now()-t})},e.src=_(d.value,{scale:a})},200);return t(()=>{m(()=>a.src,e=>{d.value!==e&&f.value&&(d.value=e,h())},{immediate:!0}),m(f,()=>{h()})}),b(p,()=>{d.value&&h()}),m(()=>r(x.value.width),()=>{d.value&&h()},{flush:`post`}),(t,i)=>(c(),g(`div`,{ref_key:`container`,ref:p,class:`iframe-loader`,style:e({aspectRatio:n.aspectRatio,maxWidth:`${s(r)(s(x).width)||1200}px`})},[l(`iframe`,{ref_key:`iframe`,ref:f},null,512)],4))}}),[[`__scopeId`,`data-v-6929e48a`]]),{__name:`IFrameLoader`});export{A as n,j as t};