nuxt-og-image 6.3.0 → 6.3.1

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.DBQcjcr6.cjs');
+const module$1 = require('../shared/nuxt-og-image.PUNoqZDW.cjs');
 require('node:fs');
 require('@nuxt/kit');
 require('defu');

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.D8duo3Ar.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.CYm-mAcA.mjs';
 import 'node:fs';
 import '@nuxt/kit';
 import 'defu';

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.DBQcjcr6.cjs');
+const module$1 = require('../shared/nuxt-og-image.PUNoqZDW.cjs');
 require('exsolve');
 require('node:fs');
 require('node:url');

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.D8duo3Ar.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.CYm-mAcA.mjs';
 import 'exsolve';
 import 'node:fs';
 import 'node:url';

package/dist/cli.cjs

@@ -1268,20 +1268,12 @@ async function runEnable(renderer, args2) {
 function generateSecret() {
   const secret = node_crypto.randomBytes(32).toString("hex");
   p__namespace.intro("nuxt-og-image generate-secret");
-  p__namespace.note([
-    `${secret}`,
-    "",
-    "Add this to your nuxt.config.ts:",
-    "",
-    "  ogImage: {",
-    "    security: {",
-    `      secret: process.env.OG_IMAGE_SECRET,`,
-    "    }",
-    "  }",
-    "",
-    "Then set the environment variable:",
-    `  OG_IMAGE_SECRET=${secret}`
-  ].join("\n"), "Generated Secret");
+  p__namespace.log.step(`Secret: ${secret}`);
+  p__namespace.log.message("");
+  p__namespace.log.message("Set the environment variable:");
+  p__namespace.log.message(`  NUXT_OG_IMAGE_SECRET=${secret}`);
+  p__namespace.log.message("");
+  p__namespace.log.message("The secret is automatically picked up via runtime config.");
   p__namespace.outro("");
 }
 function showHelp() {

package/dist/cli.mjs

@@ -1251,20 +1251,12 @@ async function runEnable(renderer, args2) {
 function generateSecret() {
   const secret = randomBytes(32).toString("hex");
   p.intro("nuxt-og-image generate-secret");
-  p.note([
-    `${secret}`,
-    "",
-    "Add this to your nuxt.config.ts:",
-    "",
-    "  ogImage: {",
-    "    security: {",
-    `      secret: process.env.OG_IMAGE_SECRET,`,
-    "    }",
-    "  }",
-    "",
-    "Then set the environment variable:",
-    `  OG_IMAGE_SECRET=${secret}`
-  ].join("\n"), "Generated Secret");
+  p.log.step(`Secret: ${secret}`);
+  p.log.message("");
+  p.log.message("Set the environment variable:");
+  p.log.message(`  NUXT_OG_IMAGE_SECRET=${secret}`);
+  p.log.message("");
+  p.log.message("The secret is automatically picked up via runtime config.");
   p.outro("");
 }
 function showHelp() {

package/dist/devtools/200.html

@@ -1 +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/BSxwzHhf.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.DgipzMgL.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BSxwzHhf.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CHHO6nw6.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D2zWjF09.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BNA9K40e.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/C-b6hTTf.js"><script type="module" src="/__nuxt-og-image/_nuxt/BSxwzHhf.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:"20c4a6d7-a8d9-4f9c-a8e8-bb611f6dfcfb",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774750928761,false]</script></body></html>
+<!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/D0q6HvYk.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.BPMZ_Jol.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D0q6HvYk.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CHHO6nw6.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D2zWjF09.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BNA9K40e.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/C-b6hTTf.js"><script type="module" src="/__nuxt-og-image/_nuxt/D0q6HvYk.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:"ba8a64d6-5859-4483-b624-49dce7e7b3c9",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774834107552,false]</script></body></html>

package/dist/devtools/404.html

@@ -1 +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/BSxwzHhf.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.DgipzMgL.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BSxwzHhf.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CHHO6nw6.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D2zWjF09.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BNA9K40e.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/C-b6hTTf.js"><script type="module" src="/__nuxt-og-image/_nuxt/BSxwzHhf.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:"20c4a6d7-a8d9-4f9c-a8e8-bb611f6dfcfb",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774750928761,false]</script></body></html>
+<!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/D0q6HvYk.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.BPMZ_Jol.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D0q6HvYk.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CHHO6nw6.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D2zWjF09.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BNA9K40e.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/C-b6hTTf.js"><script type="module" src="/__nuxt-og-image/_nuxt/D0q6HvYk.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:"ba8a64d6-5859-4483-b624-49dce7e7b3c9",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774834107552,false]</script></body></html>

package/dist/devtools/_nuxt/{D1nfKtji.js → CD0R49mQ.js}

