nuxt-og-image 6.2.4 → 6.2.6

package/dist/devtools/_nuxt/D84yDWKI.js

@@ -1 +0,0 @@
-import{M as e,Ot as t,Q as n,S as r,T as i,U as a,_ as o,g as s,jt as c,q as l,v as u,y as d}from"./D2zWjF09.js";import{D as f}from"./Co3OAyKc.js";import{d as p}from"#entry";var m=[`open`],h={class:`flex-1 min-w-0`},g={class:`section-label`},_={key:0,class:`section-description`},v=Object.assign(p(i({__name:`DevtoolsSection`,props:e({icon:{},text:{},description:{},containerClass:{default:``},headerClass:{},collapse:{type:Boolean,default:!0},open:{type:Boolean},padding:{type:[Boolean,String],default:!0}},{open:{default:!0},openModifiers:{}}),emits:[`update:open`],setup(e){let i=n(e,`open`);function p(e){i.value=e.target.open}return(n,v)=>{let y=f;return a(),d(`details`,{open:i.value,class:`section-block`,onToggle:p},[s(`summary`,{class:t([`section-header`,e.collapse?``:`pointer-events-none`])},[s(`div`,{class:t([`section-title`,[i.value?``:`opacity-60`,e.headerClass]])},[e.icon?(a(),o(y,{key:0,name:e.icon,class:`section-icon`},null,8,[`name`])):u(``,!0),s(`div`,h,[s(`div`,g,[l(n.$slots,`text`,{},()=>[r(c(e.text),1)],!0)]),e.description||n.$slots.description?(a(),d(`div`,_,[l(n.$slots,`description`,{},()=>[r(c(e.description),1)],!0)])):u(``,!0)]),l(n.$slots,`actions`,{},void 0,!0),e.collapse?(a(),o(y,{key:1,name:`carbon:chevron-down`,class:`chevron`})):u(``,!0)],2)],2),s(`div`,{class:t([`section-content`,typeof e.padding==`string`?e.padding:e.padding?`px-4`:``])},[l(n.$slots,`details`,{},void 0,!0),s(`div`,{class:t(e.containerClass)},[l(n.$slots,`default`,{},void 0,!0)],2),l(n.$slots,`footer`,{},void 0,!0)],2)],40,m)}}}),[[`__scopeId`,`data-v-cb3a53ac`]]),{__name:`DevtoolsSection`});export{v as t};

package/dist/devtools/_nuxt/DLPfJAyQ.js

@@ -1,2 +0,0 @@
-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"./Co3OAyKc.js";import{t as p}from"./D84yDWKI.js";import{t as m}from"./CGddsLij.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/DevtoolsSection.a-2R---I.css

