https://repovesi.fi/_nuxt/On2whR69.js

1import{R as F,S as P,T as k}from"./BI5BN1rn.js";import{N as C,r as a,e as I,I as s}from"./BA2cZanY.js";function R(A,x,p=900,w=600){const r=a("#FFFFFF"),l=a("#000000"),c=a('"Rethink Sans", sans-serif'),i=a("700"),u=a(""),g=a("none"),f=a(!1);C(async()=>{const e=getComputedStyle(document.documentElement);r.value=e.getPropertyValue("--johku-color-titlebar-text-title")?.trim()||r.value,l.value=e.getPropertyValue("--johku-color-titlebar-background")?.trim()||l.value;const t=F();g.value=t.textTransform,i.value=t.weight;const o=await P(t.stack,t.weight);c.value=o.family,i.value=o.weight,u.value=o.faceCss,f.value=!0});const d=(e,t,o=900,n=600)=>{if(!f.value){const v="data:image/gif;base64,R0lGODlhDwAKAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAPAAoAAAIKlI+py+0Po5xUFgA7";return t?`background-image:url(${v})`:v}if(!e)return"";const b=e.length>40?e.slice(0,39)+"...":e,y=o-60,h=n-60,$=`<?xml version="1.0" encoding="UTF-8"?>
2<svg width="${o}" height="${n}" xmlns="http://www.w3.org/2000/svg" crossorigin="anonymous">
3  <rect width="100%" height="100%" fill="${l.value}" />
4  <foreignObject x="30" y="30" width="${y}" height="${h}">
5    <div xmlns="http://www.w3.org/1999/xhtml">
6      <style>
7        ${u.value}
8        .container { display: flex; align-items: center; justify-content: center; width: 100%; height: ${h}px; text-align: center; overflow: hidden; }
9        .text-style { font-family: ${c.value}; font-weight: ${i.value}; font-size: 70px; text-transform: ${g.value}; color: ${r.value}; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35); line-height: 1.2; padding: 0; margin: 0; }
10      </style>
11      <div class="container">
12        <p class="text-style">${b}</p>
13      </div>
14    </div>
15  </foreignObject>
16</svg>`,m=k.Buffer.from($,"utf-8").toString("base64");return t?`background-image:url(data:image/svg+xml;base64,${m})`:`data:image/svg+xml;base64,${m}`};return{placeholder:I(()=>d(s(A),s(x),s(p),s(w))),getPlaceholder:(e,t,o=900,n=600)=>d(e,t,o,n)}}export{R as u};