@@ -1,2 +1,2 @@
-import{C as e,K as t,T as n,Tt as r,U as i,_ as a,at as o,g as s,jt as c,u as l,v as u,y as d}from"./D2zWjF09.js";import"./C-b6hTTf.js";import{t as f}from"./BNA9K40e.js";import{a as p}from"#entry";import{t as m}from"./Cw6IxO5j.js";var h={class:`h-full max-h-full overflow-hidden space-y-5`},g={class:`space-y-2 p-3 bg-amber-500/10 rounded-lg border border-amber-500/20`},_=n({__name:`debug`,setup(n){let{globalDebug:_,debug:v}=f();return(n,f)=>{let y=p,b=m;return i(),d(`div`,h,[r(v)?.warnings?.length?(i(),a(y,{key:0,icon:`carbon:warning`,text:`Satori Warnings`},{default:o(()=>[s(`div`,g,[(i(!0),d(l,null,t(r(v).warnings,(e,t)=>(i(),d(`div`,{key:t,class:`text-sm text-amber-200 font-mono`},c(e),1))),128))])]),_:1})):u(``,!0),e(y,{icon:`carbon:settings`,text:`Compatibility`},{default:o(()=>[e(b,{code:JSON.stringify(r(_)?.compatibility||{},null,2),lang:`json`,label:`Compatibility`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:ibm-cloud-pak-manta-automated-data-lineage`,text:`vNodes`},{default:o(()=>[e(b,{code:JSON.stringify(r(v)?.vnodes||{},null,2),lang:`json`,label:`vNodes`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:ibm-cloud-pak-manta-automated-data-lineage`,text:`SVG`},{default:o(()=>[e(b,{code:r(v)?.svg?.replaceAll(`>`,`>
+import{C as e,K as t,T as n,Tt as r,U as i,_ as a,at as o,g as s,jt as c,u as l,v as u,y as d}from"./D2zWjF09.js";import"./C-b6hTTf.js";import{t as f}from"./BNA9K40e.js";import{a as p}from"#entry";import{t as m}from"./DGG_4uof.js";var h={class:`h-full max-h-full overflow-hidden space-y-5`},g={class:`space-y-2 p-3 bg-amber-500/10 rounded-lg border border-amber-500/20`},_=n({__name:`debug`,setup(n){let{globalDebug:_,debug:v}=f();return(n,f)=>{let y=p,b=m;return i(),d(`div`,h,[r(v)?.warnings?.length?(i(),a(y,{key:0,icon:`carbon:warning`,text:`Satori Warnings`},{default:o(()=>[s(`div`,g,[(i(!0),d(l,null,t(r(v).warnings,(e,t)=>(i(),d(`div`,{key:t,class:`text-sm text-amber-200 font-mono`},c(e),1))),128))])]),_:1})):u(``,!0),e(y,{icon:`carbon:settings`,text:`Compatibility`},{default:o(()=>[e(b,{code:JSON.stringify(r(_)?.compatibility||{},null,2),lang:`json`,label:`Compatibility`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:ibm-cloud-pak-manta-automated-data-lineage`,text:`vNodes`},{default:o(()=>[e(b,{code:JSON.stringify(r(v)?.vnodes||{},null,2),lang:`json`,label:`vNodes`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:ibm-cloud-pak-manta-automated-data-lineage`,text:`SVG`},{default:o(()=>[e(b,{code:r(v)?.svg?.replaceAll(`>`,`>
 `)||``,lang:`xml`,label:`SVG`},null,8,[`code`])]),_:1}),e(y,{icon:`carbon:settings`,text:`Runtime Config`},{default:o(()=>[e(b,{code:JSON.stringify(r(_)?.runtimeConfig||{},null,2),lang:`json`,label:`Runtime Config`},null,8,[`code`])]),_:1})])}}});export{_ as default};

package/dist/devtools/_nuxt/{Bpmn-wMY.js → CaQt7uvw.js}

@@ -1,4 +1,4 @@
-import{$ as e,At as t,B as n,C as r,K as i,N as a,Ot as o,S as s,T as c,Tt as l,U as u,_ as d,at as f,b as p,dt as ee,g as m,gt as h,h as g,jt as _,mt as v,n as y,q as b,tt as te,u as x,v as S,x as ne,y as C}from"./D2zWjF09.js";import{Bt as re,o as ie}from"./C-b6hTTf.js";import{D as w,N as ae,S as oe,X as se,i as ce,it as le,lt as ue,r as de,t as T,ut as fe,v as pe,x as E}from"./BNA9K40e.js";import{t as D}from"./CHHO6nw6.js";import{c as me,i as he,l as O,o as ge,r as k,s as _e,t as ve,u as A}from"#entry";import{t as ye}from"./Cw6IxO5j.js";import{n as be,t as xe}from"./DA9abGfd.js";var Se={class:`twitter-card`},j={class:`twitter-card-inner`},Ce={class:`card-domain`},we={class:`card-title`},Te={class:`card-time`},Ee=Object.assign(c({__name:`TwitterCardRenderer`,props:{aspectRatio:{},title:{},cardType:{}},setup(e){let r=e,i=h(``);n(()=>{let e=new Date,t=new Intl.DateTimeFormat(`en-US`,{hour:`numeric`,minute:`numeric`,hour12:!0,month:`short`,day:`2-digit`,year:`numeric`}).formatToParts(e);i.value=`${t.find(e=>e.type===`hour`)?.value}:${t.find(e=>e.type===`minute`)?.value} ${t.find(e=>e.type===`dayPeriod`)?.value} · ${t.find(e=>e.type===`month`)?.value} ${t.find(e=>e.type===`day`)?.value}, ${t.find(e=>e.type===`year`)?.value}`});let a=g(()=>r.cardType?r.cardType===`summary`:r.aspectRatio<1.3);return(n,r)=>(u(),C(`div`,Se,[m(`div`,j,[m(`div`,{class:o([`card-container`,a.value?`flex`:``])},[m(`div`,{class:o([`card-image`,a.value?`w-32 h-32 shrink-0`:`aspect-[2/1] w-full`]),style:t(a.value?{}:{aspectRatio:e.aspectRatio})},[b(n.$slots,`default`),r[0]||=m(`div`,{class:`card-image-overlay`},null,-1)],6),m(`div`,{class:o([`card-content`,a.value?`flex-1 min-w-0`:``])},[m(`p`,Ce,[b(n.$slots,`domain`)]),m(`p`,we,[b(n.$slots,`title`,{},()=>[s(_(e.title),1)])])],2)],2),m(`p`,Te,_(i.value),1)])]))}}),{__name:`TwitterCardRenderer`}),De=Object.assign(D(c({__name:`DevtoolsToolbar`,props:{variant:{default:`default`}},setup(e){return(t,n)=>(u(),C(`div`,{class:o([`devtools-toolbar`,`devtools-toolbar-${e.variant}`]),role:`toolbar`},[b(t.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-923f0202`]]),{__name:`DevtoolsToolbar`}),Oe={class:`devtools-empty`},ke={class:`devtools-empty-title`},M={key:0,class:`devtools-empty-description`},Ae={key:1,class:`devtools-empty-actions`},je=Object.assign(D(c({__name:`DevtoolsEmptyState`,props:{icon:{default:`carbon:search`},title:{},description:{},variant:{default:`default`}},setup(e){return(t,n)=>{let i=w;return u(),C(`div`,Oe,[m(`div`,{class:o([`devtools-empty-icon`,`devtools-empty-icon-${e.variant}`])},[r(i,{name:e.icon,class:`w-8 h-8`,"aria-hidden":`true`},null,8,[`name`])],2),m(`h2`,ke,_(e.title),1),e.description||t.$slots.description?(u(),C(`p`,M,[b(t.$slots,`description`,{},()=>[s(_(e.description),1)],!0)])):S(``,!0),t.$slots.default?(u(),C(`div`,Ae,[b(t.$slots,`default`,{},void 0,!0)])):S(``,!0)])}}}),[[`__scopeId`,`data-v-e2f1d7e2`]]),{__name:`DevtoolsEmptyState`}),Me={class:`facebook-card`},Ne={class:`facebook-image`},N={class:`facebook-content`},Pe={class:`facebook-sitename`},P={class:`facebook-title`},Fe={class:`facebook-description`},Ie=Object.assign(c({__name:`FacebookCardRenderer`,props:{aspectRatio:{}},setup(e){return(e,t)=>(u(),C(`div`,Me,[m(`div`,Ne,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`facebook-image-overlay`},null,-1)]),m(`div`,N,[m(`p`,Pe,[b(e.$slots,`siteName`)]),m(`p`,P,[b(e.$slots,`title`)]),m(`p`,Fe,[b(e.$slots,`description`)])])]))}}),{__name:`FacebookCardRenderer`}),Le={class:`linkedin-card`},Re={class:`linkedin-image`},ze={class:`linkedin-content`},F={class:`linkedin-title`},Be={class:`linkedin-sitename`},Ve=Object.assign(c({__name:`LinkedInCardRenderer`,props:{aspectRatio:{}},setup(e){return(e,t)=>(u(),C(`div`,Le,[m(`div`,Re,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`linkedin-image-overlay`},null,-1)]),m(`div`,ze,[m(`p`,F,[b(e.$slots,`title`)]),m(`p`,Be,[b(e.$slots,`siteName`)])])]))}}),{__name:`LinkedInCardRenderer`}),I={},He={class:`discord-card`},Ue={class:`discord-body`},L={class:`discord-sitename`},We={class:`discord-title`},Ge={class:`discord-description`},Ke={class:`discord-image`};function qe(e,t){return u(),C(`div`,He,[m(`div`,Ue,[m(`div`,L,[b(e.$slots,`siteName`)]),m(`div`,We,[b(e.$slots,`title`)]),m(`div`,Ge,[b(e.$slots,`description`)]),m(`div`,Ke,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`discord-image-overlay`},null,-1)])])])}var Je=Object.assign(D(I,[[`render`,qe]]),{__name:`DiscordCardRenderer`}),Ye={},Xe={class:`slack-card`},Ze={class:`slack-content`},R={class:`slack-header`},z={class:`slack-favicon`},B={class:`slack-sitename`},V={class:`slack-title`},Qe={class:`slack-description`},H={class:`slack-image`};function $e(e,t){return u(),C(`div`,Xe,[t[1]||=m(`div`,{class:`slack-bar`},null,-1),m(`div`,Ze,[m(`div`,R,[m(`div`,z,[b(e.$slots,`favIcon`)]),m(`div`,B,[b(e.$slots,`siteName`)])]),m(`div`,V,[b(e.$slots,`title`)]),m(`div`,Qe,[b(e.$slots,`description`)]),m(`div`,H,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`slack-image-overlay`},null,-1)])])])}var et=Object.assign(D(Ye,[[`render`,$e]]),{__name:`SlackCardRenderer`}),tt={class:`whatsapp-dual-preview`},nt={key:0,class:`whatsapp-section`},rt={class:`whatsapp-inline-card whatsapp-inline-card--squared`},it={class:`whatsapp-inline-image`},U={class:`whatsapp-inline-content`},W={class:`whatsapp-title-inline`},at={class:`whatsapp-description-inline`},G={class:`whatsapp-url-inline`},K={key:1,class:`whatsapp-section`},ot={class:`whatsapp-full-card`},st={class:`whatsapp-full-image`},ct={class:`whatsapp-full-content`},lt={class:`whatsapp-title`},ut={class:`whatsapp-description`},q={class:`whatsapp-url`},dt=Object.assign(c({__name:`WhatsAppRenderer`,props:{aspectRatio:{},squared:{type:Boolean}},setup(e){return(t,n)=>{let i=w;return u(),C(`div`,tt,[e.squared?(u(),C(`div`,nt,[n[1]||=m(`p`,{class:`whatsapp-label`},` Inline (in message) — 2x `,-1),m(`div`,rt,[m(`div`,it,[t.$slots.inlineImage?b(t.$slots,`inlineImage`,{key:1}):b(t.$slots,`default`,{key:0}),n[0]||=m(`div`,{class:`whatsapp-image-overlay`},null,-1)]),m(`div`,U,[m(`div`,W,[b(t.$slots,`title`)]),m(`div`,at,[b(t.$slots,`description`)]),m(`div`,G,[r(i,{name:`carbon:link`,class:`w-2.5 h-2.5`}),b(t.$slots,`siteName`)])])])])):S(``,!0),e.squared?S(``,!0):(u(),C(`div`,K,[n[3]||=m(`p`,{class:`whatsapp-label`},` Full card (standalone link) `,-1),m(`div`,ot,[m(`div`,st,[b(t.$slots,`default`),n[2]||=m(`div`,{class:`whatsapp-image-overlay`},null,-1)]),m(`div`,ct,[m(`div`,lt,[b(t.$slots,`title`)]),m(`div`,ut,[b(t.$slots,`description`)]),m(`div`,q,[r(i,{name:`carbon:link`,class:`w-3 h-3`}),b(t.$slots,`url`)])])])]))])}}}),{__name:`WhatsAppRenderer`}),ft={},J={class:`bluesky-card`},pt={class:`bluesky-image`},Y={class:`bluesky-content`},mt={class:`bluesky-title`},ht={class:`bluesky-description`},gt={class:`bluesky-domain`};function _t(e,t){return u(),C(`div`,J,[m(`div`,pt,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`bluesky-image-overlay`},null,-1)]),m(`div`,Y,[m(`p`,mt,[b(e.$slots,`title`)]),m(`p`,ht,[b(e.$slots,`description`)]),m(`div`,gt,[t[1]||=ne(`<svg class="bluesky-globe" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.3"></circle><ellipse cx="8" cy="8" rx="3.5" ry="7" stroke="currentColor" stroke-width="1.3"></ellipse><line x1="1.5" y1="5.5" x2="14.5" y2="5.5" stroke="currentColor" stroke-width="1.3"></line><line x1="1.5" y1="10.5" x2="14.5" y2="10.5" stroke="currentColor" stroke-width="1.3"></line></svg>`,1),b(e.$slots,`siteName`)])])])}var vt=Object.assign(D(ft,[[`render`,_t]]),{__name:`BlueskyCardRenderer`}),X={slots:{root:`relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5`,wrapper:`min-w-0 flex-1 flex flex-col`,title:`text-sm font-medium`,description:`text-sm opacity-90`,icon:`shrink-0 size-5`,avatar:`shrink-0`,avatarSize:`2xl`,actions:`flex flex-wrap gap-1.5 shrink-0`,close:`p-0`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{solid:``,outline:``,soft:``,subtle:``},orientation:{horizontal:{root:`items-center`,actions:`items-center`},vertical:{root:`items-start`,actions:`items-start mt-2.5`}},title:{true:{description:`mt-1`}}},compoundVariants:[{color:`primary`,variant:`solid`,class:{root:`bg-primary text-inverted`}},{color:`secondary`,variant:`solid`,class:{root:`bg-secondary text-inverted`}},{color:`success`,variant:`solid`,class:{root:`bg-success text-inverted`}},{color:`info`,variant:`solid`,class:{root:`bg-info text-inverted`}},{color:`warning`,variant:`solid`,class:{root:`bg-warning text-inverted`}},{color:`error`,variant:`solid`,class:{root:`bg-error text-inverted`}},{color:`primary`,variant:`outline`,class:{root:`text-primary ring ring-inset ring-primary/25`}},{color:`secondary`,variant:`outline`,class:{root:`text-secondary ring ring-inset ring-secondary/25`}},{color:`success`,variant:`outline`,class:{root:`text-success ring ring-inset ring-success/25`}},{color:`info`,variant:`outline`,class:{root:`text-info ring ring-inset ring-info/25`}},{color:`warning`,variant:`outline`,class:{root:`text-warning ring ring-inset ring-warning/25`}},{color:`error`,variant:`outline`,class:{root:`text-error ring ring-inset ring-error/25`}},{color:`primary`,variant:`soft`,class:{root:`bg-primary/10 text-primary`}},{color:`secondary`,variant:`soft`,class:{root:`bg-secondary/10 text-secondary`}},{color:`success`,variant:`soft`,class:{root:`bg-success/10 text-success`}},{color:`info`,variant:`soft`,class:{root:`bg-info/10 text-info`}},{color:`warning`,variant:`soft`,class:{root:`bg-warning/10 text-warning`}},{color:`error`,variant:`soft`,class:{root:`bg-error/10 text-error`}},{color:`primary`,variant:`subtle`,class:{root:`bg-primary/10 text-primary ring ring-inset ring-primary/25`}},{color:`secondary`,variant:`subtle`,class:{root:`bg-secondary/10 text-secondary ring ring-inset ring-secondary/25`}},{color:`success`,variant:`subtle`,class:{root:`bg-success/10 text-success ring ring-inset ring-success/25`}},{color:`info`,variant:`subtle`,class:{root:`bg-info/10 text-info ring ring-inset ring-info/25`}},{color:`warning`,variant:`subtle`,class:{root:`bg-warning/10 text-warning ring ring-inset ring-warning/25`}},{color:`error`,variant:`subtle`,class:{root:`bg-error/10 text-error ring ring-inset ring-error/25`}},{color:`neutral`,variant:`solid`,class:{root:`text-inverted bg-inverted`}},{color:`neutral`,variant:`outline`,class:{root:`text-highlighted bg-default ring ring-inset ring-default`}},{color:`neutral`,variant:`soft`,class:{root:`text-highlighted bg-elevated/50`}},{color:`neutral`,variant:`subtle`,class:{root:`text-highlighted bg-elevated/50 ring ring-inset ring-accented`}}],defaultVariants:{color:`primary`,variant:`solid`}},yt={__name:`UAlert`,props:{as:{type:null,required:!1},title:{type:String,required:!1},description:{type:String,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},orientation:{type:null,required:!1,default:`vertical`},actions:{type:Array,required:!1},close:{type:[Boolean,Object],required:!1},closeIcon:{type:null,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1}},emits:[`update:open`],setup(t,{emit:n}){let r=t,c=n,p=e(),{t:ee}=k(),h=ie(),v=oe(`alert`,r),y=g(()=>E({extend:E(X),...h.ui?.alert||{}})({color:r.color,variant:r.variant,orientation:r.orientation,title:!!r.title||!!p.title}));return(e,n)=>(u(),d(l(ae),{as:t.as,"data-orientation":t.orientation,"data-slot":`root`,class:o(y.value.root({class:[l(v)?.root,r.class]}))},{default:f(()=>[b(e.$slots,`leading`,{ui:y.value},()=>[t.avatar?(u(),d(O,a({key:0,size:l(v)?.avatarSize||y.value.avatarSize()},t.avatar,{"data-slot":`avatar`,class:y.value.avatar({class:l(v)?.avatar})}),null,16,[`size`,`class`])):t.icon?(u(),d(w,{key:1,name:t.icon,"data-slot":`icon`,class:o(y.value.icon({class:l(v)?.icon}))},null,8,[`name`,`class`])):S(``,!0)]),m(`div`,{"data-slot":`wrapper`,class:o(y.value.wrapper({class:l(v)?.wrapper}))},[t.title||p.title?(u(),C(`div`,{key:0,"data-slot":`title`,class:o(y.value.title({class:l(v)?.title}))},[b(e.$slots,`title`,{},()=>[s(_(t.title),1)])],2)):S(``,!0),t.description||p.description?(u(),C(`div`,{key:1,"data-slot":`description`,class:o(y.value.description({class:l(v)?.description}))},[b(e.$slots,`description`,{},()=>[s(_(t.description),1)])],2)):S(``,!0),t.orientation===`vertical`&&(t.actions?.length||p.actions)?(u(),C(`div`,{key:2,"data-slot":`actions`,class:o(y.value.actions({class:l(v)?.actions}))},[b(e.$slots,`actions`,{},()=>[(u(!0),C(x,null,i(t.actions,(e,t)=>(u(),d(me,a({key:t,size:`xs`},{ref_for:!0},e),null,16))),128))])],2)):S(``,!0)],2),t.orientation===`horizontal`&&(t.actions?.length||p.actions)||t.close?(u(),C(`div`,{key:0,"data-slot":`actions`,class:o(y.value.actions({class:l(v)?.actions,orientation:`horizontal`}))},[t.orientation===`horizontal`&&(t.actions?.length||p.actions)?b(e.$slots,`actions`,{key:0},()=>[(u(!0),C(x,null,i(t.actions,(e,t)=>(u(),d(me,a({key:t,size:`xs`},{ref_for:!0},e),null,16))),128))]):S(``,!0),b(e.$slots,`close`,{ui:y.value},()=>[t.close?(u(),d(me,a({key:0,icon:t.closeIcon||l(h).ui.icons.close,color:`neutral`,variant:`link`,"aria-label":l(ee)(`alert.close`)},typeof t.close==`object`?t.close:{},{"data-slot":`close`,class:y.value.close({class:l(v)?.close}),onClick:n[0]||=e=>c(`update:open`,!1)}),null,16,[`icon`,`aria-label`,`class`])):S(``,!0)])],2)):S(``,!0)]),_:3},8,[`as`,`data-orientation`,`class`]))}},bt={class:`devtools-panel`},xt={key:0,class:`devtools-panel-header`},Z={class:`flex items-center gap-2`},St={class:`devtools-panel-title`},Q={key:0,class:`devtools-panel-actions`},Ct=Object.assign(D(c({__name:`DevtoolsPanel`,props:{title:{},closable:{type:Boolean,default:!1},icon:{},padding:{type:Boolean,default:!0}},emits:[`close`],setup(e){return(t,n)=>{let r=w,i=me;return u(),C(`div`,bt,[e.title||t.$slots.header?(u(),C(`div`,xt,[b(t.$slots,`header`,{},()=>[m(`div`,Z,[e.icon?(u(),d(r,{key:0,name:e.icon,class:`text-sm text-[var(--color-text-muted)]`},null,8,[`name`])):S(``,!0),m(`span`,St,_(e.title),1)])],!0),e.closable||t.$slots.actions?(u(),C(`div`,Q,[b(t.$slots,`actions`,{},void 0,!0),e.closable?(u(),d(i,{key:0,icon:`carbon:close`,"aria-label":`Close panel`,onClick:n[0]||=e=>t.$emit(`close`)})):S(``,!0)])):S(``,!0)])):S(``,!0),m(`div`,{class:o([`devtools-panel-content`,e.padding?`p-3`:``])},[b(t.$slots,`default`,{},void 0,!0)],2)])}}}),[[`__scopeId`,`data-v-4f65da6e`]]),{__name:`DevtoolsPanel`}),wt={class:`preview-container card animate-fade-up`},Tt={key:0,class:`h-full flex flex-col`},Et={class:`flex-1 flex items-center justify-center p-6 sm:p-8`},Dt={class:`w-full max-w-2xl`},Ot={key:1,class:`h-full flex flex-col`},kt={class:`text-[var(--color-text-muted)]`},At={class:`flex-1 flex items-center justify-center p-6 sm:p-8`},jt={key:2,class:`h-full flex items-center justify-center p-6 sm:p-8`},Mt={key:3,class:`h-full flex items-center justify-center p-6 sm:p-8`},Nt={key:0,class:`text-left w-full`},Pt={class:`mt-2 text-xs text-[var(--color-text-subtle)] overflow-auto max-h-48 p-3 rounded-lg bg-[var(--color-surface-sunken)] border border-[var(--color-border-subtle)]`},Ft={key:4,class:`h-full flex items-center justify-center p-6 sm:p-8`},It={key:0,class:`mb-4 flex flex-col items-center gap-3`},Lt={class:`flex flex-wrap justify-center gap-2`},Rt={key:1,class:`mb-4`},zt={key:2,class:`text-sm text-[var(--color-text-subtle)]`},Bt={key:3,href:`https://nuxtseo.com/og-image/getting-started/getting-familar-with-nuxt-og-image`,target:`_blank`,class:`text-sm text-[var(--seo-green)] hover:underline inline-flex items-center gap-1`},Vt={key:5,class:`h-full flex flex-col`},Ht={class:`inline-code`},Ut={class:`flex items-center gap-2 sm:gap-3 flex-wrap`},Wt={key:0,src:`https://takumi.kane.tw/logo.svg`,class:`w-3.5 h-3.5`,width:`14`,height:`14`,alt:``},Gt={class:`hidden sm:inline`},Kt={key:0,class:`component-info hidden md:flex`},qt={key:0},Jt={class:`text-[var(--color-text-muted)] hidden min-[850px]:inline`},Yt={class:`text-[var(--color-text)]`},Xt={key:1,class:`text-[var(--color-text)]`},Zt={key:1,class:`component-info hidden md:flex`},Qt={class:`flex items-center gap-2`},$t={class:`devtools-production-badge`},en={class:`hidden sm:inline text-xs`},tn={class:`px-3 sm:px-4 border-b border-[var(--color-border)] bg-[var(--color-surface-elevated)]`},nn={key:3,class:`size-variant-bar`},rn={class:`size-variant-group`},an=[`onClick`],on={class:`size-variant-name`},sn={class:`size-variant-px`},cn={class:`size-variant-group`},ln=[`onClick`],un={class:`size-variant-name`},dn=[`href`],fn=[`src`],pn=[`src`],mn=[`src`],hn={key:7,class:`raw-preview-wrapper`},gn={key:0,class:`raw-resize-readout`},_n={key:8,class:`status-line`},vn={class:`px-3 pt-2 border-b border-[var(--color-border)]`},yn={key:0},bn={class:`props-field`},xn={class:`props-field-label`},Sn={class:`props-field`},Cn={class:`props-field-label`},wn={class:`props-field`},Tn={class:`props-field-label`},En={key:1},Dn={class:`props-field`},On={class:`props-field-label`},kn={key:0,class:`prop-editor`},An={class:`prop-label`},jn=[`value`,`onInput`],Mn=[`value`,`onInput`],Nn=[`value`,`onChange`],Pn=[`value`,`onInput`],Fn={key:1,class:`prop-editor-empty`},In={key:2,class:`fonts-tab`},Ln={key:0,class:`fonts-detected`},Rn={class:`fonts-detected-inner`},zn={key:1,class:`fonts-detected fonts-resolved`},Bn={class:`fonts-detected-inner`},Vn={key:2,class:`fonts-specimen`},Hn=[`onClick`],Un={class:`fonts-family-meta`},Wn={key:0,class:`fonts-family-size`},Gn={class:`fonts-variants`},Kn={class:`fonts-variant-label`},qn={key:0,class:`fonts-variant-count`},Jn={key:3,class:`fonts-empty`},$=D(c({__name:`index`,setup(e){let n=/'/g,a=/[^/]+\.vue$/,c=/^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,{globalDebug:b,isDebugLoading:ne,isCustomOgImage:ie,isValidDebugError:ae,hasDefinedOgImage:oe,fetchError:E,aspectRatio:D,imageFormat:O,socialPreview:k,imageColorMode:Se,src:j,whatsappInlineSrc:Ce,socialPreviewTitle:we,socialPreviewDescription:Te,socialSiteUrl:Oe,slackSocialPreviewSiteName:ke,activeComponentName:M,activeComponent:Ae,activeComponentRelativePath:Me,isOgImageTemplate:Ne,renderer:N,isComponentCompatibleWithRenderer:Pe,sidePanelOpen:P,isPageScreenshot:Fe,currentPageFile:Le,allImageKeys:Re,description:ze,hasMadeChanges:F,options:Be,propEditor:I,ogImageKey:He,toggleSocialPreview:Ue,generateLoadTime:L,openImage:We,openCurrentPageFile:Ge,openCurrentComponent:Ke,componentNames:qe,ejectComponent:Ye,createComponent:Xe,addExistingComponent:Ze,resetProps:R,updateProps:z,refreshSources:B}=T(),V=new Set([`colorMode`]),Qe=g(()=>Object.keys(I.value).filter(e=>!V.has(e)));function H(e,t){I.value={...I.value,[e]:t},z({[e]:t})}function $e(e){return typeof e==`number`?`number`:typeof e==`string`&&c.test(e)?`color`:typeof e==`string`?`string`:`json`}let tt={satori:`logos:vercel-icon`,browser:`logos:chrome`},nt=g(()=>{let e=O.value===`jpeg`?`JPG`:O.value?.toUpperCase()||`PNG`;return`${N.value===`browser`?`Browser`:N.value===`takumi`?`Takumi`:`Satori`} - ${e}`}),rt=[{label:`Raw`,icon:`carbon:image`,value:``},{label:`Twitter / X`,icon:`simple-icons:x`,value:`twitter`,iconScale:.8},{label:`Facebook`,icon:`simple-icons:facebook`,value:`facebook`,iconScale:.92},{label:`LinkedIn`,icon:`simple-icons:linkedin`,value:`linkedin`,iconScale:.92},{label:`Discord`,icon:`simple-icons:discord`,value:`discord`,iconScale:.95},{label:`Slack`,icon:`simple-icons:slack`,value:`slack`},{label:`WhatsApp`,icon:`simple-icons:whatsapp`,value:`whatsapp`,iconScale:.92},{label:`Bluesky`,icon:`simple-icons:bluesky`,value:`bluesky`,iconScale:.92}],it={twitter:[{label:`Feed`,width:504},{label:`Detail`,width:600},{label:`Mobile`,width:335}],facebook:[{label:`Feed`,width:500},{label:`Mobile`,width:320}],linkedin:[{label:`Feed`,width:552},{label:`Mobile`,width:335}],discord:[{label:`Embed`,width:432},{label:`Mobile`,width:300}],slack:[{label:`Desktop`,width:500},{label:`Compact`,width:360}],whatsapp:[{label:`Default`,width:600},{label:`Squared`,width:600}],bluesky:[{label:`Post`,width:513},{label:`With link`,width:487},{label:`Mobile`,width:335}]},U=h({}),W=g(()=>it[k.value]||[]),at=g(()=>{let e=W.value;if(e.length)return e[U.value[k.value]??0]?.width}),G=h(null),K=h(!1),ot=h(null),st=g(()=>!k.value),ct=g(()=>{if(st.value&&G.value)return`${G.value}px`;if(at.value)return`${at.value}px`}),lt=g(()=>{let e=U.value.whatsapp??0;return k.value===`whatsapp`&&e===1});function ut(e){e.preventDefault();let t=ot.value;if(!t)return;K.value=!0;let n=e.clientX,r=t.getBoundingClientRect().width;function i(e){let t=e.clientX-n;G.value=Math.max(200,Math.round(r+t*2))}function a(){K.value=!1,document.removeEventListener(`pointermove`,i),document.removeEventListener(`pointerup`,a)}document.addEventListener(`pointermove`,i),document.addEventListener(`pointerup`,a)}let q=h(`meta-tags`),ft=g(()=>{let e=[{label:`Meta Tags`,value:`meta-tags`},{label:`OG Image Props`,value:`og-props`},{label:`Fonts`,value:`fonts`}];return k.value?e:e.filter(e=>e.value!==`meta-tags`)});te(k,e=>{!e&&q.value===`meta-tags`&&(q.value=`og-props`)});let J=g(()=>k.value===`twitter`),pt=g(()=>J.value?`Twitter`:`OG`),Y=g(()=>{let e=b.value?.availableFonts||[],t=b.value?.resolvedFonts||[];if(!e.length&&!t.length)return[];let n=e.length?e:t,r=new Set(t.map(e=>`${e.family}-${e.weight}-${e.style}`)),i=new Map;for(let e of n){let t=`${e.family}-${e.weight}-${e.style}`,n=i.get(t)||[];e.subset&&n.push(e.subset),i.set(t,n)}let a=new Set,o=[];for(let e of n){let t=`${e.family}-${e.weight}-${e.style}`;if(a.has(t))continue;a.add(t);let n=i.get(t)||[];o.push({key:t,family:e.family,weight:e.weight,style:e.style,src:e.src,label:`${e.family} ${e.weight}${e.style===`italic`?`i`:``}`,loaded:r.has(t),subsetCount:Math.max(n.length,1),subsets:n})}return o.sort((e,t)=>e.family.localeCompare(t.family)||e.weight-t.weight||e.style.localeCompare(t.style)),o}),mt=g(()=>{let e=b.value?.resolvedFonts||[],t=new Map;for(let n of e)n.size&&t.set(n.family,(t.get(n.family)||0)+n.size);return t});function ht(e){if(e<1024)return`${e} B`;let t=e/1024;return t<1e3?`${t.toFixed(1)} kB`:`${(t/1024).toFixed(1)} MB`}let gt=g(()=>[...new Set(Y.value.map(e=>e.family))]),_t=g(()=>[...new Set(Y.value.filter(e=>e.loaded).map(e=>e.family))]),X=g(()=>b.value?.fontRequirements),bt=g(()=>{let e=X.value?.families;if(!e?.length)return[];let t=new Set(gt.value);return e.filter(e=>!t.has(e))}),xt=g(()=>{let e=[],t=new Set;for(let n of Y.value)t.has(n.family)||(t.add(n.family),e.push(`@font-face { font-family: 'ogp-${n.family}'; src: url('${n.src}'); font-display: swap; }`));return e.join(`
+import{$ as e,At as t,B as n,C as r,K as i,N as a,Ot as o,S as s,T as c,Tt as l,U as u,_ as d,at as f,b as p,dt as ee,g as m,gt as h,h as g,jt as _,mt as v,n as y,q as b,tt as te,u as x,v as S,x as ne,y as C}from"./D2zWjF09.js";import{Bt as re,o as ie}from"./C-b6hTTf.js";import{D as w,N as ae,S as oe,X as se,i as ce,it as le,lt as ue,r as de,t as T,ut as fe,v as pe,x as E}from"./BNA9K40e.js";import{t as D}from"./CHHO6nw6.js";import{c as me,i as he,l as O,o as ge,r as k,s as _e,t as ve,u as A}from"#entry";import{t as ye}from"./DGG_4uof.js";import{n as be,t as xe}from"./DA9abGfd.js";var Se={class:`twitter-card`},j={class:`twitter-card-inner`},Ce={class:`card-domain`},we={class:`card-title`},Te={class:`card-time`},Ee=Object.assign(c({__name:`TwitterCardRenderer`,props:{aspectRatio:{},title:{},cardType:{}},setup(e){let r=e,i=h(``);n(()=>{let e=new Date,t=new Intl.DateTimeFormat(`en-US`,{hour:`numeric`,minute:`numeric`,hour12:!0,month:`short`,day:`2-digit`,year:`numeric`}).formatToParts(e);i.value=`${t.find(e=>e.type===`hour`)?.value}:${t.find(e=>e.type===`minute`)?.value} ${t.find(e=>e.type===`dayPeriod`)?.value} · ${t.find(e=>e.type===`month`)?.value} ${t.find(e=>e.type===`day`)?.value}, ${t.find(e=>e.type===`year`)?.value}`});let a=g(()=>r.cardType?r.cardType===`summary`:r.aspectRatio<1.3);return(n,r)=>(u(),C(`div`,Se,[m(`div`,j,[m(`div`,{class:o([`card-container`,a.value?`flex`:``])},[m(`div`,{class:o([`card-image`,a.value?`w-32 h-32 shrink-0`:`aspect-[2/1] w-full`]),style:t(a.value?{}:{aspectRatio:e.aspectRatio})},[b(n.$slots,`default`),r[0]||=m(`div`,{class:`card-image-overlay`},null,-1)],6),m(`div`,{class:o([`card-content`,a.value?`flex-1 min-w-0`:``])},[m(`p`,Ce,[b(n.$slots,`domain`)]),m(`p`,we,[b(n.$slots,`title`,{},()=>[s(_(e.title),1)])])],2)],2),m(`p`,Te,_(i.value),1)])]))}}),{__name:`TwitterCardRenderer`}),De=Object.assign(D(c({__name:`DevtoolsToolbar`,props:{variant:{default:`default`}},setup(e){return(t,n)=>(u(),C(`div`,{class:o([`devtools-toolbar`,`devtools-toolbar-${e.variant}`]),role:`toolbar`},[b(t.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-3d39cb1f`]]),{__name:`DevtoolsToolbar`}),Oe={class:`devtools-empty`},ke={class:`devtools-empty-title`},M={key:0,class:`devtools-empty-description`},Ae={key:1,class:`devtools-empty-actions`},je=Object.assign(D(c({__name:`DevtoolsEmptyState`,props:{icon:{default:`carbon:search`},title:{},description:{},variant:{default:`default`}},setup(e){return(t,n)=>{let i=w;return u(),C(`div`,Oe,[m(`div`,{class:o([`devtools-empty-icon`,`devtools-empty-icon-${e.variant}`])},[r(i,{name:e.icon,class:`w-8 h-8`,"aria-hidden":`true`},null,8,[`name`])],2),m(`h2`,ke,_(e.title),1),e.description||t.$slots.description?(u(),C(`p`,M,[b(t.$slots,`description`,{},()=>[s(_(e.description),1)],!0)])):S(``,!0),t.$slots.default?(u(),C(`div`,Ae,[b(t.$slots,`default`,{},void 0,!0)])):S(``,!0)])}}}),[[`__scopeId`,`data-v-f42f597f`]]),{__name:`DevtoolsEmptyState`}),Me={class:`facebook-card`},Ne={class:`facebook-image`},N={class:`facebook-content`},Pe={class:`facebook-sitename`},P={class:`facebook-title`},Fe={class:`facebook-description`},Ie=Object.assign(c({__name:`FacebookCardRenderer`,props:{aspectRatio:{}},setup(e){return(e,t)=>(u(),C(`div`,Me,[m(`div`,Ne,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`facebook-image-overlay`},null,-1)]),m(`div`,N,[m(`p`,Pe,[b(e.$slots,`siteName`)]),m(`p`,P,[b(e.$slots,`title`)]),m(`p`,Fe,[b(e.$slots,`description`)])])]))}}),{__name:`FacebookCardRenderer`}),Le={class:`linkedin-card`},Re={class:`linkedin-image`},ze={class:`linkedin-content`},F={class:`linkedin-title`},Be={class:`linkedin-sitename`},Ve=Object.assign(c({__name:`LinkedInCardRenderer`,props:{aspectRatio:{}},setup(e){return(e,t)=>(u(),C(`div`,Le,[m(`div`,Re,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`linkedin-image-overlay`},null,-1)]),m(`div`,ze,[m(`p`,F,[b(e.$slots,`title`)]),m(`p`,Be,[b(e.$slots,`siteName`)])])]))}}),{__name:`LinkedInCardRenderer`}),I={},He={class:`discord-card`},Ue={class:`discord-body`},L={class:`discord-sitename`},We={class:`discord-title`},Ge={class:`discord-description`},Ke={class:`discord-image`};function qe(e,t){return u(),C(`div`,He,[m(`div`,Ue,[m(`div`,L,[b(e.$slots,`siteName`)]),m(`div`,We,[b(e.$slots,`title`)]),m(`div`,Ge,[b(e.$slots,`description`)]),m(`div`,Ke,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`discord-image-overlay`},null,-1)])])])}var Je=Object.assign(D(I,[[`render`,qe]]),{__name:`DiscordCardRenderer`}),Ye={},Xe={class:`slack-card`},Ze={class:`slack-content`},R={class:`slack-header`},z={class:`slack-favicon`},B={class:`slack-sitename`},V={class:`slack-title`},Qe={class:`slack-description`},H={class:`slack-image`};function $e(e,t){return u(),C(`div`,Xe,[t[1]||=m(`div`,{class:`slack-bar`},null,-1),m(`div`,Ze,[m(`div`,R,[m(`div`,z,[b(e.$slots,`favIcon`)]),m(`div`,B,[b(e.$slots,`siteName`)])]),m(`div`,V,[b(e.$slots,`title`)]),m(`div`,Qe,[b(e.$slots,`description`)]),m(`div`,H,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`slack-image-overlay`},null,-1)])])])}var et=Object.assign(D(Ye,[[`render`,$e]]),{__name:`SlackCardRenderer`}),tt={class:`whatsapp-dual-preview`},nt={key:0,class:`whatsapp-section`},rt={class:`whatsapp-inline-card whatsapp-inline-card--squared`},it={class:`whatsapp-inline-image`},U={class:`whatsapp-inline-content`},W={class:`whatsapp-title-inline`},at={class:`whatsapp-description-inline`},G={class:`whatsapp-url-inline`},K={key:1,class:`whatsapp-section`},ot={class:`whatsapp-full-card`},st={class:`whatsapp-full-image`},ct={class:`whatsapp-full-content`},lt={class:`whatsapp-title`},ut={class:`whatsapp-description`},q={class:`whatsapp-url`},dt=Object.assign(c({__name:`WhatsAppRenderer`,props:{aspectRatio:{},squared:{type:Boolean}},setup(e){return(t,n)=>{let i=w;return u(),C(`div`,tt,[e.squared?(u(),C(`div`,nt,[n[1]||=m(`p`,{class:`whatsapp-label`},` Inline (in message) — 2x `,-1),m(`div`,rt,[m(`div`,it,[t.$slots.inlineImage?b(t.$slots,`inlineImage`,{key:1}):b(t.$slots,`default`,{key:0}),n[0]||=m(`div`,{class:`whatsapp-image-overlay`},null,-1)]),m(`div`,U,[m(`div`,W,[b(t.$slots,`title`)]),m(`div`,at,[b(t.$slots,`description`)]),m(`div`,G,[r(i,{name:`carbon:link`,class:`w-2.5 h-2.5`}),b(t.$slots,`siteName`)])])])])):S(``,!0),e.squared?S(``,!0):(u(),C(`div`,K,[n[3]||=m(`p`,{class:`whatsapp-label`},` Full card (standalone link) `,-1),m(`div`,ot,[m(`div`,st,[b(t.$slots,`default`),n[2]||=m(`div`,{class:`whatsapp-image-overlay`},null,-1)]),m(`div`,ct,[m(`div`,lt,[b(t.$slots,`title`)]),m(`div`,ut,[b(t.$slots,`description`)]),m(`div`,q,[r(i,{name:`carbon:link`,class:`w-3 h-3`}),b(t.$slots,`url`)])])])]))])}}}),{__name:`WhatsAppRenderer`}),ft={},J={class:`bluesky-card`},pt={class:`bluesky-image`},Y={class:`bluesky-content`},mt={class:`bluesky-title`},ht={class:`bluesky-description`},gt={class:`bluesky-domain`};function _t(e,t){return u(),C(`div`,J,[m(`div`,pt,[b(e.$slots,`default`),t[0]||=m(`div`,{class:`bluesky-image-overlay`},null,-1)]),m(`div`,Y,[m(`p`,mt,[b(e.$slots,`title`)]),m(`p`,ht,[b(e.$slots,`description`)]),m(`div`,gt,[t[1]||=ne(`<svg class="bluesky-globe" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.3"></circle><ellipse cx="8" cy="8" rx="3.5" ry="7" stroke="currentColor" stroke-width="1.3"></ellipse><line x1="1.5" y1="5.5" x2="14.5" y2="5.5" stroke="currentColor" stroke-width="1.3"></line><line x1="1.5" y1="10.5" x2="14.5" y2="10.5" stroke="currentColor" stroke-width="1.3"></line></svg>`,1),b(e.$slots,`siteName`)])])])}var vt=Object.assign(D(ft,[[`render`,_t]]),{__name:`BlueskyCardRenderer`}),X={slots:{root:`relative overflow-hidden w-full rounded-lg p-4 flex gap-2.5`,wrapper:`min-w-0 flex-1 flex flex-col`,title:`text-sm font-medium`,description:`text-sm opacity-90`,icon:`shrink-0 size-5`,avatar:`shrink-0`,avatarSize:`2xl`,actions:`flex flex-wrap gap-1.5 shrink-0`,close:`p-0`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{solid:``,outline:``,soft:``,subtle:``},orientation:{horizontal:{root:`items-center`,actions:`items-center`},vertical:{root:`items-start`,actions:`items-start mt-2.5`}},title:{true:{description:`mt-1`}}},compoundVariants:[{color:`primary`,variant:`solid`,class:{root:`bg-primary text-inverted`}},{color:`secondary`,variant:`solid`,class:{root:`bg-secondary text-inverted`}},{color:`success`,variant:`solid`,class:{root:`bg-success text-inverted`}},{color:`info`,variant:`solid`,class:{root:`bg-info text-inverted`}},{color:`warning`,variant:`solid`,class:{root:`bg-warning text-inverted`}},{color:`error`,variant:`solid`,class:{root:`bg-error text-inverted`}},{color:`primary`,variant:`outline`,class:{root:`text-primary ring ring-inset ring-primary/25`}},{color:`secondary`,variant:`outline`,class:{root:`text-secondary ring ring-inset ring-secondary/25`}},{color:`success`,variant:`outline`,class:{root:`text-success ring ring-inset ring-success/25`}},{color:`info`,variant:`outline`,class:{root:`text-info ring ring-inset ring-info/25`}},{color:`warning`,variant:`outline`,class:{root:`text-warning ring ring-inset ring-warning/25`}},{color:`error`,variant:`outline`,class:{root:`text-error ring ring-inset ring-error/25`}},{color:`primary`,variant:`soft`,class:{root:`bg-primary/10 text-primary`}},{color:`secondary`,variant:`soft`,class:{root:`bg-secondary/10 text-secondary`}},{color:`success`,variant:`soft`,class:{root:`bg-success/10 text-success`}},{color:`info`,variant:`soft`,class:{root:`bg-info/10 text-info`}},{color:`warning`,variant:`soft`,class:{root:`bg-warning/10 text-warning`}},{color:`error`,variant:`soft`,class:{root:`bg-error/10 text-error`}},{color:`primary`,variant:`subtle`,class:{root:`bg-primary/10 text-primary ring ring-inset ring-primary/25`}},{color:`secondary`,variant:`subtle`,class:{root:`bg-secondary/10 text-secondary ring ring-inset ring-secondary/25`}},{color:`success`,variant:`subtle`,class:{root:`bg-success/10 text-success ring ring-inset ring-success/25`}},{color:`info`,variant:`subtle`,class:{root:`bg-info/10 text-info ring ring-inset ring-info/25`}},{color:`warning`,variant:`subtle`,class:{root:`bg-warning/10 text-warning ring ring-inset ring-warning/25`}},{color:`error`,variant:`subtle`,class:{root:`bg-error/10 text-error ring ring-inset ring-error/25`}},{color:`neutral`,variant:`solid`,class:{root:`text-inverted bg-inverted`}},{color:`neutral`,variant:`outline`,class:{root:`text-highlighted bg-default ring ring-inset ring-default`}},{color:`neutral`,variant:`soft`,class:{root:`text-highlighted bg-elevated/50`}},{color:`neutral`,variant:`subtle`,class:{root:`text-highlighted bg-elevated/50 ring ring-inset ring-accented`}}],defaultVariants:{color:`primary`,variant:`solid`}},yt={__name:`UAlert`,props:{as:{type:null,required:!1},title:{type:String,required:!1},description:{type:String,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},orientation:{type:null,required:!1,default:`vertical`},actions:{type:Array,required:!1},close:{type:[Boolean,Object],required:!1},closeIcon:{type:null,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1}},emits:[`update:open`],setup(t,{emit:n}){let r=t,c=n,p=e(),{t:ee}=k(),h=ie(),v=oe(`alert`,r),y=g(()=>E({extend:E(X),...h.ui?.alert||{}})({color:r.color,variant:r.variant,orientation:r.orientation,title:!!r.title||!!p.title}));return(e,n)=>(u(),d(l(ae),{as:t.as,"data-orientation":t.orientation,"data-slot":`root`,class:o(y.value.root({class:[l(v)?.root,r.class]}))},{default:f(()=>[b(e.$slots,`leading`,{ui:y.value},()=>[t.avatar?(u(),d(O,a({key:0,size:l(v)?.avatarSize||y.value.avatarSize()},t.avatar,{"data-slot":`avatar`,class:y.value.avatar({class:l(v)?.avatar})}),null,16,[`size`,`class`])):t.icon?(u(),d(w,{key:1,name:t.icon,"data-slot":`icon`,class:o(y.value.icon({class:l(v)?.icon}))},null,8,[`name`,`class`])):S(``,!0)]),m(`div`,{"data-slot":`wrapper`,class:o(y.value.wrapper({class:l(v)?.wrapper}))},[t.title||p.title?(u(),C(`div`,{key:0,"data-slot":`title`,class:o(y.value.title({class:l(v)?.title}))},[b(e.$slots,`title`,{},()=>[s(_(t.title),1)])],2)):S(``,!0),t.description||p.description?(u(),C(`div`,{key:1,"data-slot":`description`,class:o(y.value.description({class:l(v)?.description}))},[b(e.$slots,`description`,{},()=>[s(_(t.description),1)])],2)):S(``,!0),t.orientation===`vertical`&&(t.actions?.length||p.actions)?(u(),C(`div`,{key:2,"data-slot":`actions`,class:o(y.value.actions({class:l(v)?.actions}))},[b(e.$slots,`actions`,{},()=>[(u(!0),C(x,null,i(t.actions,(e,t)=>(u(),d(me,a({key:t,size:`xs`},{ref_for:!0},e),null,16))),128))])],2)):S(``,!0)],2),t.orientation===`horizontal`&&(t.actions?.length||p.actions)||t.close?(u(),C(`div`,{key:0,"data-slot":`actions`,class:o(y.value.actions({class:l(v)?.actions,orientation:`horizontal`}))},[t.orientation===`horizontal`&&(t.actions?.length||p.actions)?b(e.$slots,`actions`,{key:0},()=>[(u(!0),C(x,null,i(t.actions,(e,t)=>(u(),d(me,a({key:t,size:`xs`},{ref_for:!0},e),null,16))),128))]):S(``,!0),b(e.$slots,`close`,{ui:y.value},()=>[t.close?(u(),d(me,a({key:0,icon:t.closeIcon||l(h).ui.icons.close,color:`neutral`,variant:`link`,"aria-label":l(ee)(`alert.close`)},typeof t.close==`object`?t.close:{},{"data-slot":`close`,class:y.value.close({class:l(v)?.close}),onClick:n[0]||=e=>c(`update:open`,!1)}),null,16,[`icon`,`aria-label`,`class`])):S(``,!0)])],2)):S(``,!0)]),_:3},8,[`as`,`data-orientation`,`class`]))}},bt={class:`devtools-panel`},xt={key:0,class:`devtools-panel-header`},Z={class:`flex items-center gap-2`},St={class:`devtools-panel-title`},Q={key:0,class:`devtools-panel-actions`},Ct=Object.assign(D(c({__name:`DevtoolsPanel`,props:{title:{},closable:{type:Boolean,default:!1},icon:{},padding:{type:Boolean,default:!0}},emits:[`close`],setup(e){return(t,n)=>{let r=w,i=me;return u(),C(`div`,bt,[e.title||t.$slots.header?(u(),C(`div`,xt,[b(t.$slots,`header`,{},()=>[m(`div`,Z,[e.icon?(u(),d(r,{key:0,name:e.icon,class:`text-sm text-[var(--color-text-muted)]`},null,8,[`name`])):S(``,!0),m(`span`,St,_(e.title),1)])],!0),e.closable||t.$slots.actions?(u(),C(`div`,Q,[b(t.$slots,`actions`,{},void 0,!0),e.closable?(u(),d(i,{key:0,icon:`carbon:close`,"aria-label":`Close panel`,onClick:n[0]||=e=>t.$emit(`close`)})):S(``,!0)])):S(``,!0)])):S(``,!0),m(`div`,{class:o([`devtools-panel-content`,e.padding?`p-3`:``])},[b(t.$slots,`default`,{},void 0,!0)],2)])}}}),[[`__scopeId`,`data-v-c8544e16`]]),{__name:`DevtoolsPanel`}),wt={class:`preview-container card animate-fade-up`},Tt={key:0,class:`h-full flex flex-col`},Et={class:`flex-1 flex items-center justify-center p-6 sm:p-8`},Dt={class:`w-full max-w-2xl`},Ot={key:1,class:`h-full flex flex-col`},kt={class:`text-[var(--color-text-muted)]`},At={class:`flex-1 flex items-center justify-center p-6 sm:p-8`},jt={key:2,class:`h-full flex items-center justify-center p-6 sm:p-8`},Mt={key:3,class:`h-full flex items-center justify-center p-6 sm:p-8`},Nt={key:0,class:`text-left w-full`},Pt={class:`mt-2 text-xs text-[var(--color-text-subtle)] overflow-auto max-h-48 p-3 rounded-lg bg-[var(--color-surface-sunken)] border border-[var(--color-border-subtle)]`},Ft={key:4,class:`h-full flex items-center justify-center p-6 sm:p-8`},It={key:0,class:`mb-4 flex flex-col items-center gap-3`},Lt={class:`flex flex-wrap justify-center gap-2`},Rt={key:1,class:`mb-4`},zt={key:2,class:`text-sm text-[var(--color-text-subtle)]`},Bt={key:3,href:`https://nuxtseo.com/og-image/getting-started/getting-familar-with-nuxt-og-image`,target:`_blank`,class:`text-sm text-[var(--seo-green)] hover:underline inline-flex items-center gap-1`},Vt={key:5,class:`h-full flex flex-col`},Ht={class:`inline-code`},Ut={class:`flex items-center gap-2 sm:gap-3 flex-wrap`},Wt={key:0,src:`https://takumi.kane.tw/logo.svg`,class:`w-3.5 h-3.5`,width:`14`,height:`14`,alt:``},Gt={class:`hidden sm:inline`},Kt={key:0,class:`component-info hidden md:flex`},qt={key:0},Jt={class:`text-[var(--color-text-muted)] hidden min-[850px]:inline`},Yt={class:`text-[var(--color-text)]`},Xt={key:1,class:`text-[var(--color-text)]`},Zt={key:1,class:`component-info hidden md:flex`},Qt={class:`flex items-center gap-2`},$t={class:`devtools-production-badge`},en={class:`hidden sm:inline text-xs`},tn={class:`px-3 sm:px-4 border-b border-[var(--color-border)] bg-[var(--color-surface-elevated)]`},nn={key:3,class:`size-variant-bar`},rn={class:`size-variant-group`},an=[`onClick`],on={class:`size-variant-name`},sn={class:`size-variant-px`},cn={class:`size-variant-group`},ln=[`onClick`],un={class:`size-variant-name`},dn=[`href`],fn=[`src`],pn=[`src`],mn=[`src`],hn={key:7,class:`raw-preview-wrapper`},gn={key:0,class:`raw-resize-readout`},_n={key:8,class:`status-line`},vn={class:`px-3 pt-2 border-b border-[var(--color-border)]`},yn={key:0},bn={class:`props-field`},xn={class:`props-field-label`},Sn={class:`props-field`},Cn={class:`props-field-label`},wn={class:`props-field`},Tn={class:`props-field-label`},En={key:1},Dn={class:`props-field`},On={class:`props-field-label`},kn={key:0,class:`prop-editor`},An={class:`prop-label`},jn=[`value`,`onInput`],Mn=[`value`,`onInput`],Nn=[`value`,`onChange`],Pn=[`value`,`onInput`],Fn={key:1,class:`prop-editor-empty`},In={key:2,class:`fonts-tab`},Ln={key:0,class:`fonts-detected`},Rn={class:`fonts-detected-inner`},zn={key:1,class:`fonts-detected fonts-resolved`},Bn={class:`fonts-detected-inner`},Vn={key:2,class:`fonts-specimen`},Hn=[`onClick`],Un={class:`fonts-family-meta`},Wn={key:0,class:`fonts-family-size`},Gn={class:`fonts-variants`},Kn={class:`fonts-variant-label`},qn={key:0,class:`fonts-variant-count`},Jn={key:3,class:`fonts-empty`},$=D(c({__name:`index`,setup(e){let n=/'/g,a=/[^/]+\.vue$/,c=/^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,{globalDebug:b,isDebugLoading:ne,isCustomOgImage:ie,isValidDebugError:ae,hasDefinedOgImage:oe,fetchError:E,aspectRatio:D,imageFormat:O,socialPreview:k,imageColorMode:Se,src:j,whatsappInlineSrc:Ce,socialPreviewTitle:we,socialPreviewDescription:Te,socialSiteUrl:Oe,slackSocialPreviewSiteName:ke,activeComponentName:M,activeComponent:Ae,activeComponentRelativePath:Me,isOgImageTemplate:Ne,renderer:N,isComponentCompatibleWithRenderer:Pe,sidePanelOpen:P,isPageScreenshot:Fe,currentPageFile:Le,allImageKeys:Re,description:ze,hasMadeChanges:F,options:Be,propEditor:I,ogImageKey:He,toggleSocialPreview:Ue,generateLoadTime:L,openImage:We,openCurrentPageFile:Ge,openCurrentComponent:Ke,componentNames:qe,ejectComponent:Ye,createComponent:Xe,addExistingComponent:Ze,resetProps:R,updateProps:z,refreshSources:B}=T(),V=new Set([`colorMode`]),Qe=g(()=>Object.keys(I.value).filter(e=>!V.has(e)));function H(e,t){I.value={...I.value,[e]:t},z({[e]:t})}function $e(e){return typeof e==`number`?`number`:typeof e==`string`&&c.test(e)?`color`:typeof e==`string`?`string`:`json`}let tt={satori:`logos:vercel-icon`,browser:`logos:chrome`},nt=g(()=>{let e=O.value===`jpeg`?`JPG`:O.value?.toUpperCase()||`PNG`;return`${N.value===`browser`?`Browser`:N.value===`takumi`?`Takumi`:`Satori`} - ${e}`}),rt=[{label:`Raw`,icon:`carbon:image`,value:``},{label:`Twitter / X`,icon:`simple-icons:x`,value:`twitter`,iconScale:.8},{label:`Facebook`,icon:`simple-icons:facebook`,value:`facebook`,iconScale:.92},{label:`LinkedIn`,icon:`simple-icons:linkedin`,value:`linkedin`,iconScale:.92},{label:`Discord`,icon:`simple-icons:discord`,value:`discord`,iconScale:.95},{label:`Slack`,icon:`simple-icons:slack`,value:`slack`},{label:`WhatsApp`,icon:`simple-icons:whatsapp`,value:`whatsapp`,iconScale:.92},{label:`Bluesky`,icon:`simple-icons:bluesky`,value:`bluesky`,iconScale:.92}],it={twitter:[{label:`Feed`,width:504},{label:`Detail`,width:600},{label:`Mobile`,width:335}],facebook:[{label:`Feed`,width:500},{label:`Mobile`,width:320}],linkedin:[{label:`Feed`,width:552},{label:`Mobile`,width:335}],discord:[{label:`Embed`,width:432},{label:`Mobile`,width:300}],slack:[{label:`Desktop`,width:500},{label:`Compact`,width:360}],whatsapp:[{label:`Default`,width:600},{label:`Squared`,width:600}],bluesky:[{label:`Post`,width:513},{label:`With link`,width:487},{label:`Mobile`,width:335}]},U=h({}),W=g(()=>it[k.value]||[]),at=g(()=>{let e=W.value;if(e.length)return e[U.value[k.value]??0]?.width}),G=h(null),K=h(!1),ot=h(null),st=g(()=>!k.value),ct=g(()=>{if(st.value&&G.value)return`${G.value}px`;if(at.value)return`${at.value}px`}),lt=g(()=>{let e=U.value.whatsapp??0;return k.value===`whatsapp`&&e===1});function ut(e){e.preventDefault();let t=ot.value;if(!t)return;K.value=!0;let n=e.clientX,r=t.getBoundingClientRect().width;function i(e){let t=e.clientX-n;G.value=Math.max(200,Math.round(r+t*2))}function a(){K.value=!1,document.removeEventListener(`pointermove`,i),document.removeEventListener(`pointerup`,a)}document.addEventListener(`pointermove`,i),document.addEventListener(`pointerup`,a)}let q=h(`meta-tags`),ft=g(()=>{let e=[{label:`Meta Tags`,value:`meta-tags`},{label:`OG Image Props`,value:`og-props`},{label:`Fonts`,value:`fonts`}];return k.value?e:e.filter(e=>e.value!==`meta-tags`)});te(k,e=>{!e&&q.value===`meta-tags`&&(q.value=`og-props`)});let J=g(()=>k.value===`twitter`),pt=g(()=>J.value?`Twitter`:`OG`),Y=g(()=>{let e=b.value?.availableFonts||[],t=b.value?.resolvedFonts||[];if(!e.length&&!t.length)return[];let n=e.length?e:t,r=new Set(t.map(e=>`${e.family}-${e.weight}-${e.style}`)),i=new Map;for(let e of n){let t=`${e.family}-${e.weight}-${e.style}`,n=i.get(t)||[];e.subset&&n.push(e.subset),i.set(t,n)}let a=new Set,o=[];for(let e of n){let t=`${e.family}-${e.weight}-${e.style}`;if(a.has(t))continue;a.add(t);let n=i.get(t)||[];o.push({key:t,family:e.family,weight:e.weight,style:e.style,src:e.src,label:`${e.family} ${e.weight}${e.style===`italic`?`i`:``}`,loaded:r.has(t),subsetCount:Math.max(n.length,1),subsets:n})}return o.sort((e,t)=>e.family.localeCompare(t.family)||e.weight-t.weight||e.style.localeCompare(t.style)),o}),mt=g(()=>{let e=b.value?.resolvedFonts||[],t=new Map;for(let n of e)n.size&&t.set(n.family,(t.get(n.family)||0)+n.size);return t});function ht(e){if(e<1024)return`${e} B`;let t=e/1024;return t<1e3?`${t.toFixed(1)} kB`:`${(t/1024).toFixed(1)} MB`}let gt=g(()=>[...new Set(Y.value.map(e=>e.family))]),_t=g(()=>[...new Set(Y.value.filter(e=>e.loaded).map(e=>e.family))]),X=g(()=>b.value?.fontRequirements),bt=g(()=>{let e=X.value?.families;if(!e?.length)return[];let t=new Set(gt.value);return e.filter(e=>!t.has(e))}),xt=g(()=>{let e=[],t=new Set;for(let n of Y.value)t.has(n.family)||(t.add(n.family),e.push(`@font-face { font-family: 'ogp-${n.family}'; src: url('${n.src}'); font-display: swap; }`));return e.join(`
 `)});A({style:g(()=>xt.value?[xt.value]:[])});let Z=h(``);function St(e){let t=Z.value===e?``:e;Z.value=t,F.value=!0,z({fontFamily:t||void 0})}let Q=v({ogTitle:``,twitterTitle:``,siteName:``,description:``}),$=g(()=>k.value===`twitter`&&Q.twitterTitle?Q.twitterTitle:Q.ogTitle||we.value),Yn=g(()=>Q.description||Te.value),Xn=g(()=>Q.siteName||ke.value),Zn=g(()=>Q.siteName||Oe.value);function Qn(e,t){Q[e]=t,F.value=!0}let $n=g(()=>Object.values(Q).some(Boolean)),er=g(()=>{let e=[];return Q.ogTitle&&e.push(`  ogTitle: '${Q.ogTitle.replace(n,`\\'`)}'`),Q.description&&e.push(`  ogDescription: '${Q.description.replace(n,`\\'`)}'`),Q.siteName&&e.push(`  ogSiteName: '${Q.siteName.replace(n,`\\'`)}'`),Q.twitterTitle&&e.push(`  twitterTitle: '${Q.twitterTitle.replace(n,`\\'`)}'`),e.length?`useSeoMeta({\n${e.join(`,
 `)}\n})`:``});function tr(){R(!0),Z.value=``,Object.assign(Q,{ogTitle:``,twitterTitle:``,siteName:``,description:``})}let nr=g(()=>{try{return new URL(fe.value).hostname}catch{return fe.value}});return(e,n)=>{let c=_e,h=Ee,g=De,v=be,te=je,T=me,A=w,Ue=se,R=pe,z=he,V=xe,it=Ie,at=Ve,st=Je,xt=et,rr=dt,ir=vt,ar=ge,or=ye,sr=yt,cr=Ct;return u(),C(`div`,wt,[l(de)?(u(),C(`div`,Tt,[r(c,{variant:`warning`},{default:f(()=>[...n[16]||=[s(` Could not connect to devtools. Showing demo preview. `,-1)]]),_:1}),m(`div`,Et,[m(`div`,Dt,[r(h,{title:`My Page Title`,"aspect-ratio":1200/630},{domain:f(()=>[...n[17]||=[m(`span`,null,`From example.com`,-1)]]),default:f(()=>[n[18]||=m(`div`,{class:`w-full h-full bg-gradient-to-br from-emerald-500 to-sky-500 flex items-center justify-center`},[m(`div`,{class:`text-white text-center p-6`},[m(`div`,{class:`text-2xl sm:text-4xl font-bold mb-2`},` OG Image Preview `),m(`div`,{class:`text-sm sm:text-lg opacity-80`},` Connect devtools to see your actual image `)])],-1)]),_:1}),n[19]||=m(`p`,{class:`text-center text-sm text-[var(--color-text-muted)] mt-4`},` Open this page in Nuxt DevTools to preview your OG images. `,-1)])])])):l(ie)?(u(),C(`div`,Ot,[r(g,{variant:`minimal`},{default:f(()=>[n[20]||=m(`span`,{class:`text-[var(--color-text-subtle)]`},`Prebuilt:`,-1),m(`code`,kt,_(l(Be)?.url),1)]),_:1}),m(`div`,At,[r(v,{src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])])])):l(ne)?(u(),C(`div`,jt,[r(te,{icon:`carbon:image-search`,title:`Loading OG Image…`,class:`animate-pulse`})])):l(E)?(u(),C(`div`,Mt,[r(te,{icon:`carbon:warning`,title:`OG Image Error`,description:l(E).message,variant:`error`,class:`animate-scale-in`},{default:f(()=>[l(E).stack?.length?(u(),C(`details`,Nt,[n[21]||=m(`summary`,{class:`text-xs text-[var(--color-text-subtle)] cursor-pointer hover:text-[var(--color-text-muted)]`},` Stack trace `,-1),m(`pre`,Pt,_(l(E).stack.join(`
 `)),1)])):S(``,!0)]),_:1},8,[`description`])])):l(ae)||!l(oe)?(u(),C(`div`,Ft,[r(te,{icon:`carbon:image-search`,title:`No OG Image Defined`,class:`animate-scale-in`},{description:f(()=>[n[22]||=s(` This page has no `,-1),n[23]||=m(`code`,{class:`inline-code`},`defineOgImage()`,-1),n[24]||=s(` in `,-1),r(T,{variant:`link`,class:`cursor-pointer`,onClick:l(Ge)},{default:f(()=>[s(_(l(Le)),1)]),_:1},8,[`onClick`])]),default:f(()=>[l(qe).length?(u(),C(`div`,It,[m(`div`,Lt,[(u(!0),C(x,null,i(l(qe),e=>(u(),d(T,{key:e.pascalName,color:`primary`,variant:`soft`,size:`sm`,onClick:t=>l(Ze)(e.pascalName)},{default:f(()=>[s(_(e.pascalName),1)]),_:2},1032,[`onClick`]))),128))]),n[26]||=m(`span`,{class:`text-xs text-[var(--color-text-subtle)]`},`or`,-1),r(T,{variant:`link`,size:`xs`,class:`text-[var(--color-text-subtle)]`,onClick:n[0]||=e=>l(Xe)()},{default:f(()=>[...n[25]||=[s(` Create new component `,-1)]]),_:1})])):(u(),C(`div`,Rt,[r(T,{color:`primary`,size:`md`,onClick:n[1]||=e=>l(Xe)()},{default:f(()=>[r(A,{name:`carbon:add`,class:`w-4 h-4`}),n[27]||=s(` Create OG Image Component `,-1)]),_:1})])),l(b)?.runtimeConfig?.hasNuxtContent?(u(),C(`div`,zt,[...n[28]||=[s(` Using Nuxt Content? See the `,-1),m(`a`,{href:`https://nuxtseo.com/docs/integrations/content`,target:`_blank`,class:`text-[var(--seo-green)] hover:underline`},`integration guide`,-1)]])):(u(),C(`a`,Bt,[n[29]||=s(` Learn more `,-1),r(A,{name:`carbon:arrow-right`,class:`w-3 h-3`})]))]),_:1})])):(u(),C(`div`,Vt,[l(ce)?(u(),d(c,{key:0,variant:`info`},{default:f(()=>[...n[30]||=[s(` Fallback mode: Connected to localhost:3000 `,-1)]]),_:1})):S(``,!0),l(ue)===`production`&&l(le)?(u(),d(c,{key:1,variant:`production`},{action:f(()=>[r(T,{variant:`link`,size:`xs`,onClick:n[2]||=e=>ue.value=`local`},{default:f(()=>[...n[31]||=[s(` Switch to local `,-1)]]),_:1})]),default:f(()=>[n[32]||=s(` Previewing from `,-1),m(`strong`,null,_(l(fe)),1)]),_:1})):S(``,!0),!l(Pe)&&l(Ae)?(u(),d(c,{key:2,variant:`warning`},{default:f(()=>[n[33]||=s(` Component `,-1),m(`code`,Ht,_(l(M)),1),s(` uses `+_(l(Ae).renderer)+` renderer. `,1),r(Ue,{to:`/templates`,class:`text-[var(--seo-green)] hover:underline ml-1`},{default:f(()=>[s(` Select a `+_(l(N))+` template `,1)]),_:1})]),_:1})):S(``,!0),r(g,null,{default:f(()=>[m(`div`,Ut,[r(T,{color:`neutral`,variant:`ghost`,size:`xs`,"aria-label":`Change renderer and format`,onClick:n[3]||=e=>l(ve).start()},{default:f(()=>[l(N)===`takumi`?(u(),C(`img`,Wt)):(u(),d(A,{key:1,name:tt[l(N)]||`logos:vercel-icon`,class:`w-3.5 h-3.5`},null,8,[`name`])),m(`span`,Gt,_(nt.value),1),r(A,{name:`carbon:chevron-down`,class:`w-3 h-3 opacity-60`})]),_:1})]),l(Fe)?(u(),C(`div`,Zt,[...n[35]||=[m(`span`,{class:`text-[var(--color-text-subtle)]`},`Page Screenshot`,-1)]])):(u(),C(`div`,Kt,[r(T,{variant:`link`,class:`component-path-link cursor-pointer`,disabled:l(Ne),onClick:l(Ke)},{default:f(()=>[l(Me)?(u(),C(`span`,qt,[m(`span`,Jt,_(l(Me).replace(a,``)),1),m(`span`,Yt,_(l(Me).match(a)?.[0]||l(M)),1)])):(u(),C(`span`,Xt,_(l(M)),1))]),_:1},8,[`disabled`,`onClick`]),l(Ne)?(u(),d(T,{key:0,variant:`link`,size:`xs`,class:`cursor-pointer text-[var(--color-text-subtle)]`,onClick:n[4]||=e=>l(Ye)(l(M))},{default:f(()=>[...n[34]||=[s(` Eject `,-1)]]),_:1})):S(``,!0)])),m(`div`,Qt,[l(ue)===`production`&&l(le)?(u(),d(R,{key:0,text:l(fe),"delay-duration":200},{default:f(()=>[m(`span`,$t,[n[36]||=m(`span`,{class:`devtools-production-dot`},null,-1),m(`span`,en,_(nr.value),1)])]),_:1},8,[`text`])):S(``,!0),l(Fe)?S(``,!0):(u(),d(T,{key:1,variant:l(P)?`soft`:`ghost`,color:l(P)?`primary`:`neutral`,size:`xs`,icon:`carbon:settings-adjust`,class:`props-toggle`,onClick:n[5]||=e=>P.value=!l(P)},{default:f(()=>[...n[37]||=[m(`span`,{class:`hidden sm:inline`},`Debug`,-1)]]),_:1},8,[`variant`,`color`]))])]),_:1}),m(`div`,tn,[r(z,{modelValue:l(k),"onUpdate:modelValue":n[6]||=e=>ee(k)?k.value=e:null,items:rt,content:!1,size:`xs`,variant:`link`,color:`neutral`},{leading:f(({item:e,ui:n})=>[r(A,{name:e.icon,class:o(n.leadingIcon),style:t(e.iconScale?{transform:`scale(${e.iconScale})`}:void 0)},null,8,[`name`,`class`,`style`])]),_:1},8,[`modelValue`])]),W.value.length||l(Re).length>1?(u(),C(`div`,nn,[W.value.length?(u(),C(x,{key:0},[n[38]||=m(`span`,{class:`size-variant-label`},`Width`,-1),m(`div`,rn,[(u(!0),C(x,null,i(W.value,(e,t)=>(u(),C(`button`,{key:e.label,class:o([`size-variant-btn`,{active:(U.value[l(k)]??0)===t}]),onClick:e=>U.value[l(k)]=t},[m(`span`,on,_(e.label),1),m(`span`,sn,_(e.width)+`px`,1)],10,an))),128))])],64)):S(``,!0),l(Re).length>1?(u(),C(x,{key:1},[n[39]||=m(`span`,{class:`size-variant-label`},`Image`,-1),m(`div`,cn,[(u(!0),C(x,null,i(l(Re),e=>(u(),C(`button`,{key:e,class:o([`size-variant-btn`,{active:(l(He)||`og`)===e}]),onClick:t=>He.value=e},[m(`span`,un,_(e),1)],10,ln))),128))])],64)):S(``,!0)])):S(``,!0),m(`div`,{class:o([`preview-area panel-grids`,{"preview-area--panel-open":l(P)&&!l(Fe)}])},[m(`div`,{ref_key:`rawPreviewRef`,ref:ot,class:o([`preview-content`,{"preview-content--no-transition":K.value}]),style:t(ct.value?{maxWidth:ct.value}:void 0)},[l(k)===`twitter`?(u(),d(h,{key:0,title:$.value,"aspect-ratio":l(D)},{domain:f(()=>[m(`a`,{target:`_blank`,href:l(re)(l(Oe))},`From `+_(Zn.value),9,dn)]),default:f(()=>[l(O)===`html`?(u(),d(V,{key:1,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(u(),d(v,{key:0,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onClick:l(We),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onClick`,`onRefresh`]))]),_:1},8,[`title`,`aspect-ratio`])):l(k)===`facebook`?(u(),d(it,{key:1},{siteName:f(()=>[s(_(Zn.value),1)]),title:f(()=>[s(_($.value),1)]),description:f(()=>[s(_(Yn.value),1)]),default:f(()=>[l(O)===`html`?(u(),d(V,{key:1,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(u(),d(v,{key:0,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):l(k)===`linkedin`?(u(),d(at,{key:2},{siteName:f(()=>[s(_(Zn.value),1)]),title:f(()=>[s(_($.value),1)]),default:f(()=>[l(O)===`html`?(u(),d(V,{key:1,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(u(),d(v,{key:0,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):l(k)===`discord`?(u(),d(st,{key:3},{siteName:f(()=>[s(_(Xn.value),1)]),title:f(()=>[s(_($.value),1)]),description:f(()=>[s(_(Yn.value),1)]),default:f(()=>[l(O)===`html`?(u(),d(V,{key:1,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(u(),d(v,{key:0,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):l(k)===`slack`?(u(),d(xt,{key:4},{favIcon:f(()=>[m(`img`,{src:`https://www.google.com/s2/favicons?domain=${encodeURIComponent(l(Oe))}&sz=30`,width:`30`,height:`30`,alt:``},null,8,fn)]),siteName:f(()=>[s(_(Xn.value),1)]),title:f(()=>[s(_($.value),1)]),description:f(()=>[s(_(Yn.value),1)]),default:f(()=>[l(O)===`html`?(u(),d(V,{key:1,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(u(),d(v,{key:0,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):l(k)===`whatsapp`?(u(),d(rr,{key:5,squared:lt.value},p({siteName:f(()=>[s(_(Xn.value),1)]),title:f(()=>[s(_($.value),1)]),description:f(()=>[s(_(Yn.value),1)]),url:f(()=>[s(_(Zn.value),1)]),default:f(()=>[l(O)===`html`?S(``,!0):(u(),C(`img`,{key:0,src:l(j),alt:``,onLoad:n[7]||=e=>l(L)({timeTaken:`0`,sizeKb:``})},null,40,mn))]),_:2},[l(Ce)===l(j)?void 0:{name:`inlineImage`,fn:f(()=>[m(`img`,{src:l(Ce),alt:``},null,8,pn)]),key:`0`}]),1032,[`squared`])):l(k)===`bluesky`?(u(),d(ir,{key:6},{siteName:f(()=>[s(_(Zn.value),1)]),title:f(()=>[s(_($.value),1)]),description:f(()=>[s(_(Yn.value),1)]),default:f(()=>[l(O)===`html`?(u(),d(V,{key:1,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(u(),d(v,{key:0,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):(u(),C(`div`,hn,[m(`div`,{class:o([`raw-preview`,{"raw-preview--dragging":K.value}])},[l(O)===`html`?(u(),d(V,{key:1,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(u(),d(v,{key:0,src:l(j),"aspect-ratio":l(D),onLoad:l(L),onRefresh:l(B)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))],2),m(`div`,{class:`raw-resize-handle`,onPointerdown:ut,onDblclick:n[8]||=e=>G.value=null},[...n[40]||=[m(`div`,{class:`raw-resize-grip`},null,-1)]],32),G.value?(u(),C(`div`,gn,_(G.value)+`px `,1)):S(``,!0)])),l(ze)?(u(),C(`div`,_n,_(l(ze)),1)):S(``,!0)],6)],2),r(y,{"enter-active-class":`transition duration-200 ease-out`,"enter-from-class":`opacity-0 translate-x-4`,"enter-to-class":`opacity-100 translate-x-0`,"leave-active-class":`transition duration-150 ease-in`,"leave-from-class":`opacity-100 translate-x-0`,"leave-to-class":`opacity-0 translate-x-4`},{default:f(()=>[l(P)&&!l(Fe)?(u(),d(cr,{key:0,title:`Debug`,class:`props-panel`,onClose:n[15]||=e=>P.value=!1},{actions:f(()=>[l(F)?(u(),d(T,{key:0,onClick:n[9]||=e=>tr()},{default:f(()=>[...n[41]||=[s(` Reset `,-1)]]),_:1})):S(``,!0)]),default:f(()=>[m(`div`,vn,[r(z,{modelValue:q.value,"onUpdate:modelValue":n[10]||=e=>q.value=e,items:ft.value,content:!1,size:`xs`,variant:`link`,color:`neutral`},null,8,[`modelValue`,`items`])]),q.value===`meta-tags`?(u(),C(`div`,yn,[m(`div`,bn,[m(`div`,xn,[m(`span`,null,_(pt.value)+` Title`,1),r(R,{text:J.value?`The twitter:title meta tag. Controls the title shown on Twitter/X cards.`:`The og:title meta tag. Controls the title shown when shared on social platforms.`,"delay-duration":0},{default:f(()=>[r(A,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(ar,{"model-value":J.value?Q.twitterTitle||l(we):Q.ogTitle||l(we),size:`xs`,name:J.value?`twitter-title`:`og-title`,autocomplete:`off`,placeholder:J.value?`twitter:title…`:`og:title…`,"onUpdate:modelValue":n[11]||=e=>Qn(J.value?`twitterTitle`:`ogTitle`,e)},null,8,[`model-value`,`name`,`placeholder`])]),m(`div`,Sn,[m(`div`,Cn,[m(`span`,null,_(pt.value)+` Description`,1),r(R,{text:J.value?`The twitter:description meta tag. Controls the description shown on Twitter/X cards.`:`The og:description meta tag. Controls the description shown when shared on social platforms.`,"delay-duration":0},{default:f(()=>[r(A,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(ar,{"model-value":Q.description||l(Te),size:`xs`,name:J.value?`twitter-description`:`og-description`,autocomplete:`off`,placeholder:J.value?`twitter:description…`:`og:description…`,"onUpdate:modelValue":n[12]||=e=>Qn(`description`,e)},null,8,[`model-value`,`name`,`placeholder`])]),m(`div`,wn,[m(`div`,Tn,[m(`span`,null,_(l(k)===`discord`?`OG Site Name`:`OG URL`),1),r(R,{text:l(k)===`discord`?`The og:site_name meta tag. Discord uses this for the provider name above the title.`:`The og:url meta tag. The canonical URL shown in social card previews.`,"delay-duration":0},{default:f(()=>[r(A,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(ar,{"model-value":Q.siteName||l(ke),size:`xs`,name:l(k)===`discord`?`og-site-name`:`og-url`,autocomplete:`off`,placeholder:l(k)===`discord`?`og:site_name…`:`og:url…`,"onUpdate:modelValue":n[13]||=e=>Qn(`siteName`,e)},null,8,[`model-value`,`name`,`placeholder`])])])):q.value===`og-props`?(u(),C(`div`,En,[m(`div`,Dn,[m(`div`,On,[n[42]||=m(`span`,null,`Color Mode`,-1),r(R,{text:`Changes the color mode passed to the OG image renderer.`,"delay-duration":0},{default:f(()=>[r(A,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1})]),r(T,{size:`xs`,color:`neutral`,variant:`soft`,icon:l(Se)===`dark`?`carbon:moon`:`carbon:sun`,onClick:n[14]||=e=>Se.value=l(Se)===`dark`?`light`:`dark`},{default:f(()=>[s(_(l(Se)===`dark`?`Dark`:`Light`),1)]),_:1},8,[`icon`])]),Qe.value.length?(u(),C(`div`,kn,[(u(!0),C(x,null,i(Qe.value,e=>(u(),C(`div`,{key:e,class:`prop-field`},[m(`label`,An,_(e),1),$e(l(I)[e])===`color`?(u(),C(`input`,{key:0,type:`color`,value:l(I)[e],class:`prop-input prop-input-color`,onInput:t=>H(e,t.target.value)},null,40,jn)):$e(l(I)[e])===`number`?(u(),C(`input`,{key:1,type:`number`,value:l(I)[e],class:`prop-input`,onInput:t=>H(e,Number(t.target.value))},null,40,Mn)):$e(l(I)[e])===`json`?(u(),C(`textarea`,{key:2,value:JSON.stringify(l(I)[e],null,2),class:`prop-input prop-input-json`,rows:`3`,onChange:t=>(()=>{try{H(e,JSON.parse(t.target.value))}catch{}})()},null,40,Nn)):(u(),C(`input`,{key:3,type:`text`,value:l(I)[e],class:`prop-input`,onInput:t=>H(e,t.target.value)},null,40,Pn))]))),128))])):(u(),C(`div`,Fn,` No props defined `))])):q.value===`fonts`?(u(),C(`div`,In,[X.value?(u(),C(`div`,Ln,[m(`div`,Rn,[n[44]||=m(`span`,{class:`fonts-detected-label`},`Detected`,-1),(u(!0),C(x,null,i(X.value.weights,e=>(u(),C(`span`,{key:`w-${e}`,class:`fonts-chip`},_(e),1))),128)),(u(!0),C(x,null,i(X.value.styles,e=>(u(),C(`span`,{key:`s-${e}`,class:`fonts-chip`},_(e),1))),128)),X.value.families?.length?(u(),C(x,{key:0},[n[43]||=m(`span`,{class:`fonts-detected-sep`},null,-1),(u(!0),C(x,null,i(X.value.families,e=>(u(),C(`span`,{key:e,class:o([`fonts-chip`,bt.value.includes(e)?`fonts-chip--error`:`fonts-chip--family`])},[bt.value.includes(e)?(u(),d(A,{key:0,name:`carbon:warning-filled`,class:`w-2.5 h-2.5 shrink-0`})):S(``,!0),s(` `+_(e),1)],2))),128))],64)):S(``,!0)])])):S(``,!0),_t.value.length?(u(),C(`div`,zn,[m(`div`,Bn,[n[45]||=m(`span`,{class:`fonts-detected-label`},`Rendering`,-1),(u(!0),C(x,null,i(_t.value,e=>(u(),C(`span`,{key:e,class:`fonts-chip fonts-chip--family`},_(e),1))),128))])])):S(``,!0),Y.value.length?(u(),C(`div`,Vn,[(u(!0),C(x,null,i(gt.value,e=>(u(),C(x,{key:e},[m(`button`,{class:o([`fonts-family-row`,{active:Z.value===e}]),onClick:t=>St(e)},[m(`span`,{class:`fonts-family-name`,style:t({fontFamily:`'ogp-${e}', sans-serif`})},_(e),5),m(`span`,Un,[mt.value.get(e)?(u(),C(`span`,Wn,_(ht(mt.value.get(e))),1)):S(``,!0),Z.value===e?(u(),d(A,{key:1,name:`carbon:checkmark-filled`,class:`fonts-family-check`})):S(``,!0)])],10,Hn),m(`div`,Gn,[(u(!0),C(x,null,i(Y.value.filter(t=>t.family===e),e=>(u(),C(`div`,{key:e.key,class:o([`fonts-variant`,{loaded:e.loaded}])},[n[46]||=m(`span`,{class:`fonts-variant-dot`},null,-1),m(`span`,Kn,_(e.weight)+_(e.style===`italic`?`i`:``),1),e.subsetCount>1?(u(),C(`span`,qn,`×`+_(e.subsetCount),1)):S(``,!0),e.subsets.length?(u(!0),C(x,{key:1},i(e.subsets,e=>(u(),C(`span`,{key:e,class:`fonts-subset-chip`},_(e),1))),128)):S(``,!0)],2))),128))])],64))),128))])):(u(),C(`div`,Jn,[...n[47]||=[s(` No fonts resolved. Install `,-1),m(`code`,{class:`inline-code`},`@nuxt/fonts`,-1),s(` to enable. `,-1)]]))])):S(``,!0),q.value===`meta-tags`&&$n.value?(u(),d(or,{key:3,label:`useSeoMeta`,code:er.value,lang:`js`},null,8,[`code`])):l(F)&&q.value!==`meta-tags`?(u(),d(sr,{key:4,color:`warning`,variant:`subtle`,icon:`carbon:warning`,title:`Unsaved changes`,description:`These changes are for preview only and won't persist.`,class:`mx-3 my-2`})):S(``,!0)]),_:1})):S(``,!0)]),_:1})]))])}}}),[[`__scopeId`,`data-v-3517e82f`]]);export{$ as default};