@@ -1 +0,0 @@
-.section-block[data-v-cb3a53ac]{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s;overflow:hidden}.section-block[data-v-cb3a53ac]:hover{border-color:var(--color-neutral-300)}.dark .section-block[data-v-cb3a53ac]:hover{border-color:var(--color-neutral-700)}.section-header[data-v-cb3a53ac]{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.875rem 1rem;list-style:none;transition:background .15s}.section-header[data-v-cb3a53ac]::-webkit-details-marker{display:none}.section-header[data-v-cb3a53ac]:hover{background:var(--color-surface-sunken)}details[open] .section-header[data-v-cb3a53ac]{border-bottom:1px solid var(--color-border)}.section-title[data-v-cb3a53ac]{align-items:center;gap:.625rem;transition:opacity .15s;display:flex}.section-icon[data-v-cb3a53ac]{color:var(--color-text-muted);flex-shrink:0;font-size:1.125rem}.section-label[data-v-cb3a53ac]{color:var(--color-text);font-size:.875rem;font-weight:600}.section-description[data-v-cb3a53ac]{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.chevron[data-v-cb3a53ac]{color:var(--color-text-subtle);flex-shrink:0;font-size:.875rem;transition:transform .2s cubic-bezier(.22,1,.36,1)}details[open] .chevron[data-v-cb3a53ac]{color:var(--color-text-muted);transform:rotate(180deg)}.section-content[data-v-cb3a53ac]{background:var(--color-surface-sunken);flex-direction:column;gap:.75rem;padding:1rem;display:flex}

package/dist/devtools/_nuxt/DevtoolsSnippet.D9AS35aC.css

@@ -1 +0,0 @@
-.devtools-snippet[data-v-a6534a8f]{margin:.5rem .75rem}.devtools-snippet-header[data-v-a6534a8f]{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.devtools-snippet-label[data-v-a6534a8f]{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:-.01em;font-size:.6875rem;font-weight:500}.devtools-snippet-block[data-v-a6534a8f]{border-radius:var(--radius-sm);max-height:300px;font-size:.6875rem;line-height:1.6;overflow-y:auto;padding:.5rem .625rem!important}

package/dist/devtools/_nuxt/Dy6LapUo.js

@@ -1,4 +0,0 @@
-import{$ as e,At as t,B as n,C as r,K as i,L as a,N as o,Ot as s,S as c,St as l,T as u,Tt as d,U as f,_ as p,at as m,b as h,c as g,dt as _,g as v,gt as y,h as b,jt as x,mt as S,n as ee,q as C,rt as te,s as ne,tt as re,u as w,v as T,x as E,y as D,yt as O}from"./D2zWjF09.js";import{Bt as ie,o as k}from"./C-b6hTTf.js";import{C as A,Ct as j,D as M,F as ae,G as oe,I as se,L as ce,N,S as P,X as le,i as ue,it as de,kt as fe,lt as pe,r as me,t as F,ut as he,v as ge,wt as _e,x as I,z as L}from"./Co3OAyKc.js";import{a as ve,c as ye,d as R,f as z,i as be,l as xe,o as Se,r as Ce,s as we,t as Te,u as Ee}from"#entry";import{t as De}from"./CGddsLij.js";import{n as Oe,t as ke}from"./Ll4Fy5iv.js";var[Ae,B]=oe(`TabsRoot`),je=u({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,{orientation:i,unmountOnHide:a,dir:o}=l(n),s=Ee(o);L();let c=_e(n,`modelValue`,r,{defaultValue:n.defaultValue,passive:n.modelValue===void 0}),u=y(),h=O(new Set);return B({modelValue:c,changeModelValue:e=>{c.value=e},orientation:i,dir:s,unmountOnHide:a,activationMode:n.activationMode,baseId:se(void 0,`reka-tabs`),tabsList:u,contentIds:h,registerContent:e=>{h.value=new Set([...h.value,e])},unregisterContent:e=>{let t=new Set(h.value);t.delete(e),h.value=t}}),(e,t)=>(f(),p(d(N),{dir:d(s),"data-orientation":d(i),"as-child":e.asChild,as:e.as},{default:m(()=>[C(e.$slots,`default`,{modelValue:d(c)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function Me(e,t){return`${e}-trigger-${t}`}function V(e,t){return`${e}-content-${t}`}var Ne=u({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let i=e,{forwardRef:o}=L(),s=Ae(),c=b(()=>Me(s.baseId,i.value)),l=b(()=>V(s.baseId,i.value)),u=b(()=>i.value===s.modelValue.value),h=y(u.value);return n(()=>{s.registerContent(i.value),requestAnimationFrame(()=>{h.value=!1})}),a(()=>{s.unregisterContent(i.value)}),(e,n)=>(f(),p(d(ae),{present:e.forceMount||u.value,"force-mount":``},{default:m(({present:n})=>[r(d(N),{id:l.value,ref:d(o),"as-child":e.asChild,as:e.as,role:`tabpanel`,"data-state":u.value?`active`:`inactive`,"data-orientation":d(s).orientation.value,"aria-labelledby":c.value,hidden:!n,tabindex:`0`,style:t({animationDuration:h.value?`0s`:void 0})},{default:m(()=>[!d(s).unmountOnHide.value||n?C(e.$slots,`default`,{key:0}):T(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),Pe=u({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e,{expose:t}){let n=e,r=Ae();t({updateIndicatorStyle:s}),L();let i=y({size:null,position:null}),a=y([]);re(()=>[r.modelValue.value,r?.dir.value],()=>{s()},{immediate:!0,flush:`post`}),te(()=>{a.value=Array.from(r.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),j(b(()=>[r.tabsList.value,...a.value]),s);function s(){let e=r.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(r.orientation.value===`horizontal`?i.value={size:e.offsetWidth,position:e.offsetLeft}:i.value={size:e.offsetHeight,position:e.offsetTop})}return(e,t)=>typeof i.value.size==`number`?(f(),p(d(N),o({key:0},n,{style:{"--reka-tabs-indicator-size":`${i.value.size}px`,"--reka-tabs-indicator-position":`${i.value.position}px`}}),{default:m(()=>[C(e.$slots,`default`)]),_:3},16,[`style`])):T(`v-if`,!0)}}),Fe=u({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:t}=l(e),{forwardRef:n,currentElement:i}=L(),a=Ae();return a.tabsList=i,(e,i)=>(f(),p(d(xe),{"as-child":``,orientation:d(a).orientation.value,dir:d(a).dir.value,loop:d(t)},{default:m(()=>[r(d(N),{ref:d(n),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":d(a).orientation.value},{default:m(()=>[C(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),Ie=u({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let t=e,{forwardRef:n}=L(),i=Ae(),a=b(()=>Me(i.baseId,t.value)),o=b(()=>i.contentIds.value.has(t.value)?V(i.baseId,t.value):void 0),s=b(()=>t.value===i.modelValue.value);return(e,t)=>(f(),p(d(ye),{"as-child":``,focusable:!e.disabled,active:s.value},{default:m(()=>[r(d(N),{id:a.value,ref:d(n),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":s.value?`true`:`false`,"aria-controls":o.value,"data-state":s.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":d(i).orientation.value,onMousedown:t[0]||=g(t=>{!e.disabled&&t.ctrlKey===!1?d(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=ne(t=>d(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=d(i).activationMode!==`manual`;!s.value&&!e.disabled&&t&&d(i).changeModelValue(e.value)}},{default:m(()=>[C(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),Le=[`role`],Re={class:`devtools-alert-content`},ze={key:0,class:`devtools-alert-action`},Be=Object.assign(R(u({__name:`DevtoolsAlert`,props:{icon:{},variant:{default:`info`}},setup(e){let t={info:`carbon:information`,warning:`carbon:warning`,error:`carbon:close-outline`,success:`carbon:checkmark-outline`,production:`carbon:cloud`};return(n,i)=>{let a=M;return f(),D(`div`,{class:s([`devtools-alert`,`devtools-alert-${e.variant}`]),role:e.variant===`error`?`alert`:`status`},[r(a,{name:e.icon||t[e.variant],class:`devtools-alert-icon`,"aria-hidden":`true`},null,8,[`name`]),v(`div`,Re,[C(n.$slots,`default`,{},void 0,!0)]),n.$slots.action?(f(),D(`div`,ze,[C(n.$slots,`action`,{},void 0,!0)])):T(``,!0)],10,Le)}}}),[[`__scopeId`,`data-v-1865c279`]]),{__name:`DevtoolsAlert`}),H={class:`twitter-card`},Ve={class:`twitter-card-inner`},U={class:`card-domain`},W={class:`card-title`},He={class:`card-time`},Ue=Object.assign(u({__name:`TwitterCardRenderer`,props:{aspectRatio:{},title:{},cardType:{}},setup(e){let r=e,i=y(``);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=b(()=>r.cardType?r.cardType===`summary`:r.aspectRatio<1.3);return(n,r)=>(f(),D(`div`,H,[v(`div`,Ve,[v(`div`,{class:s([`card-container`,a.value?`flex`:``])},[v(`div`,{class:s([`card-image`,a.value?`w-32 h-32 shrink-0`:`aspect-[2/1] w-full`]),style:t(a.value?{}:{aspectRatio:e.aspectRatio})},[C(n.$slots,`default`),r[0]||=v(`div`,{class:`card-image-overlay`},null,-1)],6),v(`div`,{class:s([`card-content`,a.value?`flex-1 min-w-0`:``])},[v(`p`,U,[C(n.$slots,`domain`)]),v(`p`,W,[C(n.$slots,`title`,{},()=>[c(x(e.title),1)])])],2)],2),v(`p`,He,x(i.value),1)])]))}}),{__name:`TwitterCardRenderer`}),We=Object.assign(R(u({__name:`DevtoolsToolbar`,props:{variant:{default:`default`}},setup(e){return(t,n)=>(f(),D(`div`,{class:s([`devtools-toolbar`,`devtools-toolbar-${e.variant}`]),role:`toolbar`},[C(t.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-c2d49291`]]),{__name:`DevtoolsToolbar`}),Ge={class:`devtools-empty`},Ke={class:`devtools-empty-title`},qe={key:0,class:`devtools-empty-description`},Je={key:1,class:`devtools-empty-actions`},Ye=Object.assign(R(u({__name:`DevtoolsEmptyState`,props:{icon:{default:`carbon:search`},title:{},description:{},variant:{default:`default`}},setup(e){return(t,n)=>{let i=M;return f(),D(`div`,Ge,[v(`div`,{class:s([`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),v(`h2`,Ke,x(e.title),1),e.description||t.$slots.description?(f(),D(`p`,qe,[C(t.$slots,`description`,{},()=>[c(x(e.description),1)],!0)])):T(``,!0),t.$slots.default?(f(),D(`div`,Je,[C(t.$slots,`default`,{},void 0,!0)])):T(``,!0)])}}}),[[`__scopeId`,`data-v-a2a52df2`]]),{__name:`DevtoolsEmptyState`}),Xe={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`focus:outline-none w-full`},variants:{color:{primary:``,secondary:``,success:``,info:``,warning:``,error:``,neutral:``},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:`grow`,indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`focus:outline-none`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary`}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary`}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success`}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info`}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning`}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error`}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted`}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:`data-[state=active]:text-primary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary`}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:`data-[state=active]:text-secondary focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary`}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:`data-[state=active]:text-success focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success`}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:`data-[state=active]:text-info focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info`}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:`data-[state=active]:text-warning focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning`}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:`data-[state=active]:text-error focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error`}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:`data-[state=active]:text-highlighted focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted`}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},Ze={__name:`UTabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(t,{expose:n,emit:a}){let l=t,u=a,h=e(),g=k(),_=P(`tabs`,l),v=ce(fe(l,`as`,`unmountOnHide`),u),S=b(()=>I({extend:I(Xe),...g.ui?.tabs||{}})({color:l.color,variant:l.variant,size:l.size,orientation:l.orientation})),ee=y([]);function te(e,t){ee.value[e]=t}return n({triggersRef:ee}),(e,n)=>(f(),p(d(je),o(d(v),{"model-value":t.modelValue,"default-value":t.defaultValue,orientation:t.orientation,"activation-mode":t.activationMode,"data-slot":`root`,class:S.value.root({class:[d(_)?.root,l.class]})}),{default:m(()=>[r(d(Fe),{"data-slot":`list`,class:s(S.value.list({class:d(_)?.list}))},{default:m(()=>[r(d(Pe),{"data-slot":`indicator`,class:s(S.value.indicator({class:d(_)?.indicator}))},null,8,[`class`]),C(e.$slots,`list-leading`),(f(!0),D(w,null,i(t.items,(t,n)=>(f(),p(d(Ie),{key:n,ref_for:!0,ref:e=>te(n,e),value:d(A)(t,l.valueKey)??String(n),disabled:t.disabled,"data-slot":`trigger`,class:s(S.value.trigger({class:[d(_)?.trigger,t.ui?.trigger]}))},{default:m(()=>[C(e.$slots,`leading`,{item:t,index:n,ui:S.value},()=>[t.icon?(f(),p(M,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:s(S.value.leadingIcon({class:[d(_)?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(f(),p(we,o({key:1,size:t.ui?.leadingAvatarSize||d(_)?.leadingAvatarSize||S.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:S.value.leadingAvatar({class:[d(_)?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):T(``,!0)]),d(A)(t,l.labelKey)||h.default?(f(),D(`span`,{key:0,"data-slot":`label`,class:s(S.value.label({class:[d(_)?.label,t.ui?.label]}))},[C(e.$slots,`default`,{item:t,index:n},()=>[c(x(d(A)(t,l.labelKey)),1)])],2)):T(``,!0),C(e.$slots,`trailing`,{item:t,index:n,ui:S.value},()=>[t.badge||t.badge===0?(f(),p(Se,o({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||d(_)?.trailingBadgeSize||S.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:S.value.trailingBadge({class:[d(_)?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):T(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),C(e.$slots,`list-trailing`)]),_:3},8,[`class`]),t.content?(f(!0),D(w,{key:0},i(t.items,(t,n)=>(f(),p(d(Ne),{key:n,value:d(A)(t,l.valueKey)??String(n),"data-slot":`content`,class:s(S.value.content({class:[d(_)?.content,t.ui?.content,t.class]}))},{default:m(()=>[C(e.$slots,t.slot||`content`,{item:t,index:n,ui:S.value},()=>[c(x(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):T(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},Qe={class:`facebook-card`},$e={class:`facebook-image`},et={class:`facebook-content`},tt={class:`facebook-sitename`},G={class:`facebook-title`},nt={class:`facebook-description`},rt=Object.assign(u({__name:`FacebookCardRenderer`,props:{aspectRatio:{}},setup(e){return(e,t)=>(f(),D(`div`,Qe,[v(`div`,$e,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`facebook-image-overlay`},null,-1)]),v(`div`,et,[v(`p`,tt,[C(e.$slots,`siteName`)]),v(`p`,G,[C(e.$slots,`title`)]),v(`p`,nt,[C(e.$slots,`description`)])])]))}}),{__name:`FacebookCardRenderer`}),it={class:`linkedin-card`},at={class:`linkedin-image`},ot={class:`linkedin-content`},st={class:`linkedin-title`},ct={class:`linkedin-sitename`},lt=Object.assign(u({__name:`LinkedInCardRenderer`,props:{aspectRatio:{}},setup(e){return(e,t)=>(f(),D(`div`,it,[v(`div`,at,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`linkedin-image-overlay`},null,-1)]),v(`div`,ot,[v(`p`,st,[C(e.$slots,`title`)]),v(`p`,ct,[C(e.$slots,`siteName`)])])]))}}),{__name:`LinkedInCardRenderer`}),K={},ut={class:`discord-card`},q={class:`discord-body`},dt={class:`discord-sitename`},J={class:`discord-title`},ft={class:`discord-description`},pt={class:`discord-image`};function mt(e,t){return f(),D(`div`,ut,[v(`div`,q,[v(`div`,dt,[C(e.$slots,`siteName`)]),v(`div`,J,[C(e.$slots,`title`)]),v(`div`,ft,[C(e.$slots,`description`)]),v(`div`,pt,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`discord-image-overlay`},null,-1)])])])}var ht=Object.assign(R(K,[[`render`,mt]]),{__name:`DiscordCardRenderer`}),gt={},Y={class:`slack-card`},_t={class:`slack-content`},vt={class:`slack-header`},X={class:`slack-favicon`},yt={class:`slack-sitename`},Z={class:`slack-title`},Q={class:`slack-description`},$={class:`slack-image`};function bt(e,t){return f(),D(`div`,Y,[t[1]||=v(`div`,{class:`slack-bar`},null,-1),v(`div`,_t,[v(`div`,vt,[v(`div`,X,[C(e.$slots,`favIcon`)]),v(`div`,yt,[C(e.$slots,`siteName`)])]),v(`div`,Z,[C(e.$slots,`title`)]),v(`div`,Q,[C(e.$slots,`description`)]),v(`div`,$,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`slack-image-overlay`},null,-1)])])])}var xt=Object.assign(R(gt,[[`render`,bt]]),{__name:`SlackCardRenderer`}),St={class:`whatsapp-dual-preview`},Ct={key:0,class:`whatsapp-section`},wt={class:`whatsapp-inline-card whatsapp-inline-card--squared`},Tt={class:`whatsapp-inline-image`},Et={class:`whatsapp-inline-content`},Dt={class:`whatsapp-title-inline`},Ot={class:`whatsapp-description-inline`},kt={class:`whatsapp-url-inline`},At={key:1,class:`whatsapp-section`},jt={class:`whatsapp-full-card`},Mt={class:`whatsapp-full-image`},Nt={class:`whatsapp-full-content`},Pt={class:`whatsapp-title`},Ft={class:`whatsapp-description`},It={class:`whatsapp-url`},Lt=Object.assign(u({__name:`WhatsAppRenderer`,props:{aspectRatio:{},squared:{type:Boolean}},setup(e){return(t,n)=>{let i=M;return f(),D(`div`,St,[e.squared?(f(),D(`div`,Ct,[n[1]||=v(`p`,{class:`whatsapp-label`},` Inline (in message) — 2x `,-1),v(`div`,wt,[v(`div`,Tt,[t.$slots.inlineImage?C(t.$slots,`inlineImage`,{key:1}):C(t.$slots,`default`,{key:0}),n[0]||=v(`div`,{class:`whatsapp-image-overlay`},null,-1)]),v(`div`,Et,[v(`div`,Dt,[C(t.$slots,`title`)]),v(`div`,Ot,[C(t.$slots,`description`)]),v(`div`,kt,[r(i,{name:`carbon:link`,class:`w-2.5 h-2.5`}),C(t.$slots,`siteName`)])])])])):T(``,!0),e.squared?T(``,!0):(f(),D(`div`,At,[n[3]||=v(`p`,{class:`whatsapp-label`},` Full card (standalone link) `,-1),v(`div`,jt,[v(`div`,Mt,[C(t.$slots,`default`),n[2]||=v(`div`,{class:`whatsapp-image-overlay`},null,-1)]),v(`div`,Nt,[v(`div`,Pt,[C(t.$slots,`title`)]),v(`div`,Ft,[C(t.$slots,`description`)]),v(`div`,It,[r(i,{name:`carbon:link`,class:`w-3 h-3`}),C(t.$slots,`url`)])])])]))])}}}),{__name:`WhatsAppRenderer`}),Rt={},zt={class:`bluesky-card`},Bt={class:`bluesky-image`},Vt={class:`bluesky-content`},Ht={class:`bluesky-title`},Ut={class:`bluesky-description`},Wt={class:`bluesky-domain`};function Gt(e,t){return f(),D(`div`,zt,[v(`div`,Bt,[C(e.$slots,`default`),t[0]||=v(`div`,{class:`bluesky-image-overlay`},null,-1)]),v(`div`,Vt,[v(`p`,Ht,[C(e.$slots,`title`)]),v(`p`,Ut,[C(e.$slots,`description`)]),v(`div`,Wt,[t[1]||=E(`<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),C(e.$slots,`siteName`)])])])}var Kt=Object.assign(R(Rt,[[`render`,Gt]]),{__name:`BlueskyCardRenderer`}),qt={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`}},Jt={__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,a=n,l=e(),{t:u}=Ce(),h=k(),g=P(`alert`,r),_=b(()=>I({extend:I(qt),...h.ui?.alert||{}})({color:r.color,variant:r.variant,orientation:r.orientation,title:!!r.title||!!l.title}));return(e,n)=>(f(),p(d(N),{as:t.as,"data-orientation":t.orientation,"data-slot":`root`,class:s(_.value.root({class:[d(g)?.root,r.class]}))},{default:m(()=>[C(e.$slots,`leading`,{ui:_.value},()=>[t.avatar?(f(),p(we,o({key:0,size:d(g)?.avatarSize||_.value.avatarSize()},t.avatar,{"data-slot":`avatar`,class:_.value.avatar({class:d(g)?.avatar})}),null,16,[`size`,`class`])):t.icon?(f(),p(M,{key:1,name:t.icon,"data-slot":`icon`,class:s(_.value.icon({class:d(g)?.icon}))},null,8,[`name`,`class`])):T(``,!0)]),v(`div`,{"data-slot":`wrapper`,class:s(_.value.wrapper({class:d(g)?.wrapper}))},[t.title||l.title?(f(),D(`div`,{key:0,"data-slot":`title`,class:s(_.value.title({class:d(g)?.title}))},[C(e.$slots,`title`,{},()=>[c(x(t.title),1)])],2)):T(``,!0),t.description||l.description?(f(),D(`div`,{key:1,"data-slot":`description`,class:s(_.value.description({class:d(g)?.description}))},[C(e.$slots,`description`,{},()=>[c(x(t.description),1)])],2)):T(``,!0),t.orientation===`vertical`&&(t.actions?.length||l.actions)?(f(),D(`div`,{key:2,"data-slot":`actions`,class:s(_.value.actions({class:d(g)?.actions}))},[C(e.$slots,`actions`,{},()=>[(f(!0),D(w,null,i(t.actions,(e,t)=>(f(),p(ve,o({key:t,size:`xs`},{ref_for:!0},e),null,16))),128))])],2)):T(``,!0)],2),t.orientation===`horizontal`&&(t.actions?.length||l.actions)||t.close?(f(),D(`div`,{key:0,"data-slot":`actions`,class:s(_.value.actions({class:d(g)?.actions,orientation:`horizontal`}))},[t.orientation===`horizontal`&&(t.actions?.length||l.actions)?C(e.$slots,`actions`,{key:0},()=>[(f(!0),D(w,null,i(t.actions,(e,t)=>(f(),p(ve,o({key:t,size:`xs`},{ref_for:!0},e),null,16))),128))]):T(``,!0),C(e.$slots,`close`,{ui:_.value},()=>[t.close?(f(),p(ve,o({key:0,icon:t.closeIcon||d(h).ui.icons.close,color:`neutral`,variant:`link`,"aria-label":d(u)(`alert.close`)},typeof t.close==`object`?t.close:{},{"data-slot":`close`,class:_.value.close({class:d(g)?.close}),onClick:n[0]||=e=>a(`update:open`,!1)}),null,16,[`icon`,`aria-label`,`class`])):T(``,!0)])],2)):T(``,!0)]),_:3},8,[`as`,`data-orientation`,`class`]))}},Yt={class:`devtools-panel`},Xt={key:0,class:`devtools-panel-header`},Zt={class:`flex items-center gap-2`},Qt={class:`devtools-panel-title`},$t={key:0,class:`devtools-panel-actions`},en=Object.assign(R(u({__name:`DevtoolsPanel`,props:{title:{},closable:{type:Boolean,default:!1},icon:{},padding:{type:Boolean,default:!0}},emits:[`close`],setup(e){return(t,n)=>{let r=M,i=ve;return f(),D(`div`,Yt,[e.title||t.$slots.header?(f(),D(`div`,Xt,[C(t.$slots,`header`,{},()=>[v(`div`,Zt,[e.icon?(f(),p(r,{key:0,name:e.icon,class:`text-sm text-[var(--color-text-muted)]`},null,8,[`name`])):T(``,!0),v(`span`,Qt,x(e.title),1)])],!0),e.closable||t.$slots.actions?(f(),D(`div`,$t,[C(t.$slots,`actions`,{},void 0,!0),e.closable?(f(),p(i,{key:0,icon:`carbon:close`,"aria-label":`Close panel`,onClick:n[0]||=e=>t.$emit(`close`)})):T(``,!0)])):T(``,!0)])):T(``,!0),v(`div`,{class:s([`devtools-panel-content`,e.padding?`p-3`:``])},[C(t.$slots,`default`,{},void 0,!0)],2)])}}}),[[`__scopeId`,`data-v-b733b56b`]]),{__name:`DevtoolsPanel`}),tn={class:`preview-container card animate-fade-up`},nn={key:0,class:`h-full flex flex-col`},rn={class:`flex-1 flex items-center justify-center p-6 sm:p-8`},an={class:`w-full max-w-2xl`},on={key:1,class:`h-full flex flex-col`},sn={class:`text-[var(--color-text-muted)]`},cn={class:`flex-1 flex items-center justify-center p-6 sm:p-8`},ln={key:2,class:`h-full flex items-center justify-center p-6 sm:p-8`},un={key:3,class:`h-full flex items-center justify-center p-6 sm:p-8`},dn={key:0,class:`text-left w-full`},fn={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)]`},pn={key:4,class:`h-full flex items-center justify-center p-6 sm:p-8`},mn={key:0,class:`mb-4 flex flex-col items-center gap-3`},hn={class:`flex flex-wrap justify-center gap-2`},gn={key:1,class:`mb-4`},_n={key:2,class:`text-sm text-[var(--color-text-subtle)]`},vn={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`},yn={key:5,class:`h-full flex flex-col`},bn={class:`inline-code`},xn={class:`flex items-center gap-2 sm:gap-3 flex-wrap`},Sn={key:0,src:`https://takumi.kane.tw/logo.svg`,class:`w-3.5 h-3.5`,width:`14`,height:`14`,alt:``},Cn={class:`hidden sm:inline`},wn={key:0,class:`component-info hidden md:flex`},Tn={key:0},En={class:`text-[var(--color-text-muted)] hidden min-[850px]:inline`},Dn={class:`text-[var(--color-text)]`},On={key:1,class:`text-[var(--color-text)]`},kn={key:1,class:`component-info hidden md:flex`},An={class:`flex items-center gap-2`},jn={class:`devtools-production-badge`},Mn={class:`hidden sm:inline text-xs`},Nn={class:`px-3 sm:px-4 border-b border-[var(--color-border)] bg-[var(--color-surface-elevated)]`},Pn={key:3,class:`size-variant-bar`},Fn={class:`size-variant-group`},In=[`onClick`],Ln={class:`size-variant-name`},Rn={class:`size-variant-px`},zn={class:`size-variant-group`},Bn=[`onClick`],Vn={class:`size-variant-name`},Hn=[`href`],Un=[`src`],Wn=[`src`],Gn=[`src`],Kn={key:7,class:`raw-preview-wrapper`},qn={key:0,class:`raw-resize-readout`},Jn={key:8,class:`status-line`},Yn={class:`px-3 pt-2 border-b border-[var(--color-border)]`},Xn={key:0},Zn={class:`props-field`},Qn={class:`props-field-label`},$n={class:`props-field`},er={class:`props-field-label`},tr={class:`props-field`},nr={class:`props-field-label`},rr={key:1},ir={class:`props-field`},ar={class:`props-field-label`},or={key:0,class:`prop-editor`},sr={class:`prop-label`},cr=[`value`,`onInput`],lr=[`value`,`onInput`],ur=[`value`,`onChange`],dr=[`value`,`onInput`],fr={key:1,class:`prop-editor-empty`},pr={key:2,class:`fonts-tab`},mr={key:0,class:`fonts-detected`},hr={class:`fonts-detected-inner`},gr={key:1,class:`fonts-detected fonts-resolved`},_r={class:`fonts-detected-inner`},vr={key:2,class:`fonts-specimen`},yr=[`onClick`],br={class:`fonts-family-meta`},xr={key:0,class:`fonts-family-size`},Sr={class:`fonts-variants`},Cr={class:`fonts-variant-label`},wr={key:0,class:`fonts-variant-count`},Tr={key:3,class:`fonts-empty`},Er=R(u({__name:`index`,setup(e){let n=/'/g,a=/[^/]+\.vue$/,o=/^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,{globalDebug:l,isDebugLoading:u,isCustomOgImage:g,isValidDebugError:C,hasDefinedOgImage:te,fetchError:ne,aspectRatio:E,imageFormat:O,socialPreview:k,imageColorMode:A,src:j,whatsappInlineSrc:ae,socialPreviewTitle:oe,socialPreviewDescription:se,socialSiteUrl:ce,slackSocialPreviewSiteName:N,activeComponentName:P,activeComponent:fe,activeComponentRelativePath:_e,isOgImageTemplate:I,renderer:L,isComponentCompatibleWithRenderer:ye,sidePanelOpen:R,isPageScreenshot:xe,currentPageFile:Se,allImageKeys:Ce,description:we,hasMadeChanges:Ee,options:Ae,propEditor:B,ogImageKey:je,toggleSocialPreview:Me,generateLoadTime:V,openImage:Ne,openCurrentPageFile:Pe,openCurrentComponent:Fe,componentNames:Ie,ejectComponent:Le,createComponent:Re,addExistingComponent:ze,resetProps:H,updateProps:Ve,refreshSources:U}=F(),W=new Set([`colorMode`]),He=b(()=>Object.keys(B.value).filter(e=>!W.has(e)));function Ge(e,t){B.value={...B.value,[e]:t},Ve({[e]:t})}function Ke(e){return typeof e==`number`?`number`:typeof e==`string`&&o.test(e)?`color`:typeof e==`string`?`string`:`json`}let qe={satori:`logos:vercel-icon`,browser:`logos:chrome`},Je=b(()=>{let e=O.value===`jpeg`?`JPG`:O.value?.toUpperCase()||`PNG`;return`${L.value===`browser`?`Browser`:L.value===`takumi`?`Takumi`:`Satori`} - ${e}`}),Xe=[{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}],Qe={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}]},$e=y({}),et=b(()=>Qe[k.value]||[]),tt=b(()=>{let e=et.value;if(e.length)return e[$e.value[k.value]??0]?.width}),G=y(null),nt=y(!1),it=y(null),at=b(()=>!k.value),ot=b(()=>{if(at.value&&G.value)return`${G.value}px`;if(tt.value)return`${tt.value}px`}),st=b(()=>{let e=$e.value.whatsapp??0;return k.value===`whatsapp`&&e===1});function ct(e){e.preventDefault();let t=it.value;if(!t)return;nt.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(){nt.value=!1,document.removeEventListener(`pointermove`,i),document.removeEventListener(`pointerup`,a)}document.addEventListener(`pointermove`,i),document.addEventListener(`pointerup`,a)}let K=y(`meta-tags`),ut=b(()=>{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`)});re(k,e=>{!e&&K.value===`meta-tags`&&(K.value=`og-props`)});let q=b(()=>k.value===`twitter`),dt=b(()=>q.value?`Twitter`:`OG`),J=b(()=>{let e=l.value?.availableFonts||[],t=l.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}),ft=b(()=>{let e=l.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 pt(e){if(e<1024)return`${e} B`;let t=e/1024;return t<1e3?`${t.toFixed(1)} kB`:`${(t/1024).toFixed(1)} MB`}let mt=b(()=>[...new Set(J.value.map(e=>e.family))]),gt=b(()=>[...new Set(J.value.filter(e=>e.loaded).map(e=>e.family))]),Y=b(()=>l.value?.fontRequirements),_t=b(()=>{let e=Y.value?.families;if(!e?.length)return[];let t=new Set(mt.value);return e.filter(e=>!t.has(e))}),vt=b(()=>{let e=[],t=new Set;for(let n of J.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(`
-`)});z({style:b(()=>vt.value?[vt.value]:[])});let X=y(``);function yt(e){let t=X.value===e?``:e;X.value=t,Ee.value=!0,Ve({fontFamily:t||void 0})}let Z=S({ogTitle:``,twitterTitle:``,siteName:``,description:``}),Q=b(()=>k.value===`twitter`&&Z.twitterTitle?Z.twitterTitle:Z.ogTitle||oe.value),$=b(()=>Z.description||se.value),bt=b(()=>Z.siteName||N.value),St=b(()=>Z.siteName||ce.value);function Ct(e,t){Z[e]=t,Ee.value=!0}let wt=b(()=>Object.values(Z).some(Boolean)),Tt=b(()=>{let e=[];return Z.ogTitle&&e.push(`  ogTitle: '${Z.ogTitle.replace(n,`\\'`)}'`),Z.description&&e.push(`  ogDescription: '${Z.description.replace(n,`\\'`)}'`),Z.siteName&&e.push(`  ogSiteName: '${Z.siteName.replace(n,`\\'`)}'`),Z.twitterTitle&&e.push(`  twitterTitle: '${Z.twitterTitle.replace(n,`\\'`)}'`),e.length?`useSeoMeta({\n${e.join(`,
-`)}\n})`:``});function Et(){H(!0),X.value=``,Object.assign(Z,{ogTitle:``,twitterTitle:``,siteName:``,description:``})}let Dt=b(()=>{try{return new URL(he.value).hostname}catch{return he.value}});return(e,n)=>{let o=Be,y=Ue,b=We,S=Oe,re=Ye,F=ve,z=M,Me=le,H=ge,Ve=Ze,W=ke,Qe=rt,tt=lt,at=ht,vt=xt,Ot=Lt,kt=Kt,At=be,jt=De,Mt=Jt,Nt=en;return f(),D(`div`,tn,[d(me)?(f(),D(`div`,nn,[r(o,{variant:`warning`},{default:m(()=>[...n[16]||=[c(` Could not connect to devtools. Showing demo preview. `,-1)]]),_:1}),v(`div`,rn,[v(`div`,an,[r(y,{title:`My Page Title`,"aspect-ratio":1200/630},{domain:m(()=>[...n[17]||=[v(`span`,null,`From example.com`,-1)]]),default:m(()=>[n[18]||=v(`div`,{class:`w-full h-full bg-gradient-to-br from-emerald-500 to-sky-500 flex items-center justify-center`},[v(`div`,{class:`text-white text-center p-6`},[v(`div`,{class:`text-2xl sm:text-4xl font-bold mb-2`},` OG Image Preview `),v(`div`,{class:`text-sm sm:text-lg opacity-80`},` Connect devtools to see your actual image `)])],-1)]),_:1}),n[19]||=v(`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)])])])):d(g)?(f(),D(`div`,on,[r(b,{variant:`minimal`},{default:m(()=>[n[20]||=v(`span`,{class:`text-[var(--color-text-subtle)]`},`Prebuilt:`,-1),v(`code`,sn,x(d(Ae)?.url),1)]),_:1}),v(`div`,cn,[r(S,{src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])])])):d(u)?(f(),D(`div`,ln,[r(re,{icon:`carbon:image-search`,title:`Loading OG Image…`,class:`animate-pulse`})])):d(ne)?(f(),D(`div`,un,[r(re,{icon:`carbon:warning`,title:`OG Image Error`,description:d(ne).message,variant:`error`,class:`animate-scale-in`},{default:m(()=>[d(ne).stack?.length?(f(),D(`details`,dn,[n[21]||=v(`summary`,{class:`text-xs text-[var(--color-text-subtle)] cursor-pointer hover:text-[var(--color-text-muted)]`},` Stack trace `,-1),v(`pre`,fn,x(d(ne).stack.join(`
-`)),1)])):T(``,!0)]),_:1},8,[`description`])])):d(C)||!d(te)?(f(),D(`div`,pn,[r(re,{icon:`carbon:image-search`,title:`No OG Image Defined`,class:`animate-scale-in`},{description:m(()=>[n[22]||=c(` This page has no `,-1),n[23]||=v(`code`,{class:`inline-code`},`defineOgImage()`,-1),n[24]||=c(` in `,-1),r(F,{variant:`link`,class:`cursor-pointer`,onClick:d(Pe)},{default:m(()=>[c(x(d(Se)),1)]),_:1},8,[`onClick`])]),default:m(()=>[d(Ie).length?(f(),D(`div`,mn,[v(`div`,hn,[(f(!0),D(w,null,i(d(Ie),e=>(f(),p(F,{key:e.pascalName,color:`primary`,variant:`soft`,size:`sm`,onClick:t=>d(ze)(e.pascalName)},{default:m(()=>[c(x(e.pascalName),1)]),_:2},1032,[`onClick`]))),128))]),n[26]||=v(`span`,{class:`text-xs text-[var(--color-text-subtle)]`},`or`,-1),r(F,{variant:`link`,size:`xs`,class:`text-[var(--color-text-subtle)]`,onClick:n[0]||=e=>d(Re)()},{default:m(()=>[...n[25]||=[c(` Create new component `,-1)]]),_:1})])):(f(),D(`div`,gn,[r(F,{color:`primary`,size:`md`,onClick:n[1]||=e=>d(Re)()},{default:m(()=>[r(z,{name:`carbon:add`,class:`w-4 h-4`}),n[27]||=c(` Create OG Image Component `,-1)]),_:1})])),d(l)?.runtimeConfig?.hasNuxtContent?(f(),D(`div`,_n,[...n[28]||=[c(` Using Nuxt Content? See the `,-1),v(`a`,{href:`https://nuxtseo.com/docs/integrations/content`,target:`_blank`,class:`text-[var(--seo-green)] hover:underline`},`integration guide`,-1)]])):(f(),D(`a`,vn,[n[29]||=c(` Learn more `,-1),r(z,{name:`carbon:arrow-right`,class:`w-3 h-3`})]))]),_:1})])):(f(),D(`div`,yn,[d(ue)?(f(),p(o,{key:0,variant:`info`},{default:m(()=>[...n[30]||=[c(` Fallback mode: Connected to localhost:3000 `,-1)]]),_:1})):T(``,!0),d(pe)===`production`&&d(de)?(f(),p(o,{key:1,variant:`production`},{action:m(()=>[r(F,{variant:`link`,size:`xs`,onClick:n[2]||=e=>pe.value=`local`},{default:m(()=>[...n[31]||=[c(` Switch to local `,-1)]]),_:1})]),default:m(()=>[n[32]||=c(` Previewing from `,-1),v(`strong`,null,x(d(he)),1)]),_:1})):T(``,!0),!d(ye)&&d(fe)?(f(),p(o,{key:2,variant:`warning`},{default:m(()=>[n[33]||=c(` Component `,-1),v(`code`,bn,x(d(P)),1),c(` uses `+x(d(fe).renderer)+` renderer. `,1),r(Me,{to:`/templates`,class:`text-[var(--seo-green)] hover:underline ml-1`},{default:m(()=>[c(` Select a `+x(d(L))+` template `,1)]),_:1})]),_:1})):T(``,!0),r(b,null,{default:m(()=>[v(`div`,xn,[r(F,{color:`neutral`,variant:`ghost`,size:`xs`,"aria-label":`Change renderer and format`,onClick:n[3]||=e=>d(Te).start()},{default:m(()=>[d(L)===`takumi`?(f(),D(`img`,Sn)):(f(),p(z,{key:1,name:qe[d(L)]||`logos:vercel-icon`,class:`w-3.5 h-3.5`},null,8,[`name`])),v(`span`,Cn,x(Je.value),1),r(z,{name:`carbon:chevron-down`,class:`w-3 h-3 opacity-60`})]),_:1})]),d(xe)?(f(),D(`div`,kn,[...n[35]||=[v(`span`,{class:`text-[var(--color-text-subtle)]`},`Page Screenshot`,-1)]])):(f(),D(`div`,wn,[r(F,{variant:`link`,class:`component-path-link cursor-pointer`,disabled:d(I),onClick:d(Fe)},{default:m(()=>[d(_e)?(f(),D(`span`,Tn,[v(`span`,En,x(d(_e).replace(a,``)),1),v(`span`,Dn,x(d(_e).match(a)?.[0]||d(P)),1)])):(f(),D(`span`,On,x(d(P)),1))]),_:1},8,[`disabled`,`onClick`]),d(I)?(f(),p(F,{key:0,variant:`link`,size:`xs`,class:`cursor-pointer text-[var(--color-text-subtle)]`,onClick:n[4]||=e=>d(Le)(d(P))},{default:m(()=>[...n[34]||=[c(` Eject `,-1)]]),_:1})):T(``,!0)])),v(`div`,An,[d(pe)===`production`&&d(de)?(f(),p(H,{key:0,text:d(he),"delay-duration":200},{default:m(()=>[v(`span`,jn,[n[36]||=v(`span`,{class:`devtools-production-dot`},null,-1),v(`span`,Mn,x(Dt.value),1)])]),_:1},8,[`text`])):T(``,!0),d(xe)?T(``,!0):(f(),p(F,{key:1,variant:d(R)?`soft`:`ghost`,color:d(R)?`primary`:`neutral`,size:`xs`,icon:`carbon:settings-adjust`,class:`props-toggle`,onClick:n[5]||=e=>R.value=!d(R)},{default:m(()=>[...n[37]||=[v(`span`,{class:`hidden sm:inline`},`Debug`,-1)]]),_:1},8,[`variant`,`color`]))])]),_:1}),v(`div`,Nn,[r(Ve,{modelValue:d(k),"onUpdate:modelValue":n[6]||=e=>_(k)?k.value=e:null,items:Xe,content:!1,size:`xs`,variant:`link`,color:`neutral`},{leading:m(({item:e,ui:n})=>[r(z,{name:e.icon,class:s(n.leadingIcon),style:t(e.iconScale?{transform:`scale(${e.iconScale})`}:void 0)},null,8,[`name`,`class`,`style`])]),_:1},8,[`modelValue`])]),et.value.length||d(Ce).length>1?(f(),D(`div`,Pn,[et.value.length?(f(),D(w,{key:0},[n[38]||=v(`span`,{class:`size-variant-label`},`Width`,-1),v(`div`,Fn,[(f(!0),D(w,null,i(et.value,(e,t)=>(f(),D(`button`,{key:e.label,class:s([`size-variant-btn`,{active:($e.value[d(k)]??0)===t}]),onClick:e=>$e.value[d(k)]=t},[v(`span`,Ln,x(e.label),1),v(`span`,Rn,x(e.width)+`px`,1)],10,In))),128))])],64)):T(``,!0),d(Ce).length>1?(f(),D(w,{key:1},[n[39]||=v(`span`,{class:`size-variant-label`},`Image`,-1),v(`div`,zn,[(f(!0),D(w,null,i(d(Ce),e=>(f(),D(`button`,{key:e,class:s([`size-variant-btn`,{active:(d(je)||`og`)===e}]),onClick:t=>je.value=e},[v(`span`,Vn,x(e),1)],10,Bn))),128))])],64)):T(``,!0)])):T(``,!0),v(`div`,{class:s([`preview-area panel-grids`,{"preview-area--panel-open":d(R)&&!d(xe)}])},[v(`div`,{ref_key:`rawPreviewRef`,ref:it,class:s([`preview-content`,{"preview-content--no-transition":nt.value}]),style:t(ot.value?{maxWidth:ot.value}:void 0)},[d(k)===`twitter`?(f(),p(y,{key:0,title:Q.value,"aspect-ratio":d(E)},{domain:m(()=>[v(`a`,{target:`_blank`,href:d(ie)(d(ce))},`From `+x(St.value),9,Hn)]),default:m(()=>[d(O)===`html`?(f(),p(W,{key:1,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(S,{key:0,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onClick:d(Ne),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onClick`,`onRefresh`]))]),_:1},8,[`title`,`aspect-ratio`])):d(k)===`facebook`?(f(),p(Qe,{key:1},{siteName:m(()=>[c(x(St.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x($.value),1)]),default:m(()=>[d(O)===`html`?(f(),p(W,{key:1,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(S,{key:0,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):d(k)===`linkedin`?(f(),p(tt,{key:2},{siteName:m(()=>[c(x(St.value),1)]),title:m(()=>[c(x(Q.value),1)]),default:m(()=>[d(O)===`html`?(f(),p(W,{key:1,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(S,{key:0,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):d(k)===`discord`?(f(),p(at,{key:3},{siteName:m(()=>[c(x(bt.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x($.value),1)]),default:m(()=>[d(O)===`html`?(f(),p(W,{key:1,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(S,{key:0,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):d(k)===`slack`?(f(),p(vt,{key:4},{favIcon:m(()=>[v(`img`,{src:`https://www.google.com/s2/favicons?domain=${encodeURIComponent(d(ce))}&sz=30`,width:`30`,height:`30`,alt:``},null,8,Un)]),siteName:m(()=>[c(x(bt.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x($.value),1)]),default:m(()=>[d(O)===`html`?(f(),p(W,{key:1,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(S,{key:0,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):d(k)===`whatsapp`?(f(),p(Ot,{key:5,squared:st.value},h({siteName:m(()=>[c(x(bt.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x($.value),1)]),url:m(()=>[c(x(St.value),1)]),default:m(()=>[d(O)===`html`?T(``,!0):(f(),D(`img`,{key:0,src:d(j),alt:``,onLoad:n[7]||=e=>d(V)({timeTaken:`0`,sizeKb:``})},null,40,Gn))]),_:2},[d(ae)===d(j)?void 0:{name:`inlineImage`,fn:m(()=>[v(`img`,{src:d(ae),alt:``},null,8,Wn)]),key:`0`}]),1032,[`squared`])):d(k)===`bluesky`?(f(),p(kt,{key:6},{siteName:m(()=>[c(x(St.value),1)]),title:m(()=>[c(x(Q.value),1)]),description:m(()=>[c(x($.value),1)]),default:m(()=>[d(O)===`html`?(f(),p(W,{key:1,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(S,{key:0,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))]),_:1})):(f(),D(`div`,Kn,[v(`div`,{class:s([`raw-preview`,{"raw-preview--dragging":nt.value}])},[d(O)===`html`?(f(),p(W,{key:1,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`])):(f(),p(S,{key:0,src:d(j),"aspect-ratio":d(E),onLoad:d(V),onRefresh:d(U)},null,8,[`src`,`aspect-ratio`,`onLoad`,`onRefresh`]))],2),v(`div`,{class:`raw-resize-handle`,onPointerdown:ct,onDblclick:n[8]||=e=>G.value=null},[...n[40]||=[v(`div`,{class:`raw-resize-grip`},null,-1)]],32),G.value?(f(),D(`div`,qn,x(G.value)+`px `,1)):T(``,!0)])),d(we)?(f(),D(`div`,Jn,x(d(we)),1)):T(``,!0)],6)],2),r(ee,{"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:m(()=>[d(R)&&!d(xe)?(f(),p(Nt,{key:0,title:`Debug`,class:`props-panel`,onClose:n[15]||=e=>R.value=!1},{actions:m(()=>[d(Ee)?(f(),p(F,{key:0,onClick:n[9]||=e=>Et()},{default:m(()=>[...n[41]||=[c(` Reset `,-1)]]),_:1})):T(``,!0)]),default:m(()=>[v(`div`,Yn,[r(Ve,{modelValue:K.value,"onUpdate:modelValue":n[10]||=e=>K.value=e,items:ut.value,content:!1,size:`xs`,variant:`link`,color:`neutral`},null,8,[`modelValue`,`items`])]),K.value===`meta-tags`?(f(),D(`div`,Xn,[v(`div`,Zn,[v(`div`,Qn,[v(`span`,null,x(dt.value)+` Title`,1),r(H,{text:q.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:m(()=>[r(z,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(At,{"model-value":q.value?Z.twitterTitle||d(oe):Z.ogTitle||d(oe),size:`xs`,name:q.value?`twitter-title`:`og-title`,autocomplete:`off`,placeholder:q.value?`twitter:title…`:`og:title…`,"onUpdate:modelValue":n[11]||=e=>Ct(q.value?`twitterTitle`:`ogTitle`,e)},null,8,[`model-value`,`name`,`placeholder`])]),v(`div`,$n,[v(`div`,er,[v(`span`,null,x(dt.value)+` Description`,1),r(H,{text:q.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:m(()=>[r(z,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(At,{"model-value":Z.description||d(se),size:`xs`,name:q.value?`twitter-description`:`og-description`,autocomplete:`off`,placeholder:q.value?`twitter:description…`:`og:description…`,"onUpdate:modelValue":n[12]||=e=>Ct(`description`,e)},null,8,[`model-value`,`name`,`placeholder`])]),v(`div`,tr,[v(`div`,nr,[v(`span`,null,x(d(k)===`discord`?`OG Site Name`:`OG URL`),1),r(H,{text:d(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:m(()=>[r(z,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1},8,[`text`])]),r(At,{"model-value":Z.siteName||d(N),size:`xs`,name:d(k)===`discord`?`og-site-name`:`og-url`,autocomplete:`off`,placeholder:d(k)===`discord`?`og:site_name…`:`og:url…`,"onUpdate:modelValue":n[13]||=e=>Ct(`siteName`,e)},null,8,[`model-value`,`name`,`placeholder`])])])):K.value===`og-props`?(f(),D(`div`,rr,[v(`div`,ir,[v(`div`,ar,[n[42]||=v(`span`,null,`Color Mode`,-1),r(H,{text:`Changes the color mode passed to the OG image renderer.`,"delay-duration":0},{default:m(()=>[r(z,{name:`carbon:help`,class:`w-3.5 h-3.5 text-[var(--color-text-subtle)] cursor-help`})]),_:1})]),r(F,{size:`xs`,color:`neutral`,variant:`soft`,icon:d(A)===`dark`?`carbon:moon`:`carbon:sun`,onClick:n[14]||=e=>A.value=d(A)===`dark`?`light`:`dark`},{default:m(()=>[c(x(d(A)===`dark`?`Dark`:`Light`),1)]),_:1},8,[`icon`])]),He.value.length?(f(),D(`div`,or,[(f(!0),D(w,null,i(He.value,e=>(f(),D(`div`,{key:e,class:`prop-field`},[v(`label`,sr,x(e),1),Ke(d(B)[e])===`color`?(f(),D(`input`,{key:0,type:`color`,value:d(B)[e],class:`prop-input prop-input-color`,onInput:t=>Ge(e,t.target.value)},null,40,cr)):Ke(d(B)[e])===`number`?(f(),D(`input`,{key:1,type:`number`,value:d(B)[e],class:`prop-input`,onInput:t=>Ge(e,Number(t.target.value))},null,40,lr)):Ke(d(B)[e])===`json`?(f(),D(`textarea`,{key:2,value:JSON.stringify(d(B)[e],null,2),class:`prop-input prop-input-json`,rows:`3`,onChange:t=>(()=>{try{Ge(e,JSON.parse(t.target.value))}catch{}})()},null,40,ur)):(f(),D(`input`,{key:3,type:`text`,value:d(B)[e],class:`prop-input`,onInput:t=>Ge(e,t.target.value)},null,40,dr))]))),128))])):(f(),D(`div`,fr,` No props defined `))])):K.value===`fonts`?(f(),D(`div`,pr,[Y.value?(f(),D(`div`,mr,[v(`div`,hr,[n[44]||=v(`span`,{class:`fonts-detected-label`},`Detected`,-1),(f(!0),D(w,null,i(Y.value.weights,e=>(f(),D(`span`,{key:`w-${e}`,class:`fonts-chip`},x(e),1))),128)),(f(!0),D(w,null,i(Y.value.styles,e=>(f(),D(`span`,{key:`s-${e}`,class:`fonts-chip`},x(e),1))),128)),Y.value.families?.length?(f(),D(w,{key:0},[n[43]||=v(`span`,{class:`fonts-detected-sep`},null,-1),(f(!0),D(w,null,i(Y.value.families,e=>(f(),D(`span`,{key:e,class:s([`fonts-chip`,_t.value.includes(e)?`fonts-chip--error`:`fonts-chip--family`])},[_t.value.includes(e)?(f(),p(z,{key:0,name:`carbon:warning-filled`,class:`w-2.5 h-2.5 shrink-0`})):T(``,!0),c(` `+x(e),1)],2))),128))],64)):T(``,!0)])])):T(``,!0),gt.value.length?(f(),D(`div`,gr,[v(`div`,_r,[n[45]||=v(`span`,{class:`fonts-detected-label`},`Rendering`,-1),(f(!0),D(w,null,i(gt.value,e=>(f(),D(`span`,{key:e,class:`fonts-chip fonts-chip--family`},x(e),1))),128))])])):T(``,!0),J.value.length?(f(),D(`div`,vr,[(f(!0),D(w,null,i(mt.value,e=>(f(),D(w,{key:e},[v(`button`,{class:s([`fonts-family-row`,{active:X.value===e}]),onClick:t=>yt(e)},[v(`span`,{class:`fonts-family-name`,style:t({fontFamily:`'ogp-${e}', sans-serif`})},x(e),5),v(`span`,br,[ft.value.get(e)?(f(),D(`span`,xr,x(pt(ft.value.get(e))),1)):T(``,!0),X.value===e?(f(),p(z,{key:1,name:`carbon:checkmark-filled`,class:`fonts-family-check`})):T(``,!0)])],10,yr),v(`div`,Sr,[(f(!0),D(w,null,i(J.value.filter(t=>t.family===e),e=>(f(),D(`div`,{key:e.key,class:s([`fonts-variant`,{loaded:e.loaded}])},[n[46]||=v(`span`,{class:`fonts-variant-dot`},null,-1),v(`span`,Cr,x(e.weight)+x(e.style===`italic`?`i`:``),1),e.subsetCount>1?(f(),D(`span`,wr,`×`+x(e.subsetCount),1)):T(``,!0),e.subsets.length?(f(!0),D(w,{key:1},i(e.subsets,e=>(f(),D(`span`,{key:e,class:`fonts-subset-chip`},x(e),1))),128)):T(``,!0)],2))),128))])],64))),128))])):(f(),D(`div`,Tr,[...n[47]||=[c(` No fonts resolved. Install `,-1),v(`code`,{class:`inline-code`},`@nuxt/fonts`,-1),c(` to enable. `,-1)]]))])):T(``,!0),K.value===`meta-tags`&&wt.value?(f(),p(jt,{key:3,label:`useSeoMeta`,code:Tt.value,lang:`js`},null,8,[`code`])):d(Ee)&&K.value!==`meta-tags`?(f(),p(Mt,{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`})):T(``,!0)]),_:1})):T(``,!0)]),_:1})]))])}}}),[[`__scopeId`,`data-v-3517e82f`]]);export{Er as default};

package/dist/devtools/_nuxt/Ll4Fy5iv.js

@@ -1,3 +0,0 @@
-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"./D2zWjF09.js";import{Vt as _}from"./C-b6hTTf.js";import{Ct as v,D as y,jt as b,o as x}from"./Co3OAyKc.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=b(()=>{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()})}),v(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};

package/dist/devtools/_nuxt/builds/meta/05e8381a-ae36-4c96-9530-7973642e8e38.json

@@ -1 +0,0 @@
-{"id":"05e8381a-ae36-4c96-9530-7973642e8e38","timestamp":1774510319049,"prerendered":[]}