@algorisys/yappydraw 0.8.297 → 0.8.298
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/chunks/{canva-ai-cwK_LwEk.js → canva-ai-wYv31lWm.js} +1 -1
- package/chunks/{choice-dialog-state-CF9ddIAk.js → choice-dialog-state-DqR_5IIZ.js} +1 -1
- package/chunks/{custgeom-N1NlyQKZ.js → custgeom-DUHYX5Vs.js} +28 -26
- package/chunks/{design-generator-DSEgwQ7i.js → design-generator-DGqLbsqR.js} +1 -1
- package/chunks/{drawing-engine-CPFaJPyz.js → drawing-engine-BCPX1hm_.js} +1 -1
- package/chunks/{drawings-store-CxGNbTN7.js → drawings-store-BJW1Dmw_.js} +1 -1
- package/chunks/{ds-operations-BTcGLr6X.js → ds-operations-Bi7WKGwN.js} +1 -1
- package/chunks/{export-game-BVjxTYD1.js → export-game-BkUpm1R8.js} +1 -1
- package/chunks/{from-yappy-kTebD-0Y.js → from-yappy-fz7AULvS.js} +175 -173
- package/chunks/{game-runtime-Ch0y0mLm.js → game-runtime-Bng0zlkA.js} +24 -24
- package/chunks/import-BvGSYTzL.js +1895 -0
- package/chunks/{index-zg1eC33A.js → index-Bqlr2FLr.js} +9325 -9170
- package/chunks/{lucide-solid-DAmszm-d.js → lucide-solid-Db2bPSrx.js} +1 -1
- package/chunks/{markdown-to-slides-CGvmGrK2.js → markdown-to-slides-D1OVYcQV.js} +1 -1
- package/chunks/{morph-animator-BQPPQ08b.js → morph-animator-DCs2sEkC.js} +1 -1
- package/chunks/{onboarding-tour-CpRCV3Ub.js → onboarding-tour-DoZ9Sivk.js} +1 -1
- package/chunks/{pdf-vector-D65OC03c.js → pdf-vector-DTgEkBKW.js} +1 -1
- package/chunks/{search-rp-eRNJ6.js → search-4gFkAhbD.js} +9 -9
- package/chunks/{slide-generator-Ctxdc9Yn.js → slide-generator-D1fy8u8B.js} +5 -5
- package/chunks/{turntable-ai-ZhAGEjzz.js → turntable-ai-C1B4jzNc.js} +1 -1
- package/chunks/write-DDXhxpu-.js +408 -0
- package/chunks/yappy-Btkc8ueG.css +1 -0
- package/package.json +1 -1
- package/yappy.js +1 -1
- package/chunks/import-eCGTFoVi.js +0 -1814
- package/chunks/write-ZW6FSyj1.js +0 -327
- package/chunks/yappy-CvwwkLs8.css +0 -1
|
@@ -0,0 +1,408 @@
|
|
|
1
|
+
import { z as be, s as Se } from "./browser-DbZP-BrN.js";
|
|
2
|
+
import { e as S, X as v, r as N, N as L, z as Ce, E as w, a as he, p as D, b as Me, c as ke, R as f, f as Le } from "./custgeom-DUHYX5Vs.js";
|
|
3
|
+
import { a1 as $e, a2 as fe, a3 as we, a4 as re } from "./index-Bqlr2FLr.js";
|
|
4
|
+
const te = "http://schemas.openxmlformats.org/drawingml/2006/chart", Fe = "http://schemas.openxmlformats.org/drawingml/2006/main", ue = "http://schemas.openxmlformats.org/officeDocument/2006/relationships", le = "http://schemas.openxmlformats.org/spreadsheetml/2006/main";
|
|
5
|
+
function ae(e) {
|
|
6
|
+
let t = "";
|
|
7
|
+
for (let n = e + 1; n > 0; n = Math.floor((n - 1) / 26)) t = String.fromCharCode(65 + (n - 1) % 26) + t;
|
|
8
|
+
return t;
|
|
9
|
+
}
|
|
10
|
+
const J = (e) => Number.isInteger(e) ? String(e) : String(Math.round(e * 1e10) / 1e10), se = (e) => /^#[0-9a-f]{6}$/i.test(e) ? e.slice(1).toUpperCase() : /^#[0-9a-f]{3}$/i.test(e) ? e.slice(1).split("").map((t) => t + t).join("").toUpperCase() : "4472C4", Q = (e) => `<c:spPr><a:solidFill><a:srgbClr val="${se(e)}"/></a:solidFill></c:spPr>`, Te = (e, t = 28575) => `<c:spPr><a:ln w="${t}" cap="rnd"><a:solidFill><a:srgbClr val="${se(e)}"/></a:solidFill><a:round/></a:ln></c:spPr>`;
|
|
11
|
+
function pe(e, t) {
|
|
12
|
+
return `<c:strRef><c:f>${S(e)}</c:f><c:strCache><c:ptCount val="${t.length}"/>` + t.map((n, s) => `<c:pt idx="${s}"><c:v>${S(n)}</c:v></c:pt>`).join("") + "</c:strCache></c:strRef>";
|
|
13
|
+
}
|
|
14
|
+
function Ie(e, t) {
|
|
15
|
+
return `<c:numRef><c:f>${S(e)}</c:f><c:numCache><c:formatCode>General</c:formatCode><c:ptCount val="${t.length}"/>` + t.map((n, s) => n === null ? "" : `<c:pt idx="${s}"><c:v>${J(n)}</c:v></c:pt>`).join("") + "</c:numCache></c:numRef>";
|
|
16
|
+
}
|
|
17
|
+
const Ee = (e) => `<c:dLbls><c:showLegendKey val="0"/><c:showVal val="${e ? 0 : 1}"/><c:showCatName val="0"/><c:showSerName val="0"/><c:showPercent val="${e ? 1 : 0}"/><c:showBubbleSize val="0"/></c:dLbls>`;
|
|
18
|
+
function _e(e) {
|
|
19
|
+
const t = $e(e), s = t.categories.length + 1, r = fe(t.kind), l = r ? t.series.slice(0, 1) : t.series, c = `<c:cat>${pe(`Sheet1!$A$2:$A$${s}`, t.categories)}</c:cat>`, i = l.map((A, I) => {
|
|
20
|
+
const F = ae(I + 1), R = we(t, I), E = `<c:idx val="${I}"/><c:order val="${I}"/><c:tx>${pe(`Sheet1!$${F}$1`, [A.name])}</c:tx>`, a = `<c:val>${Ie(`Sheet1!$${F}$2:$${F}$${s}`, A.values)}</c:val>`;
|
|
21
|
+
switch (t.kind) {
|
|
22
|
+
case "line":
|
|
23
|
+
return `<c:ser>${E}${Te(R)}<c:marker><c:symbol val="circle"/><c:size val="5"/>${Q(R)}</c:marker>${c}${a}<c:smooth val="0"/></c:ser>`;
|
|
24
|
+
case "area":
|
|
25
|
+
return `<c:ser>${E}${Q(R)}${c}${a}</c:ser>`;
|
|
26
|
+
case "pie":
|
|
27
|
+
case "doughnut": {
|
|
28
|
+
const o = t.categories.map((d, m) => `<c:dPt><c:idx val="${m}"/><c:bubble3D val="0"/><c:spPr><a:solidFill><a:srgbClr val="${se(re[m % re.length])}"/></a:solidFill><a:ln w="19050"><a:solidFill><a:srgbClr val="FFFFFF"/></a:solidFill></a:ln></c:spPr></c:dPt>`).join("");
|
|
29
|
+
return `<c:ser>${E}${o}${c}${a}</c:ser>`;
|
|
30
|
+
}
|
|
31
|
+
default:
|
|
32
|
+
return `<c:ser>${E}${Q(R)}<c:invertIfNegative val="0"/>${c}${a}</c:ser>`;
|
|
33
|
+
}
|
|
34
|
+
}).join(""), $ = t.dataLabels ? Ee(r) : "", p = '<c:axId val="500000001"/><c:axId val="500000002"/>';
|
|
35
|
+
let u;
|
|
36
|
+
switch (t.kind) {
|
|
37
|
+
case "column":
|
|
38
|
+
case "bar":
|
|
39
|
+
u = `<c:barChart><c:barDir val="${t.kind === "bar" ? "bar" : "col"}"/><c:grouping val="${t.stacked ? "stacked" : "clustered"}"/><c:varyColors val="0"/>${i}${$}<c:gapWidth val="${t.stacked ? 60 : 150}"/>${t.stacked ? '<c:overlap val="100"/>' : ""}${p}</c:barChart>`;
|
|
40
|
+
break;
|
|
41
|
+
case "line":
|
|
42
|
+
u = `<c:lineChart><c:grouping val="${t.stacked ? "stacked" : "standard"}"/><c:varyColors val="0"/>${i}${$}<c:marker val="1"/>${p}</c:lineChart>`;
|
|
43
|
+
break;
|
|
44
|
+
case "area":
|
|
45
|
+
u = `<c:areaChart><c:grouping val="${t.stacked ? "stacked" : "standard"}"/><c:varyColors val="0"/>${i}${$}${p}</c:areaChart>`;
|
|
46
|
+
break;
|
|
47
|
+
case "pie":
|
|
48
|
+
u = `<c:pieChart><c:varyColors val="1"/>${i}${$}<c:firstSliceAng val="0"/></c:pieChart>`;
|
|
49
|
+
break;
|
|
50
|
+
default:
|
|
51
|
+
u = `<c:doughnutChart><c:varyColors val="1"/>${i}${$}<c:firstSliceAng val="0"/><c:holeSize val="50"/></c:doughnutChart>`;
|
|
52
|
+
}
|
|
53
|
+
const g = t.kind === "bar", x = '<c:txPr><a:bodyPr/><a:lstStyle/><a:p><a:pPr><a:defRPr sz="1200"><a:solidFill><a:srgbClr val="595959"/></a:solidFill></a:defRPr></a:pPr><a:endParaRPr lang="en-US"/></a:p></c:txPr>', P = r ? "" : `<c:catAx><c:axId val="500000001"/><c:scaling><c:orientation val="minMax"/></c:scaling><c:delete val="0"/><c:axPos val="${g ? "l" : "b"}"/><c:numFmt formatCode="General" sourceLinked="1"/><c:majorTickMark val="none"/><c:minorTickMark val="none"/><c:tickLblPos val="nextTo"/><c:spPr><a:ln w="9525"><a:solidFill><a:srgbClr val="BFBFBF"/></a:solidFill></a:ln></c:spPr>${x}<c:crossAx val="500000002"/><c:crosses val="autoZero"/><c:auto val="1"/><c:lblAlgn val="ctr"/><c:lblOffset val="100"/><c:noMultiLvlLbl val="0"/></c:catAx><c:valAx><c:axId val="500000002"/><c:scaling><c:orientation val="minMax"/>` + (t.yMax !== void 0 ? `<c:max val="${J(t.yMax)}"/>` : "") + (t.yMin !== void 0 ? `<c:min val="${J(t.yMin)}"/>` : "") + `</c:scaling><c:delete val="0"/><c:axPos val="${g ? "b" : "l"}"/>` + (t.gridlines !== !1 ? '<c:majorGridlines><c:spPr><a:ln w="9525"><a:solidFill><a:srgbClr val="E5E7EB"/></a:solidFill></a:ln></c:spPr></c:majorGridlines>' : "") + `<c:numFmt formatCode="General" sourceLinked="1"/><c:majorTickMark val="none"/><c:minorTickMark val="none"/><c:tickLblPos val="nextTo"/><c:spPr><a:ln><a:noFill/></a:ln></c:spPr>${x}<c:crossAx val="500000001"/><c:crosses val="autoZero"/><c:crossBetween val="${t.kind === "area" ? "midCat" : "between"}"/></c:valAx>`, k = t.title ? `<c:title><c:tx><c:rich><a:bodyPr/><a:lstStyle/><a:p><a:pPr><a:defRPr sz="1800" b="1"/></a:pPr><a:r><a:rPr lang="en-US" sz="1800" b="1"/><a:t>${S(t.title)}</a:t></a:r></a:p></c:rich></c:tx><c:overlay val="0"/></c:title><c:autoTitleDeleted val="0"/>` : '<c:autoTitleDeleted val="1"/>', b = { right: "r", bottom: "b", top: "t" }[t.legend], B = b ? `<c:legend><c:legendPos val="${b}"/><c:overlay val="0"/>${x}</c:legend>` : "";
|
|
54
|
+
return v + `<c:chartSpace xmlns:c="${te}" xmlns:a="${Fe}" xmlns:r="${ue}"><c:date1904 val="0"/><c:roundedCorners val="0"/><c:chart>${k}<c:plotArea><c:layout/>${u}${P}</c:plotArea>${B}<c:plotVisOnly val="1"/><c:dispBlanksAs val="gap"/></c:chart><c:spPr><a:noFill/><a:ln><a:noFill/></a:ln></c:spPr><c:externalData r:id="rId1"><c:autoUpdate val="0"/></c:externalData></c:chartSpace>`;
|
|
55
|
+
}
|
|
56
|
+
function Re(e) {
|
|
57
|
+
const t = $e(e), n = fe(t.kind) ? t.series.slice(0, 1) : t.series, s = (c, i) => `<c r="${c}" t="inlineStr"><is><t>${S(i)}</t></is></c>`, r = [
|
|
58
|
+
`<row r="1">${s("A1", "")}${n.map((c, i) => s(`${ae(i + 1)}1`, c.name)).join("")}</row>`,
|
|
59
|
+
...t.categories.map((c, i) => `<row r="${i + 2}">${s(`A${i + 2}`, c)}` + n.map(($, p) => $.values[i] === null ? "" : `<c r="${ae(p + 1)}${i + 2}"><v>${J($.values[i])}</v></c>`).join("") + "</row>")
|
|
60
|
+
], l = {
|
|
61
|
+
"[Content_Types].xml": v + '<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/><Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/></Types>',
|
|
62
|
+
"_rels/.rels": v + '<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>',
|
|
63
|
+
"xl/workbook.xml": v + `<workbook xmlns="${le}" xmlns:r="${ue}"><sheets><sheet name="Sheet1" sheetId="1" r:id="rId1"/></sheets></workbook>`,
|
|
64
|
+
"xl/_rels/workbook.xml.rels": v + '<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet1.xml"/></Relationships>',
|
|
65
|
+
"xl/worksheets/sheet1.xml": v + `<worksheet xmlns="${le}"><sheetData>${r.join("")}</sheetData></worksheet>`
|
|
66
|
+
};
|
|
67
|
+
return be(Object.fromEntries(Object.entries(l).map(([c, i]) => [c, Se(i)])));
|
|
68
|
+
}
|
|
69
|
+
const Y = 914400, H = 51206400, Ne = "http://schemas.microsoft.com/office/powerpoint/2015/09/main", _ = `xmlns:a="${L.a}" xmlns:r="${L.r}" xmlns:p="${L.p}"`, M = {
|
|
70
|
+
presentation: "application/vnd.openxmlformats-officedocument.presentationml.presentation.main+xml",
|
|
71
|
+
slide: "application/vnd.openxmlformats-officedocument.presentationml.slide+xml",
|
|
72
|
+
slideLayout: "application/vnd.openxmlformats-officedocument.presentationml.slideLayout+xml",
|
|
73
|
+
slideMaster: "application/vnd.openxmlformats-officedocument.presentationml.slideMaster+xml",
|
|
74
|
+
theme: "application/vnd.openxmlformats-officedocument.theme+xml",
|
|
75
|
+
presProps: "application/vnd.openxmlformats-officedocument.presentationml.presProps+xml",
|
|
76
|
+
viewProps: "application/vnd.openxmlformats-officedocument.presentationml.viewProps+xml",
|
|
77
|
+
tableStyles: "application/vnd.openxmlformats-officedocument.presentationml.tableStyles+xml",
|
|
78
|
+
notesMaster: "application/vnd.openxmlformats-officedocument.presentationml.notesMaster+xml",
|
|
79
|
+
notesSlide: "application/vnd.openxmlformats-officedocument.presentationml.notesSlide+xml",
|
|
80
|
+
chart: "application/vnd.openxmlformats-officedocument.drawingml.chart+xml",
|
|
81
|
+
core: "application/vnd.openxmlformats-package.core-properties+xml",
|
|
82
|
+
app: "application/vnd.openxmlformats-officedocument.extended-properties+xml"
|
|
83
|
+
}, Ae = {
|
|
84
|
+
png: "image/png",
|
|
85
|
+
jpeg: "image/jpeg",
|
|
86
|
+
gif: "image/gif",
|
|
87
|
+
svg: "image/svg+xml",
|
|
88
|
+
bmp: "image/bmp",
|
|
89
|
+
tiff: "image/tiff",
|
|
90
|
+
webp: "image/webp",
|
|
91
|
+
emf: "image/x-emf",
|
|
92
|
+
wmf: "image/x-wmf"
|
|
93
|
+
}, oe = (e) => {
|
|
94
|
+
const t = String(e || "").replace("#", "").toLowerCase();
|
|
95
|
+
return /^[0-9a-f]{6}$/.test(t) ? t.toUpperCase() : "000000";
|
|
96
|
+
}, j = (e) => {
|
|
97
|
+
const t = e.alpha;
|
|
98
|
+
return t !== void 0 && t < 1 ? `<a:srgbClr val="${oe(e.hex)}"><a:alpha val="${D(t)}"/></a:srgbClr>` : `<a:srgbClr val="${oe(e.hex)}"/>`;
|
|
99
|
+
}, ce = (e) => {
|
|
100
|
+
const t = [...e].sort((s, r) => s.pos - r.pos);
|
|
101
|
+
return "<a:gsLst>" + (t.length === 1 ? [{ ...t[0], pos: 0 }, { ...t[0], pos: 1 }] : t).map((s) => `<a:gs pos="${D(s.pos)}">${j(s.color)}</a:gs>`).join("") + "</a:gsLst>";
|
|
102
|
+
};
|
|
103
|
+
function xe(e) {
|
|
104
|
+
if (!e || e.kind === "none") return "<a:noFill/>";
|
|
105
|
+
switch (e.kind) {
|
|
106
|
+
case "solid":
|
|
107
|
+
return `<a:solidFill>${j(e.color)}</a:solidFill>`;
|
|
108
|
+
case "linear":
|
|
109
|
+
return e.stops.length === 0 ? "<a:noFill/>" : `<a:gradFill rotWithShape="1">${ce(e.stops)}<a:lin ang="${he(e.angle)}" scaled="${e.scaled ? 1 : 0}"/></a:gradFill>`;
|
|
110
|
+
case "radial":
|
|
111
|
+
return e.stops.length === 0 ? "<a:noFill/>" : `<a:gradFill rotWithShape="1">${ce(e.stops)}<a:path path="circle"><a:fillToRect l="50000" t="50000" r="50000" b="50000"/></a:path></a:gradFill>`;
|
|
112
|
+
case "image":
|
|
113
|
+
return "<a:noFill/>";
|
|
114
|
+
// import-only paint; the exporter never produces it
|
|
115
|
+
case "pattern":
|
|
116
|
+
return `<a:pattFill prst="${S(e.preset)}"><a:fgClr>${j(e.color)}</a:fgClr><a:bgClr>${e.bg ? j(e.bg) : '<a:srgbClr val="FFFFFF"><a:alpha val="0"/></a:srgbClr>'}</a:bgClr></a:pattFill>`;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
function ge(e, t) {
|
|
120
|
+
if (!e || !(e.width > 0)) return "<a:ln><a:noFill/></a:ln>";
|
|
121
|
+
let s = `<a:ln w="${Math.max(0, Math.min(20116800, Math.round(e.width * t * w)))}"${e.cap ? ` cap="${e.cap}"` : ""}><a:solidFill>${j(e.color)}</a:solidFill>`;
|
|
122
|
+
e.dash && (s += `<a:prstDash val="${S(e.dash)}"/>`), e.join === "round" ? s += "<a:round/>" : e.join === "bevel" ? s += "<a:bevel/>" : e.join === "miter" && (s += '<a:miter lim="800000"/>');
|
|
123
|
+
const r = (l, c) => c ? `<a:${l} type="${c.type}" w="${c.size ?? "med"}" len="${c.size ?? "med"}"/>` : "";
|
|
124
|
+
return s += r("headEnd", e.head) + r("tailEnd", e.tail), s + "</a:ln>";
|
|
125
|
+
}
|
|
126
|
+
function ee(e, t, n = "a:rPr") {
|
|
127
|
+
const s = ['lang="en-US"'];
|
|
128
|
+
e.size && s.push(`sz="${Le(e.size * t)}"`), e.bold !== void 0 && s.push(`b="${e.bold ? 1 : 0}"`), e.italic !== void 0 && s.push(`i="${e.italic ? 1 : 0}"`), e.underline && s.push('u="sng"'), e.strike && s.push('strike="sngStrike"'), s.push('dirty="0"');
|
|
129
|
+
let r = "";
|
|
130
|
+
if (e.color && (r += `<a:solidFill>${j(e.color)}</a:solidFill>`), e.font) {
|
|
131
|
+
const l = S(e.font);
|
|
132
|
+
r += `<a:latin typeface="${l}"/><a:ea typeface="${l}"/><a:cs typeface="${l}"/>`;
|
|
133
|
+
}
|
|
134
|
+
return r ? `<${n} ${s.join(" ")}>${r}</${n}>` : `<${n} ${s.join(" ")}/>`;
|
|
135
|
+
}
|
|
136
|
+
const De = 20, je = /* @__PURE__ */ new Set(["•", "–", "—", "-", "»", "›", ">", "*", "+", "·"]), Be = /^(alphaLc|alphaUc|arabic|romanLc|romanUc)(ParenBoth|ParenR|Period|Plain)$/;
|
|
137
|
+
function Oe(e, t, n) {
|
|
138
|
+
const s = Math.max(0, Math.min(8, e.level ?? 0)), r = [];
|
|
139
|
+
e.align && r.push(`algn="${e.align}"`);
|
|
140
|
+
let l = "";
|
|
141
|
+
t.lineSpacing && Math.abs(t.lineSpacing - 1) > 1e-3 && (l += `<a:lnSpc><a:spcPct val="${Math.round(Math.max(0.1, Math.min(13.2, t.lineSpacing)) * 1e5)}"/></a:lnSpc>`);
|
|
142
|
+
const c = (g, x) => x && x > 0 ? `<a:${g}><a:spcPts val="${Math.round(Math.min(1584, x * n * 0.75) * 100)}"/></a:${g}>` : "";
|
|
143
|
+
if (l += c("spcBef", e.spaceBefore) + c("spcAft", e.spaceAfter), e.bullet) {
|
|
144
|
+
const g = De * n * w, x = e.marL !== void 0 ? e.marL * n * w : g * (s + 1), C = e.indent !== void 0 ? e.indent * n * w : -g, P = (k, b) => Math.round(Math.max(b, Math.min(51206400, k)));
|
|
145
|
+
if (r.push(`marL="${P(x, 0)}" indent="${P(C, -51206400)}"`), s && r.push(`lvl="${s}"`), e.bulletColor && (l += `<a:buClr>${j(e.bulletColor)}</a:buClr>`), e.bulletScale && Math.abs(e.bulletScale - 1) > 1e-3 && (l += `<a:buSzPct val="${Math.round(Math.max(0.25, Math.min(4, e.bulletScale)) * 1e5)}"/>`), e.bullet === "num") {
|
|
146
|
+
const k = e.numType && Be.test(e.numType) ? e.numType : "arabicPeriod", b = e.startAt && e.startAt > 1 ? ` startAt="${Math.min(32767, Math.round(e.startAt))}"` : "";
|
|
147
|
+
l += `<a:buFont typeface="+mj-lt"/><a:buAutoNum type="${k}"${b}/>`;
|
|
148
|
+
} else {
|
|
149
|
+
const k = e.bulletChar || "•";
|
|
150
|
+
l += `<a:buFont typeface="${je.has(k) ? "Arial" : "Segoe UI Symbol"}"/><a:buChar char="${S(k)}"/>`;
|
|
151
|
+
}
|
|
152
|
+
} else
|
|
153
|
+
s && r.push(`lvl="${s}"`), l += "<a:buNone/>";
|
|
154
|
+
const i = `<a:pPr${r.length ? " " + r.join(" ") : ""}>${l}</a:pPr>`, $ = t.defaults ?? {};
|
|
155
|
+
let p = "";
|
|
156
|
+
for (const g of e.runs) {
|
|
157
|
+
const x = { ...$, ...ze(g) };
|
|
158
|
+
if (g.br) {
|
|
159
|
+
p += `<a:br>${ee(x, n)}</a:br>`;
|
|
160
|
+
continue;
|
|
161
|
+
}
|
|
162
|
+
g.text && (p += `<a:r>${ee(x, n)}<a:t>${S(g.text)}</a:t></a:r>`);
|
|
163
|
+
}
|
|
164
|
+
const u = e.endSize ?? $.size;
|
|
165
|
+
return `<a:p>${i}${p}${ee({ ...$, size: u }, n, "a:endParaRPr")}</a:p>`;
|
|
166
|
+
}
|
|
167
|
+
const ze = (e) => Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0));
|
|
168
|
+
function Xe(e, t, n = "p:txBody") {
|
|
169
|
+
if (!e) return "";
|
|
170
|
+
const s = (c) => Math.max(0, Math.round(c * t * w)), r = `<a:bodyPr wrap="${e.wrap ? "square" : "none"}" lIns="${s(e.insets.l)}" tIns="${s(e.insets.t)}" rIns="${s(e.insets.r)}" bIns="${s(e.insets.b)}" anchor="${e.anchor}" rtlCol="0"><a:noAutofit/></a:bodyPr>`, l = e.paragraphs.length ? e.paragraphs : [{ runs: [] }];
|
|
171
|
+
return `<${n}>${r}<a:lstStyle/>${l.map((c) => Oe(c, e, t)).join("")}</${n}>`;
|
|
172
|
+
}
|
|
173
|
+
const ve = (e, t, n) => e.kind === "preset" ? Me(e.prst, e.adj) : ke(e.paths, t, n), Ge = { next: "nextslide", previous: "previousslide", first: "firstslide", last: "lastslide", end: "endshow" };
|
|
174
|
+
function Ue(e, t) {
|
|
175
|
+
if (!e) return "";
|
|
176
|
+
const n = (r, l, c) => {
|
|
177
|
+
const i = t.rels.find((p) => p.type === r && p.target === l);
|
|
178
|
+
if (i) return i.id;
|
|
179
|
+
const $ = `rId${t.rels.length + 1}`;
|
|
180
|
+
return t.rels.push({ id: $, type: r, target: l, external: c }), $;
|
|
181
|
+
};
|
|
182
|
+
if (e.kind === "url") return `<a:hlinkClick r:id="${n(f.hyperlink, e.url, !0)}"/>`;
|
|
183
|
+
if (e.kind === "action") return `<a:hlinkClick r:id="" action="ppaction://hlinkshowjump?jump=${Ge[e.action]}"/>`;
|
|
184
|
+
const s = t.slideNumber?.(e.key);
|
|
185
|
+
return s ? `<a:hlinkClick r:id="${n(f.slide, `slide${s}.xml`)}" action="ppaction://hlinksldjump"/>` : "";
|
|
186
|
+
}
|
|
187
|
+
const V = (e, t, n = "a:xfrm", s = !1) => {
|
|
188
|
+
const r = Math.round((e.x * t.s + t.dx) * w), l = Math.round((e.y * t.s + t.dy) * w), c = Math.max(0, Math.round(Math.abs(e.w) * t.s * w)), i = Math.max(0, Math.round(Math.abs(e.h) * t.s * w)), $ = [
|
|
189
|
+
e.rot ? `rot="${he(e.rot)}"` : "",
|
|
190
|
+
e.flipH ? 'flipH="1"' : "",
|
|
191
|
+
e.flipV ? 'flipV="1"' : ""
|
|
192
|
+
].filter(Boolean).join(" "), p = s ? `<a:chOff x="${r}" y="${l}"/><a:chExt cx="${c}" cy="${i}"/>` : "";
|
|
193
|
+
return `<${n}${$ ? " " + $ : ""}><a:off x="${r}" y="${l}"/><a:ext cx="${c}" cy="${i}"/>${p}</${n}>`;
|
|
194
|
+
}, W = (e, t, n) => {
|
|
195
|
+
const s = `<p:cNvPr id="${e.id}" name="${S(e.name)}"${n ? ` descr="${S(n)}"` : ""}`, r = Ue(e.link, t);
|
|
196
|
+
return r ? `${s}>${r}</p:cNvPr>` : `${s}/>`;
|
|
197
|
+
};
|
|
198
|
+
function He(e, t) {
|
|
199
|
+
const n = `<p:nvSpPr>${W(e, t)}<p:cNvSpPr${e.textBox ? ' txBox="1"' : ""}/><p:nvPr/></p:nvSpPr>`, s = `<p:spPr>${V(e, t)}${ve(e.geom, e.w, e.h)}${xe(e.fill)}${ge(e.line, t.s)}</p:spPr>`, r = e.text ? Xe(e.text, t.s) : '<p:txBody><a:bodyPr rtlCol="0" anchor="ctr"/><a:lstStyle/><a:p><a:pPr algn="ctr"/><a:endParaRPr lang="en-US" dirty="0"/></a:p></p:txBody>';
|
|
200
|
+
return `<p:sp>${n}${s}${r}</p:sp>`;
|
|
201
|
+
}
|
|
202
|
+
function Ve(e, t) {
|
|
203
|
+
const n = (r, l) => l ? `<a:${r} id="${l.id}" idx="${l.idx}"/>` : "";
|
|
204
|
+
return `<p:cxnSp>${`<p:nvCxnSpPr>${W(e, t)}<p:cNvCxnSpPr>${n("stCxn", e.start)}${n("endCxn", e.end)}</p:cNvCxnSpPr><p:nvPr/></p:nvCxnSpPr>`}<p:spPr>${V(e, t)}${ve(e.geom, e.w, e.h)}<a:noFill/>${ge(e.line, t.s)}</p:spPr></p:cxnSp>`;
|
|
205
|
+
}
|
|
206
|
+
function We(e, t) {
|
|
207
|
+
const n = t.media(e.media), s = `<p:nvPicPr>${W(e, t, e.descr)}<p:cNvPicPr><a:picLocks noChangeAspect="1"/></p:cNvPicPr><p:nvPr/></p:nvPicPr>`, r = e.alpha !== void 0 && e.alpha < 1 ? `<a:alphaModFix amt="${D(e.alpha)}"/>` : "", l = e.crop, c = l ? `<a:srcRect l="${D(l.l)}" t="${D(l.t)}" r="${D(l.r)}" b="${D(l.b)}"/>` : "", i = `<p:blipFill><a:blip r:embed="${n}">${r}</a:blip>${c}<a:stretch><a:fillRect/></a:stretch></p:blipFill>`;
|
|
208
|
+
return `<p:pic>${s}${i}<p:spPr>${V(e, t)}<a:prstGeom prst="rect"><a:avLst/></a:prstGeom></p:spPr></p:pic>`;
|
|
209
|
+
}
|
|
210
|
+
function qe(e, t) {
|
|
211
|
+
return `<p:grpSp>${`<p:nvGrpSpPr>${W(e, t)}<p:cNvGrpSpPr/><p:nvPr/></p:nvGrpSpPr>`}<p:grpSpPr>${V(e, t, "a:xfrm", !0)}</p:grpSpPr>${e.children.map((s) => ye(s, t)).join("")}</p:grpSp>`;
|
|
212
|
+
}
|
|
213
|
+
function Ye(e, t) {
|
|
214
|
+
const n = t.chart?.(e.chart);
|
|
215
|
+
return n ? `<p:graphicFrame><p:nvGraphicFramePr>${W(e, t)}<p:cNvGraphicFramePr><a:graphicFrameLocks noGrp="1"/></p:cNvGraphicFramePr><p:nvPr/></p:nvGraphicFramePr>` + V(e, t, "p:xfrm") + `<a:graphic><a:graphicData uri="${te}"><c:chart xmlns:c="${te}" r:id="${n}"/></a:graphicData></a:graphic></p:graphicFrame>` : "";
|
|
216
|
+
}
|
|
217
|
+
function ye(e, t) {
|
|
218
|
+
switch (e.kind) {
|
|
219
|
+
case "chart":
|
|
220
|
+
return Ye(e, t);
|
|
221
|
+
case "shape":
|
|
222
|
+
return He(e, t);
|
|
223
|
+
case "connector":
|
|
224
|
+
return Ve(e, t);
|
|
225
|
+
case "picture":
|
|
226
|
+
return We(e, t);
|
|
227
|
+
case "group":
|
|
228
|
+
return e.children.length ? qe(e, t) : "";
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
const q = '<p:nvGrpSpPr><p:cNvPr id="1" name=""/><p:cNvGrpSpPr/><p:nvPr/></p:nvGrpSpPr><p:grpSpPr><a:xfrm><a:off x="0" y="0"/><a:ext cx="0" cy="0"/><a:chOff x="0" y="0"/><a:chExt cx="0" cy="0"/></a:xfrm></p:grpSpPr>';
|
|
232
|
+
function Ze(e, t) {
|
|
233
|
+
const n = t && t > 0 ? ` advTm="${Math.round(t)}"` : "";
|
|
234
|
+
if (!e) return n ? `<mc:AlternateContent xmlns:mc="${L.mc}"><mc:Choice xmlns:p14="${L.p14}" Requires="p14"><p:transition spd="fast" p14:dur="0"${n}/></mc:Choice><mc:Fallback><p:transition spd="fast"${n}/></mc:Fallback></mc:AlternateContent>` : "";
|
|
235
|
+
const s = Math.max(0, Math.min(6e4, Math.round(e.durationMs))), r = s <= 600 ? "fast" : s <= 900 ? "med" : "slow", l = e.kind === "push" ? `<p:push dir="${e.dir ?? "l"}"/>` : e.kind === "zoom" ? `<p:zoom dir="${e.zoomIn === !1 ? "out" : "in"}"/>` : "<p:fade/>";
|
|
236
|
+
return e.kind === "morph" ? `<mc:AlternateContent xmlns:mc="${L.mc}"><mc:Choice xmlns:p159="${Ne}" xmlns:p14="${L.p14}" Requires="p159"><p:transition spd="${r}" p14:dur="${s}"${n}><p159:morph option="byObject"/></p:transition></mc:Choice><mc:Fallback><p:transition spd="${r}"${n}><p:fade/></p:transition></mc:Fallback></mc:AlternateContent>` : `<mc:AlternateContent xmlns:mc="${L.mc}"><mc:Choice xmlns:p14="${L.p14}" Requires="p14"><p:transition spd="${r}" p14:dur="${s}"${n}>${l}</p:transition></mc:Choice><mc:Fallback><p:transition spd="${r}"${n}>${l}</p:transition></mc:Fallback></mc:AlternateContent>`;
|
|
237
|
+
}
|
|
238
|
+
const Je = { l: ["0-#ppt_w/2", "#ppt_y"], r: ["1+#ppt_w/2", "#ppt_y"], t: ["#ppt_x", "0-#ppt_h/2"], b: ["#ppt_x", "1+#ppt_h/2"] }, Ke = { l: "wipe(right)", r: "wipe(left)", t: "wipe(down)", b: "wipe(up)" };
|
|
239
|
+
function Qe(e, t) {
|
|
240
|
+
if (!e.length) return "";
|
|
241
|
+
let n = 0;
|
|
242
|
+
const s = () => ++n, r = (a) => `<p:tgtEl><p:spTgt spid="${a}"/></p:tgtEl>`, l = (a, o, d = [], m, h) => `<p:cBhvr${h ? ` additive="${h}"` : ""}>` + (m !== void 0 ? `<p:cTn id="${s()}" dur="${Math.max(1, o)}" fill="hold"><p:stCondLst><p:cond delay="${m}"/></p:stCondLst></p:cTn>` : `<p:cTn id="${s()}" dur="${Math.max(1, o)}" fill="hold"/>`) + r(a.target) + (d.length ? `<p:attrNameLst>${d.map((y) => `<p:attrName>${y}</p:attrName>`).join("")}</p:attrNameLst>` : "") + "</p:cBhvr>", c = (a, o, d) => `<p:set>${l(a, 1, ["style.visibility"], o)}<p:to><p:strVal val="${d ? "visible" : "hidden"}"/></p:to></p:set>`, i = (a, o, d, m, h) => `<p:anim calcmode="lin" valueType="num">${l(a, o, [d], void 0, "base")}<p:tavLst><p:tav tm="0"><p:val><p:strVal val="${m}"/></p:val></p:tav><p:tav tm="100000"><p:val><p:strVal val="${h}"/></p:val></p:tav></p:tavLst></p:anim>`, $ = (a, o, d, m) => `<p:animEffect transition="${m ? "out" : "in"}" filter="${d}">${l(a, o)}</p:animEffect>`, p = (a, o, d) => `<p:animRot by="${Math.round(Math.max(-36e3, Math.min(36e3, d)) * 6e4)}">${l(a, o, ["r"])}</p:animRot>`, u = (a, o, d) => `<p:animScale>${l(a, o)}<p:by x="${d * 1e3}" y="${d * 1e3}"/></p:animScale>`, g = (a) => {
|
|
243
|
+
const o = Math.max(1, Math.min(36e5, a.durationMs)), d = a.dir ?? "b";
|
|
244
|
+
if (a.cls === "emph")
|
|
245
|
+
return a.effect === "spin" ? p(a, o, a.degrees ?? 360) : a.effect === "teeter" ? p(a, o, 4) : u(a, o, a.effect === "growShrink" ? 150 : 105);
|
|
246
|
+
const m = a.cls === "exit";
|
|
247
|
+
let h = m ? "" : c(a, 0, !0);
|
|
248
|
+
switch (a.effect) {
|
|
249
|
+
case "appear":
|
|
250
|
+
break;
|
|
251
|
+
case "fly": {
|
|
252
|
+
const [y, O] = Je[d];
|
|
253
|
+
h += m ? i(a, o, "ppt_x", "#ppt_x", y) + i(a, o, "ppt_y", "#ppt_y", O) : i(a, o, "ppt_x", y, "#ppt_x") + i(a, o, "ppt_y", O, "#ppt_y");
|
|
254
|
+
break;
|
|
255
|
+
}
|
|
256
|
+
case "zoom":
|
|
257
|
+
case "grow":
|
|
258
|
+
case "spinner":
|
|
259
|
+
case "bounce":
|
|
260
|
+
case "swivel": {
|
|
261
|
+
const y = a.effect === "swivel" ? i(a, o, "ppt_w", m ? "#ppt_w" : "0", m ? "0" : "#ppt_w") : i(a, o, "ppt_w", m ? "#ppt_w" : "0", m ? "0" : "#ppt_w") + i(a, o, "ppt_h", m ? "#ppt_h" : "0", m ? "0" : "#ppt_h");
|
|
262
|
+
h += y, a.effect === "spinner" && (h += p(a, o, m ? -360 : 360)), h += $(a, o, "fade", m);
|
|
263
|
+
break;
|
|
264
|
+
}
|
|
265
|
+
case "wipe":
|
|
266
|
+
h += $(a, o, Ke[a.dir ?? "l"], m);
|
|
267
|
+
break;
|
|
268
|
+
default:
|
|
269
|
+
h += $(a, o, "fade", m);
|
|
270
|
+
}
|
|
271
|
+
return m ? h + c(a, a.effect === "appear" ? 0 : o - 1, !1) : h;
|
|
272
|
+
}, x = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map();
|
|
273
|
+
for (const a of e) {
|
|
274
|
+
const o = x.get(a.target) ?? 0;
|
|
275
|
+
C.set(a, o), x.set(a.target, o + 1);
|
|
276
|
+
}
|
|
277
|
+
const P = (a) => {
|
|
278
|
+
const o = a.start === "click" ? "clickEffect" : a.start === "with" ? "withEffect" : "afterEffect", d = a.repeat === -1 ? ' repeatCount="indefinite"' : a.repeat && a.repeat > 1 ? ` repeatCount="${Math.min(1e4, a.repeat) * 1e3}"` : "", m = a.cls === "emph" && (a.effect === "pulse" || a.effect === "growShrink") ? ' autoRev="1"' : "";
|
|
279
|
+
return `<p:par><p:cTn id="${s()}" presetID="${a.presetId}" presetClass="${a.cls}" presetSubtype="${a.subtype}"${d}${m} fill="hold" grpId="${C.get(a)}" nodeType="${o}"><p:stCondLst><p:cond delay="${Math.min(36e5, a.delayMs)}"/></p:stCondLst><p:childTnLst>${g(a)}</p:childTnLst></p:cTn></p:par>`;
|
|
280
|
+
}, k = (a) => a.delayMs + a.durationMs * (a.repeat && a.repeat > 1 ? Math.min(100, a.repeat) : 1), b = [];
|
|
281
|
+
for (const a of e) {
|
|
282
|
+
const o = b[b.length - 1];
|
|
283
|
+
a.start === "click" || !o ? b.push({ auto: a.start !== "click", groups: [[a]] }) : a.start === "with" ? o.groups[o.groups.length - 1].push(a) : o.groups.push([a]);
|
|
284
|
+
}
|
|
285
|
+
const B = s(), A = s(), I = b.map((a) => {
|
|
286
|
+
const o = a.auto ? '<p:cond delay="indefinite"/><p:cond evt="onBegin" delay="0"><p:tn val="2"/></p:cond>' : '<p:cond delay="indefinite"/>', d = s();
|
|
287
|
+
let m = 0;
|
|
288
|
+
const h = a.groups.map((y) => {
|
|
289
|
+
const X = `<p:par><p:cTn id="${s()}" fill="hold"><p:stCondLst><p:cond delay="${m}"/></p:stCondLst><p:childTnLst>${y.map(P).join("")}</p:childTnLst></p:cTn></p:par>`;
|
|
290
|
+
return m += Math.max(...y.map(k)), X;
|
|
291
|
+
}).join("");
|
|
292
|
+
return `<p:par><p:cTn id="${d}" fill="hold"><p:stCondLst>${o}</p:stCondLst><p:childTnLst>${h}</p:childTnLst></p:cTn></p:par>`;
|
|
293
|
+
}).join(""), F = /* @__PURE__ */ new Set();
|
|
294
|
+
((a) => a.forEach((o) => {
|
|
295
|
+
o.kind === "shape" && F.add(o.id);
|
|
296
|
+
}))(t);
|
|
297
|
+
const E = [...new Set(e.map((a) => a.target))].filter((a) => F.has(a)).flatMap((a) => Array.from({ length: x.get(a) ?? 1 }, (o, d) => `<p:bldP spid="${a}" grpId="${d}" animBg="1"/>`)).join("");
|
|
298
|
+
return `<p:timing><p:tnLst><p:par><p:cTn id="${B}" dur="indefinite" restart="never" nodeType="tmRoot"><p:childTnLst><p:seq concurrent="1" nextAc="seek"><p:cTn id="${A}" dur="indefinite" nodeType="mainSeq"><p:childTnLst>${I}</p:childTnLst></p:cTn><p:prevCondLst><p:cond evt="onPrev" delay="0"><p:tgtEl><p:sldTgt/></p:tgtEl></p:cond></p:prevCondLst><p:nextCondLst><p:cond evt="onNext" delay="0"><p:tgtEl><p:sldTgt/></p:tgtEl></p:cond></p:nextCondLst></p:seq></p:childTnLst></p:cTn></p:par></p:tnLst>${E ? `<p:bldLst>${E}</p:bldLst>` : ""}</p:timing>`;
|
|
299
|
+
}
|
|
300
|
+
function et(e, t) {
|
|
301
|
+
let n = "";
|
|
302
|
+
const s = e.background;
|
|
303
|
+
s && s.kind === "image" ? n = `<p:bg><p:bgPr><a:blipFill dpi="0" rotWithShape="1"><a:blip r:embed="${t.media(s.media)}"/><a:srcRect/><a:stretch><a:fillRect/></a:stretch></a:blipFill><a:effectLst/></p:bgPr></p:bg>` : s && s.kind !== "none" && (n = `<p:bg><p:bgPr>${xe(s)}<a:effectLst/></p:bgPr></p:bg>`);
|
|
304
|
+
const r = e.items.map((i) => ye(i, t)).join(""), l = e.name ? ` name="${S(e.name)}"` : "", c = e.hidden ? ' show="0"' : "";
|
|
305
|
+
return v + `<p:sld ${_}${c}><p:cSld${l}>${n}<p:spTree>${q}${r}</p:spTree></p:cSld><p:clrMapOvr><a:masterClrMapping/></p:clrMapOvr>${Ze(e.transition, e.advanceAfterMs)}${Qe(e.anims ?? [], e.items)}</p:sld>`;
|
|
306
|
+
}
|
|
307
|
+
const Z = (e, t = "") => `<a:lvl1pPr marL="0" algn="l" defTabSz="914400" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1">${t}<a:defRPr sz="${e}" kern="1200"><a:solidFill><a:schemeClr val="tx1"/></a:solidFill><a:latin typeface="+mn-lt"/><a:ea typeface="+mn-ea"/><a:cs typeface="+mn-cs"/></a:defRPr></a:lvl1pPr>`, ie = v + `<a:theme xmlns:a="${L.a}" name="Yappy"><a:themeElements><a:clrScheme name="Office"><a:dk1><a:sysClr val="windowText" lastClr="000000"/></a:dk1><a:lt1><a:sysClr val="window" lastClr="FFFFFF"/></a:lt1><a:dk2><a:srgbClr val="44546A"/></a:dk2><a:lt2><a:srgbClr val="E7E6E6"/></a:lt2><a:accent1><a:srgbClr val="4472C4"/></a:accent1><a:accent2><a:srgbClr val="ED7D31"/></a:accent2><a:accent3><a:srgbClr val="A5A5A5"/></a:accent3><a:accent4><a:srgbClr val="FFC000"/></a:accent4><a:accent5><a:srgbClr val="5B9BD5"/></a:accent5><a:accent6><a:srgbClr val="70AD47"/></a:accent6><a:hlink><a:srgbClr val="0563C1"/></a:hlink><a:folHlink><a:srgbClr val="954F72"/></a:folHlink></a:clrScheme><a:fontScheme name="Office"><a:majorFont><a:latin typeface="Calibri Light"/><a:ea typeface=""/><a:cs typeface=""/></a:majorFont><a:minorFont><a:latin typeface="Calibri"/><a:ea typeface=""/><a:cs typeface=""/></a:minorFont></a:fontScheme><a:fmtScheme name="Office"><a:fillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:tint val="50000"/></a:schemeClr></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:shade val="80000"/></a:schemeClr></a:solidFill></a:fillStyleLst><a:lnStyleLst><a:ln w="6350" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="12700" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="19050" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln></a:lnStyleLst><a:effectStyleLst><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst/></a:effectStyle></a:effectStyleLst><a:bgFillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:tint val="95000"/></a:schemeClr></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:shade val="90000"/></a:schemeClr></a:solidFill></a:bgFillStyleLst></a:fmtScheme></a:themeElements><a:objectDefaults/><a:extraClrSchemeLst/></a:theme>`, tt = v + `<p:sldMaster ${_}><p:cSld><p:bg><p:bgRef idx="1001"><a:schemeClr val="bg1"/></p:bgRef></p:bg><p:spTree>${q}</p:spTree></p:cSld><p:clrMap bg1="lt1" tx1="dk1" bg2="lt2" tx2="dk2" accent1="accent1" accent2="accent2" accent3="accent3" accent4="accent4" accent5="accent5" accent6="accent6" hlink="hlink" folHlink="folHlink"/><p:sldLayoutIdLst><p:sldLayoutId id="2147483649" r:id="rId1"/></p:sldLayoutIdLst><p:txStyles><p:titleStyle>${Z(4400)}</p:titleStyle><p:bodyStyle>${Z(2800)}</p:bodyStyle><p:otherStyle>${Z(1800)}</p:otherStyle></p:txStyles></p:sldMaster>`, at = v + `<p:sldLayout ${_} type="blank" preserve="1"><p:cSld name="Blank"><p:spTree>${q}</p:spTree></p:cSld><p:clrMapOvr><a:masterClrMapping/></p:clrMapOvr></p:sldLayout>`, de = 6858e3, me = 9144e3, z = (e, t, n, s, r, l, c, i, $ = "") => {
|
|
308
|
+
const p = `<a:xfrm><a:off x="${Math.round(de * r)}" y="${Math.round(me * l)}"/><a:ext cx="${Math.round(de * c)}" cy="${Math.round(me * i)}"/></a:xfrm>`, u = n === "sldImg", g = u ? "" : ' sz="quarter"', x = u ? `<p:spPr>${p}<a:prstGeom prst="rect"><a:avLst/></a:prstGeom><a:noFill/><a:ln w="12700"><a:solidFill><a:prstClr val="black"/></a:solidFill></a:ln></p:spPr>` : `<p:spPr>${p}<a:prstGeom prst="rect"><a:avLst/></a:prstGeom></p:spPr>`, C = u ? '<a:spLocks noGrp="1" noRot="1" noChangeAspect="1"/>' : '<a:spLocks noGrp="1"/>', P = u ? "" : `<p:txBody><a:bodyPr vert="horz" lIns="91440" tIns="45720" rIns="91440" bIns="45720" rtlCol="0"/><a:lstStyle/>${$ || '<a:p><a:endParaRPr lang="en-US"/></a:p>'}</p:txBody>`;
|
|
309
|
+
return `<p:sp><p:nvSpPr><p:cNvPr id="${e}" name="${t}"/><p:cNvSpPr>${C}</p:cNvSpPr><p:nvPr><p:ph type="${n}"${g} idx="${s}"/></p:nvPr></p:nvSpPr>${x}${P}</p:sp>`;
|
|
310
|
+
}, st = Array.from({ length: 9 }, (e, t) => `<a:lvl${t + 1}pPr marL="${t * 457200}" algn="l" defTabSz="914400" rtl="0" eaLnBrk="1" latinLnBrk="0" hangingPunct="1"><a:defRPr sz="1200" kern="1200"><a:solidFill><a:schemeClr val="tx1"/></a:solidFill><a:latin typeface="+mn-lt"/><a:ea typeface="+mn-ea"/><a:cs typeface="+mn-cs"/></a:defRPr></a:lvl${t + 1}pPr>`).join(""), nt = v + `<p:notesMaster ${_}><p:cSld><p:bg><p:bgRef idx="1001"><a:schemeClr val="bg1"/></p:bgRef></p:bg><p:spTree>${q}` + z(2, "Header Placeholder 1", "hdr", 0, 0, 0, 0.43, 0.05) + z(3, "Date Placeholder 2", "dt", 1, 0.57, 0, 0.43, 0.05) + z(4, "Slide Image Placeholder 3", "sldImg", 2, 0.125, 0.125, 0.75, 0.375) + z(5, "Notes Placeholder 4", "body", 3, 0.1, 0.53, 0.8, 0.36, '<a:p><a:pPr lvl="0"/><a:r><a:rPr lang="en-US"/><a:t>Click to edit Master text styles</a:t></a:r></a:p>') + z(6, "Footer Placeholder 5", "ftr", 4, 0, 0.95, 0.43, 0.05) + z(7, "Slide Number Placeholder 6", "sldNum", 5, 0.57, 0.95, 0.43, 0.05) + `</p:spTree></p:cSld><p:clrMap bg1="lt1" tx1="dk1" bg2="lt2" tx2="dk2" accent1="accent1" accent2="accent2" accent3="accent3" accent4="accent4" accent5="accent5" accent6="accent6" hlink="hlink" folHlink="folHlink"/><p:notesStyle>${st}</p:notesStyle></p:notesMaster>`;
|
|
311
|
+
function rt(e) {
|
|
312
|
+
const t = e.replace(/\r\n?/g, `
|
|
313
|
+
`).split(`
|
|
314
|
+
`).map((r) => r ? `<a:p><a:r><a:rPr lang="en-US" dirty="0"/><a:t>${S(r)}</a:t></a:r></a:p>` : '<a:p><a:endParaRPr lang="en-US" dirty="0"/></a:p>').join(""), n = '<p:sp><p:nvSpPr><p:cNvPr id="2" name="Slide Image Placeholder 1"/><p:cNvSpPr><a:spLocks noGrp="1" noRot="1" noChangeAspect="1"/></p:cNvSpPr><p:nvPr><p:ph type="sldImg"/></p:nvPr></p:nvSpPr><p:spPr/></p:sp>', s = `<p:sp><p:nvSpPr><p:cNvPr id="3" name="Notes Placeholder 2"/><p:cNvSpPr><a:spLocks noGrp="1"/></p:cNvSpPr><p:nvPr><p:ph type="body" idx="1"/></p:nvPr></p:nvSpPr><p:spPr/><p:txBody><a:bodyPr/><a:lstStyle/>${t}</p:txBody></p:sp>`;
|
|
315
|
+
return v + `<p:notes ${_}><p:cSld><p:spTree>${q}${n}${s}</p:spTree></p:cSld><p:clrMapOvr><a:masterClrMapping/></p:clrMapOvr></p:notes>`;
|
|
316
|
+
}
|
|
317
|
+
const lt = v + `<p:presentationPr ${_}/>`, pt = v + `<p:presentationPr ${_}><p:showPr loop="1" showNarration="1"><p:present/><p:sldAll/></p:showPr></p:presentationPr>`;
|
|
318
|
+
function ot(e, t) {
|
|
319
|
+
if (!e.some((r) => r.section)) return "";
|
|
320
|
+
const n = [];
|
|
321
|
+
e.forEach((r, l) => {
|
|
322
|
+
(r.section || !n.length) && n.push({ name: r.section || "Default Section", ids: [] }), n[n.length - 1].ids.push(t(l));
|
|
323
|
+
});
|
|
324
|
+
const s = (r) => `{8F3A1C2E-5B7D-4E9A-9C11-${(r + 1).toString(16).toUpperCase().padStart(12, "0")}}`;
|
|
325
|
+
return `<p:extLst><p:ext uri="{521415D9-36F7-43E2-AB2F-B90AF26B5E84}"><p14:sectionLst xmlns:p14="${L.p14}">` + n.map((r, l) => `<p14:section name="${S(r.name)}" id="${s(l)}"><p14:sldIdLst>${r.ids.map((c) => `<p14:sldId id="${c}"/>`).join("")}</p14:sldIdLst></p14:section>`).join("") + "</p14:sectionLst></p:ext></p:extLst>";
|
|
326
|
+
}
|
|
327
|
+
const ct = v + `<p:viewPr ${_}><p:normalViewPr><p:restoredLeft sz="15620"/><p:restoredTop sz="94660"/></p:normalViewPr><p:gridSpacing cx="76200" cy="76200"/></p:viewPr>`, it = v + `<a:tblStyleLst xmlns:a="${L.a}" def="{5C22544A-7EE6-4342-B048-85BDC9FD1C3A}"/>`, dt = (e, t) => v + `<cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:dcmitype="http://purl.org/dc/dcmitype/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><dc:title>${S(e)}</dc:title><dc:creator>YappyDraw</dc:creator><cp:lastModifiedBy>YappyDraw</cp:lastModifiedBy><dcterms:created xsi:type="dcterms:W3CDTF">${t}</dcterms:created><dcterms:modified xsi:type="dcterms:W3CDTF">${t}</dcterms:modified></cp:coreProperties>`, mt = (e, t) => v + `<Properties xmlns="http://schemas.openxmlformats.org/officeDocument/2006/extended-properties" xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes"><Application>YappyDraw</Application><Slides>${e}</Slides><Notes>${t}</Notes><PresentationFormat>Custom</PresentationFormat></Properties>`;
|
|
328
|
+
function ut(e, t = {}) {
|
|
329
|
+
const n = Math.max(1, e.width), s = Math.max(1, e.height), r = Math.max(n, s) * w, l = Math.min(n, s) * w, c = r > H ? H / r : l < Y ? Math.min(Y / l, H / r) : 1, i = Math.max(Y, Math.min(H, Math.round(n * c * w))), $ = Math.max(Y, Math.min(H, Math.round(s * c * w))), p = /* @__PURE__ */ new Map(), u = [], g = /* @__PURE__ */ new Set();
|
|
330
|
+
let x = 0, C = 0;
|
|
331
|
+
const P = e.slides.length ? e.slides : [{ items: [] }], k = /* @__PURE__ */ new Map();
|
|
332
|
+
P.forEach((d, m) => {
|
|
333
|
+
d.key && k.set(d.key, m + 1);
|
|
334
|
+
});
|
|
335
|
+
const b = [{ id: "rId1", type: f.slideMaster, target: "slideMasters/slideMaster1.xml" }], B = P.some((d) => !!d.notes?.trim());
|
|
336
|
+
let A = !1, I = "";
|
|
337
|
+
P.forEach((d, m) => {
|
|
338
|
+
const h = m + 1, y = [{ id: "rId1", type: f.slideLayout, target: "../slideLayouts/slideLayout1.xml" }], O = /* @__PURE__ */ new Map(), X = d.fit ?? { scale: 1, dx: 0, dy: 0 }, Pe = {
|
|
339
|
+
s: X.scale * c,
|
|
340
|
+
dx: X.dx * c,
|
|
341
|
+
dy: X.dy * c,
|
|
342
|
+
rels: y,
|
|
343
|
+
slideNumber: (T) => k.get(T) ?? null,
|
|
344
|
+
chart: (T) => {
|
|
345
|
+
C++;
|
|
346
|
+
const G = `Microsoft_Excel_Worksheet${C}.xlsx`;
|
|
347
|
+
p.set(`ppt/charts/chart${C}.xml`, _e(T)), p.set(`ppt/charts/_rels/chart${C}.xml.rels`, N([{ id: "rId1", type: f.package, target: `../embeddings/${G}` }])), p.set(`ppt/embeddings/${G}`, Re(T)), u.push([`/ppt/charts/chart${C}.xml`, M.chart]), A = !0;
|
|
348
|
+
const U = `rId${y.length + 1}`;
|
|
349
|
+
return y.push({ id: U, type: f.chart, target: `../charts/chart${C}.xml` }), U;
|
|
350
|
+
},
|
|
351
|
+
media: (T) => {
|
|
352
|
+
const G = O.get(T);
|
|
353
|
+
if (G) return G;
|
|
354
|
+
x++;
|
|
355
|
+
const U = `image${x}.${T.ext}`;
|
|
356
|
+
p.set(`ppt/media/${U}`, T.bytes), g.add(T.ext);
|
|
357
|
+
const K = `rId${y.length + 1}`;
|
|
358
|
+
return y.push({ id: K, type: f.image, target: `../media/${U}` }), O.set(T, K), K;
|
|
359
|
+
}
|
|
360
|
+
};
|
|
361
|
+
p.set(`ppt/slides/slide${h}.xml`, et(d, Pe)), d.notes?.trim() && (y.push({ id: `rId${y.length + 1}`, type: f.notesSlide, target: `../notesSlides/notesSlide${h}.xml` }), p.set(`ppt/notesSlides/notesSlide${h}.xml`, rt(d.notes)), p.set(`ppt/notesSlides/_rels/notesSlide${h}.xml.rels`, N([
|
|
362
|
+
{ id: "rId1", type: f.notesMaster, target: "../notesMasters/notesMaster1.xml" },
|
|
363
|
+
{ id: "rId2", type: f.slide, target: `../slides/slide${h}.xml` }
|
|
364
|
+
])), u.push([`/ppt/notesSlides/notesSlide${h}.xml`, M.notesSlide])), p.set(`ppt/slides/_rels/slide${h}.xml.rels`, N(y)), u.push([`/ppt/slides/slide${h}.xml`, M.slide]);
|
|
365
|
+
const ne = `rId${h + 1}`;
|
|
366
|
+
b.push({ id: ne, type: f.slide, target: `slides/slide${h}.xml` }), I += `<p:sldId id="${255 + h}" r:id="${ne}"/>`;
|
|
367
|
+
});
|
|
368
|
+
const F = P.length + 2;
|
|
369
|
+
b.push(
|
|
370
|
+
{ id: `rId${F}`, type: f.theme, target: "theme/theme1.xml" },
|
|
371
|
+
{ id: `rId${F + 1}`, type: f.presProps, target: "presProps.xml" },
|
|
372
|
+
{ id: `rId${F + 2}`, type: f.viewProps, target: "viewProps.xml" },
|
|
373
|
+
{ id: `rId${F + 3}`, type: f.tableStyles, target: "tableStyles.xml" }
|
|
374
|
+
);
|
|
375
|
+
const R = `rId${F + 4}`;
|
|
376
|
+
B && (b.push({ id: R, type: f.notesMaster, target: "notesMasters/notesMaster1.xml" }), p.set("ppt/notesMasters/notesMaster1.xml", nt), p.set("ppt/notesMasters/_rels/notesMaster1.xml.rels", N([
|
|
377
|
+
{ id: "rId1", type: f.theme, target: "../theme/theme2.xml" }
|
|
378
|
+
])), p.set("ppt/theme/theme2.xml", ie), u.push(["/ppt/notesMasters/notesMaster1.xml", M.notesMaster], ["/ppt/theme/theme2.xml", M.theme]));
|
|
379
|
+
const E = v + `<p:presentation ${_} saveSubsetFonts="1"><p:sldMasterIdLst><p:sldMasterId id="2147483648" r:id="rId1"/></p:sldMasterIdLst>` + (B ? `<p:notesMasterIdLst><p:notesMasterId r:id="${R}"/></p:notesMasterIdLst>` : "") + `<p:sldIdLst>${I}</p:sldIdLst><p:sldSz cx="${i}" cy="${$}"/><p:notesSz cx="6858000" cy="9144000"/><p:defaultTextStyle>${Z(1800)}</p:defaultTextStyle>${ot(P, (d) => 256 + d)}</p:presentation>`;
|
|
380
|
+
p.set("ppt/presentation.xml", E), p.set("ppt/_rels/presentation.xml.rels", N(b)), p.set("ppt/slideMasters/slideMaster1.xml", tt), p.set("ppt/slideMasters/_rels/slideMaster1.xml.rels", N([
|
|
381
|
+
{ id: "rId1", type: f.slideLayout, target: "../slideLayouts/slideLayout1.xml" },
|
|
382
|
+
{ id: "rId2", type: f.theme, target: "../theme/theme1.xml" }
|
|
383
|
+
])), p.set("ppt/slideLayouts/slideLayout1.xml", at), p.set("ppt/slideLayouts/_rels/slideLayout1.xml.rels", N([
|
|
384
|
+
{ id: "rId1", type: f.slideMaster, target: "../slideMasters/slideMaster1.xml" }
|
|
385
|
+
])), p.set("ppt/theme/theme1.xml", ie), p.set("ppt/presProps.xml", e.loop ? pt : lt), p.set("ppt/viewProps.xml", ct), p.set("ppt/tableStyles.xml", it);
|
|
386
|
+
const a = t.now ?? (/* @__PURE__ */ new Date()).toISOString().replace(/\.\d+Z$/, "Z");
|
|
387
|
+
p.set("docProps/core.xml", dt(e.title || "YappyDraw presentation", a)), p.set("docProps/app.xml", mt(P.length, P.filter((d) => !!d.notes?.trim()).length)), p.set("_rels/.rels", N([
|
|
388
|
+
{ id: "rId1", type: f.officeDocument, target: "ppt/presentation.xml" },
|
|
389
|
+
{ id: "rId2", type: f.coreProps, target: "docProps/core.xml" },
|
|
390
|
+
{ id: "rId3", type: f.extProps, target: "docProps/app.xml" }
|
|
391
|
+
])), u.push(
|
|
392
|
+
["/ppt/presentation.xml", M.presentation],
|
|
393
|
+
["/ppt/slideMasters/slideMaster1.xml", M.slideMaster],
|
|
394
|
+
["/ppt/slideLayouts/slideLayout1.xml", M.slideLayout],
|
|
395
|
+
["/ppt/theme/theme1.xml", M.theme],
|
|
396
|
+
["/ppt/presProps.xml", M.presProps],
|
|
397
|
+
["/ppt/viewProps.xml", M.viewProps],
|
|
398
|
+
["/ppt/tableStyles.xml", M.tableStyles],
|
|
399
|
+
["/docProps/core.xml", M.core],
|
|
400
|
+
["/docProps/app.xml", M.app]
|
|
401
|
+
);
|
|
402
|
+
const o = v + `<Types xmlns="${L.ct}"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/>` + [...g].map((d) => `<Default Extension="${d}" ContentType="${Ae[d]}"/>`).join("") + (A ? '<Default Extension="xlsx" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>' : "") + u.map(([d, m]) => `<Override PartName="${d}" ContentType="${m}"/>`).join("") + "</Types>";
|
|
403
|
+
return p.set("[Content_Types].xml", o), Ce(p);
|
|
404
|
+
}
|
|
405
|
+
export {
|
|
406
|
+
ut as buildPptx,
|
|
407
|
+
rt as notesXml
|
|
408
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.toast{position:fixed;bottom:var(--toast-bottom, 24px);left:50%;transform:translate(-50%);background:var(--bg-panel);color:var(--text-primary);padding:12px 16px;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:12px;z-index:10010;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;border:1px solid var(--border-color);animation:slideUp .3s cubic-bezier(.16,1,.3,1);min-width:300px;max-width:90vw;pointer-events:none}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid #3b82f6}.toast-icon{display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1}.toast-close{pointer-events:auto;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.toast-loading{border-left:4px solid #f59e0b}.toast-loading .toast-icon{color:#f59e0b}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-data-backdrop{position:fixed;inset:0;z-index:10060;background:#0f172a40}.chart-data-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10061;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--bg-panel, #ffffff);color:var(--text-primary, #1e293b);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;box-shadow:0 20px 50px #00000040;font-size:13px}.chart-data-dialog header{display:flex;align-items:center;justify-content:space-between}.chart-data-dialog h3{margin:0;font-size:15px}.chart-data-options{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end}.chart-data-options label{display:flex;flex-direction:column;gap:3px;color:var(--text-secondary, #475569);font-size:12px}.chart-data-options label.grow{flex:1;min-width:160px}.chart-data-options label.check{flex-direction:row;align-items:center;gap:5px;padding-bottom:6px}.chart-data-options select,.chart-data-options input[type=text],.chart-data-grid input{font:inherit;color:var(--text-primary, #1e293b);background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:5px;padding:5px 7px}.chart-data-grid-wrap{overflow:auto;min-height:120px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px}.chart-data-grid{border-collapse:collapse}.chart-data-grid th,.chart-data-grid td{padding:3px;border-bottom:1px solid var(--border-color, #e2e8f0);text-align:left}.chart-data-grid thead th{position:sticky;top:0;background:var(--bg-panel, #ffffff)}.chart-data-grid input{width:96px}.chart-data-grid td input{text-align:right;font-variant-numeric:tabular-nums}.cell-with-action{display:flex;align-items:center;gap:2px}.chart-data-icon{display:flex;padding:4px;border:none;border-radius:4px;background:none;color:var(--text-secondary, #64748b);cursor:pointer}.chart-data-icon:hover:not(:disabled){background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary, #1e293b)}.chart-data-icon:disabled{opacity:.3;cursor:default}.chart-data-add{display:flex;align-items:center;gap:4px;white-space:nowrap;padding:5px 8px;font:inherit;font-size:12px;color:var(--accent, #2563eb);background:none;border:1px dashed var(--border-color, #cbd5e1);border-radius:5px;cursor:pointer}.chart-data-hint,.chart-data-note{margin:0;font-size:12px;color:var(--text-secondary, #64748b)}.quick-toolbar{position:fixed;z-index:10000;pointer-events:auto}.qt-collapsed-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-panel, #ffffff);border:2px solid var(--primary-color, #3b82f6);border-radius:50%;color:var(--primary-color, #3b82f6);cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s;padding:0}.qt-collapsed-icon:hover{background:var(--primary-color, #3b82f6);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #3b82f659}.qt-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;color:var(--primary-color, #3b82f6);cursor:pointer;padding:0;flex-shrink:0;transition:all .15s}.qt-collapse-btn:hover{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.quick-toolbar-content{display:flex;align-items:center;gap:4px;padding:6px;background:var(--bg-panel, #ffffff);border:2px solid var(--primary-color, #3b82f6);border-radius:8px;box-shadow:0 4px 12px #00000026}.quick-props-section{display:flex;align-items:center;gap:4px}.qt-divider{width:1px;height:24px;background:var(--border-color, #e5e7eb);margin:0 4px;flex-shrink:0}.color-dot-wrapper{position:relative}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-color, #d1d5db);cursor:pointer;transition:transform .15s,border-color .15s;flex-shrink:0}.color-dot:hover{transform:scale(1.15);border-color:var(--primary-color, #3b82f6)}.color-dot.active{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px #3b82f64d}.color-dot.transparent{background:repeating-conic-gradient(#ccc 0% 25%,transparent 0% 50%) 50% / 8px 8px}.color-popover{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-panel, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:8px;box-shadow:0 4px 16px #0003;z-index:10002;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;min-width:110px}.color-swatch{width:22px;height:22px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.color-swatch:hover{transform:scale(1.15);border-color:var(--primary-color, #3b82f6)}.color-swatch.selected{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 1px var(--primary-color, #3b82f6)}.color-popover-custom{grid-column:1 / -1;display:flex;align-items:center;gap:4px;margin-top:4px;padding-top:4px;border-top:1px solid var(--border-color, #e5e7eb)}.color-popover-custom input[type=color]{width:22px;height:22px;border:none;padding:0;cursor:pointer;border-radius:4px}.color-popover-custom span{font-size:10px;color:var(--text-secondary, #6b7280)}.qt-icon-btn{width:26px;height:26px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;flex-shrink:0}.qt-icon-btn:hover{background:var(--btn-hover, #f3f4f6);color:var(--text-primary, #374151)}.qt-icon-btn.active{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.qt-icon-btn svg{display:block;width:16px;height:16px}.qt-icon-btn:disabled,.qt-icon-btn.qt-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.qt-icon-select{display:flex;align-items:center;gap:2px}.qt-collapsed-select{position:relative}.qt-collapsed-trigger{position:relative;padding-right:10px!important;min-width:30px}.qt-collapsed-chevron{position:absolute;bottom:2px;right:1px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid currentColor;opacity:.5}.qt-collapsed-trigger:hover .qt-collapsed-chevron{opacity:.8}.qt-collapsed-popover{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-panel, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:6px;box-shadow:0 4px 16px #0003;z-index:10002;display:flex;align-items:center;gap:2px;white-space:nowrap}.qt-collapsed-popover .qt-icon-btn{width:28px;height:28px}.qt-preset-select{position:relative}.qt-preset-trigger{display:flex;align-items:center;gap:4px;height:26px;padding:0 16px 0 8px;background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;color:var(--text-primary, #374151);cursor:pointer;font-size:11px;white-space:nowrap;transition:all .15s;position:relative}.qt-preset-trigger:hover{background:var(--btn-hover, #f3f4f6);border-color:var(--primary-color, #3b82f6)}.qt-preset-trigger.active{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 1px var(--primary-color, #3b82f6)}.qt-preset-label{max-width:80px;overflow:hidden;text-overflow:ellipsis}.qt-preset-popover{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-panel, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:4px;box-shadow:0 4px 16px #0003;z-index:10002;min-width:130px;max-height:280px;overflow-y:auto}.qt-preset-category{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #6b7280);padding:6px 8px 2px}.qt-preset-option{display:block;width:100%;padding:5px 8px;background:transparent;border:none;border-radius:4px;color:var(--text-primary, #374151);font-size:12px;text-align:left;cursor:pointer;transition:background .1s}.qt-preset-option:hover{background:var(--btn-hover, #f3f4f6)}.qt-preset-option.active{background:var(--primary-color, #3b82f6);color:#fff}.qt-mini-slider{display:flex;align-items:center;gap:4px;width:70px;flex-shrink:0}.qt-mini-slider input[type=range]{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-color, #d1d5db);border-radius:2px;outline:none;cursor:pointer}.qt-mini-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary-color, #3b82f6);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.qt-mini-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--primary-color, #3b82f6);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.qt-mini-slider-value{font-size:10px;color:var(--text-secondary, #6b7280);min-width:18px;text-align:right}.qt-mini-slider-value.editable{cursor:text;border-radius:3px;padding:1px 2px;margin:-1px -2px}.qt-mini-slider-value.editable:hover{background:var(--hover-bg, rgba(0, 0, 0, .06));color:var(--text-primary, #111827)}.qt-mini-slider-input{width:30px;min-width:30px;font-size:10px;text-align:right;padding:1px 2px;border:1px solid var(--primary-color, #3b82f6);border-radius:3px;background:var(--surface-color, #fff);color:var(--text-primary, #111827);outline:none;-moz-appearance:textfield;appearance:textfield}.qt-mini-slider-input::-webkit-outer-spin-button,.qt-mini-slider-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qt-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s;padding:0;flex-shrink:0}.qt-action-btn:hover{background:var(--btn-hover, #f3f4f6);color:var(--text-primary, #374151)}.qt-action-btn.active{background:var(--primary-color, #3b82f6);color:#fff}.qt-action-btn svg{display:block;color:inherit}.qt-layout-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:var(--bg-panel, #ffffff);border:2px solid var(--primary-color, #3b82f6);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10001}.qt-layout-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s;flex-shrink:0}.qt-layout-btn:hover{background:var(--btn-hover, #f3f4f6);border-color:var(--primary-color, #3b82f6)}.qt-layout-btn svg{display:block;color:inherit}@media(max-width:768px){.quick-toolbar-content{padding:8px;gap:6px}.qt-action-btn{width:40px;height:40px}.qt-icon-btn{width:32px;height:32px}.color-dot{width:28px;height:28px}}.qt-floating{z-index:10070}.tool-options-bar{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;color:var(--text-primary);overflow-x:auto;scrollbar-width:none;min-width:0}.tool-options-bar::-webkit-scrollbar{height:0}.tob-title{font-weight:600;color:#6366f1}.tob-label{color:var(--text-secondary)}.tob-count{color:var(--text-secondary);min-width:68px}.tob-hint{color:var(--text-secondary);font-size:11px}.tob-sep{width:1px;height:16px;background:var(--border-color)}.tool-options-bar>button{font-size:11px;font-weight:600;color:#4f46e5;background:transparent;border:1px solid #4f46e5;border-radius:6px;padding:2px 8px;cursor:pointer}.tool-options-bar>button:hover:not(:disabled){background:#6366f11f;color:#3730a3}.tool-options-bar>button.is-on{background:#4f46e5;color:#fff}.tool-options-bar>button.is-on:hover:not(:disabled){background:#4338ca;color:#fff}[data-theme=dark] .tool-options-bar>button:not(.is-on),[data-theme=focus] .tool-options-bar>button:not(.is-on){color:#a5b4fc;border-color:#818cf8}[data-theme=dark] .tool-options-bar>button:hover:not(:disabled),[data-theme=focus] .tool-options-bar>button:hover:not(:disabled){background:#818cf838;color:#c7d2fe}[data-theme=dark] .tool-options-bar>button.is-on:hover:not(:disabled),[data-theme=focus] .tool-options-bar>button.is-on:hover:not(:disabled){background:#a5b4fc;color:#1e1b4b}.tool-options-bar>button:disabled{opacity:.4;cursor:default;border-color:var(--border-color);color:var(--text-secondary)}.tob-close{border:none!important;color:var(--text-secondary)!important;font-size:13px!important}.tob-controls{display:flex;align-items:center;gap:4px}.support-overlay{position:fixed;inset:0;z-index:3500;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;animation:support-fade .15s ease-out}@keyframes support-fade{0%{opacity:0}to{opacity:1}}.support-modal{width:420px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-panel, #1e1e1e);color:var(--text-primary, #f2f2f2);border:1px solid var(--border-color, #444);border-radius:14px;box-shadow:0 16px 48px #0006;overflow:hidden;animation:support-pop .18s ease-out}@keyframes support-pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.support-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color, #444)}.support-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary, #fff)}.support-title svg{color:#ef4444}.support-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #999);cursor:pointer}.support-close:hover{background:var(--bg-secondary, #2d2d2d);color:var(--text-primary, #fff)}.support-close svg{flex:0 0 auto;width:18px;height:18px}.support-body{padding:16px;overflow-y:auto}.support-lede{margin:0 0 14px;font-size:13px;line-height:1.55;color:var(--text-secondary, #bbb)}.support-links{display:flex;flex-direction:column;gap:8px}.support-link{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border:1px solid var(--border-color, #444);border-radius:10px;background:var(--bg-secondary, #2d2d2d);text-decoration:none;color:inherit;transition:border-color .12s ease,transform .12s ease}.support-link:hover{border-color:var(--primary-color, #3b82f6);transform:translateY(-1px)}.support-link.primary{border-color:#4338ca73;background:#4338ca12}.support-link.primary:hover{border-color:var(--logo-accent, #4338ca);background:#4338ca1f}.support-link.primary .support-link-label{color:var(--logo-accent, #4338ca)}[data-theme=dark] .support-link.primary .support-link-label,[data-theme=focus] .support-link.primary .support-link-label{color:#a5b4fc}.support-link-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.support-link-label svg{color:var(--text-secondary, #999);flex:0 0 auto;width:14px;height:14px}.support-link-note{font-size:11.5px;line-height:1.45;color:var(--text-secondary, #999)}.support-foot-note{margin:14px 0 0;font-size:11.5px;line-height:1.5;color:var(--text-secondary, #999)}@media(max-width:480px){.support-overlay{padding:12px}.support-modal{width:100%}}.whatsnew-overlay{position:fixed;inset:0;z-index:3500;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;animation:whatsnew-fade .15s ease-out}@keyframes whatsnew-fade{0%{opacity:0}to{opacity:1}}.whatsnew-modal{width:460px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-panel, #1e1e1e);color:var(--text-primary, #f2f2f2);border:1px solid var(--border-color, #444);border-radius:14px;box-shadow:0 16px 48px #0006;overflow:hidden;animation:whatsnew-pop .18s ease-out}@keyframes whatsnew-pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.whatsnew-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color, #444)}.whatsnew-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary, #fff)}.whatsnew-title svg{color:var(--primary-color, #3b82f6)}.whatsnew-ver{font-size:11px;font-weight:500;color:var(--text-secondary, #999);background:var(--bg-secondary, #2d2d2d);border:1px solid var(--border-color, #444);padding:1px 6px;border-radius:999px}.whatsnew-close{display:inline-flex;padding:5px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #999);cursor:pointer;transition:background .1s,color .1s}.whatsnew-close:hover{background:var(--bg-secondary, #333);color:var(--text-primary, #fff)}.whatsnew-body{overflow-y:auto;padding:8px 16px 4px}.whatsnew-entry{padding:12px 0;border-bottom:1px solid var(--border-color, #333)}.whatsnew-entry:last-child{border-bottom:none}.whatsnew-entry-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.whatsnew-badge{font-size:11px;font-weight:600;color:var(--text-secondary, #aaa);background:var(--bg-secondary, #2d2d2d);border:1px solid var(--border-color, #444);padding:1px 7px;border-radius:999px}.whatsnew-badge.current{color:#fff;background:#2563eb;border-color:#2563eb}.whatsnew-date{font-size:11px;color:var(--text-secondary, #888)}.whatsnew-list{margin:0;padding-left:18px}.whatsnew-list li{font-size:13.5px;line-height:1.5;color:var(--text-primary, #e5e7eb);margin:2px 0}.whatsnew-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--border-color, #444)}.whatsnew-foot-note{font-size:12px;color:var(--text-secondary, #999)}.whatsnew-refresh{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--bg-secondary, #2d2d2d);color:var(--text-primary, #e5e7eb);border:1px solid var(--border-color, #444);border-radius:7px;font-size:12.5px;cursor:pointer;transition:background .1s}.whatsnew-refresh:hover{background:color-mix(in srgb,var(--bg-secondary, #2d2d2d) 88%,var(--text-primary, #e5e7eb))}@media(max-width:520px){.whatsnew-modal{width:100%;max-height:88vh}}.about-overlay{position:fixed;inset:0;z-index:3500;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;animation:about-fade .15s ease-out}@keyframes about-fade{0%{opacity:0}to{opacity:1}}.about-modal{width:400px;max-width:100%;max-height:85vh;display:flex;flex-direction:column;background:var(--bg-panel, #1e1e1e);color:var(--text-primary, #f2f2f2);border:1px solid var(--border-color, #444);border-radius:14px;box-shadow:0 16px 48px #0006;overflow:hidden;animation:about-pop .18s ease-out}@keyframes about-pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color, #444)}.about-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.about-title svg{flex:0 0 auto;width:18px;height:18px;color:var(--primary-color, #3b82f6)}.about-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #999);cursor:pointer}.about-close:hover{background:var(--bg-secondary, #2d2d2d);color:var(--text-primary, #fff)}.about-close svg{flex:0 0 auto;width:18px;height:18px}.about-body{padding:18px 16px 16px;overflow-y:auto}.about-brand{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.about-wordmark{display:inline-flex;font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1}.about-wordmark-yappy{color:var(--text-primary)}.about-wordmark-draw{color:var(--logo-accent, #4338ca)}.about-version{padding:2px 7px;border:1px solid var(--border-color, #444);border-radius:999px;background:var(--bg-secondary, #2d2d2d);color:var(--text-secondary, #999);font-size:11px;font-weight:600;cursor:pointer}.about-version:hover{color:var(--text-primary, #fff);border-color:var(--primary-color, #3b82f6)}.about-tagline{margin:0 0 16px;font-size:12.5px;line-height:1.55;color:var(--text-secondary, #bbb)}.about-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 16px;font-size:12.5px}.about-facts dt{color:var(--text-secondary, #999);white-space:nowrap}.about-facts dd{margin:0;color:var(--text-primary, #fff);font-weight:600}.about-artists{padding-top:14px;border-top:1px solid var(--border-color, #444);margin-bottom:4px}.about-artists-head{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary, #999);margin-bottom:5px}.about-artists-note{margin:0 0 9px;font-size:11.5px;line-height:1.5;color:var(--text-secondary, #999)}.about-artist-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.about-artist-list a{display:flex;align-items:baseline;gap:7px;padding:6px 9px;border:1px solid var(--border-color, #444);border-radius:8px;background:var(--bg-secondary, #2d2d2d);text-decoration:none;color:inherit;transition:border-color .12s ease}.about-artist-list a:hover{border-color:var(--primary-color, #3b82f6)}.about-artist-name{font-size:12.5px;font-weight:600;color:var(--text-primary, #fff)}.about-artist-handle{font-size:11.5px;color:var(--text-secondary, #999)}.about-links{display:flex;flex-direction:column;gap:5px;padding-top:14px;border-top:1px solid var(--border-color, #444)}.about-links a{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--primary-color, #3b82f6);text-decoration:none}.about-links a:hover{text-decoration:underline}.about-links svg{flex:0 0 auto;width:13px;height:13px;opacity:.7}.about-revenue{display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;padding:10px 11px;border:1px solid rgba(239,68,68,.28);border-radius:9px;background:#ef444412;font-size:11.5px;line-height:1.55;color:var(--text-primary, #fff)}.about-revenue svg{flex:0 0 auto;width:13px;height:13px;margin-top:2px;color:#ef4444;fill:#ef444440}.about-privacy{margin:14px 0 0;font-size:11.5px;line-height:1.5;color:var(--text-secondary, #999)}@media(max-width:480px){.about-overlay{padding:12px}.about-modal{width:100%}}.settings-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.settings-modal{background:var(--bg-panel);color:var(--text-primary);padding:24px;border-radius:12px;width:720px;box-sizing:border-box;max-width:94vw;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.settings-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.settings-search{display:flex;align-items:center;gap:6px;flex:1;max-width:260px;margin-left:auto;padding:5px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input, var(--bg-secondary));color:var(--text-secondary)}.settings-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);font-size:.85rem;outline:none}.settings-search-clear{display:flex;align-items:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:0}.settings-search-clear:hover{color:var(--text-primary)}.settings-panes{display:flex;gap:20px;min-height:0;flex:1}.settings-rail{display:flex;flex-direction:column;gap:2px;width:172px;flex-shrink:0;border-right:1px solid var(--border-color);padding-right:12px;overflow-y:auto}.settings-rail-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.86rem;text-align:left;cursor:pointer;white-space:nowrap}.settings-rail-item:hover{background:var(--btn-hover);color:var(--text-primary)}.settings-rail-item.active{background:var(--primary-light);color:var(--text-primary);font-weight:600}.settings-body{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:4px}.settings-empty{color:var(--text-secondary);font-size:.85rem;margin:0}@media(max-width:640px){.settings-panes{flex-direction:column;gap:12px}.settings-rail{flex-direction:row;width:auto;border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:8px;overflow-x:auto}.settings-search{max-width:none}}.settings-header h3{margin:0;font-size:1.2rem}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row label{font-size:.85rem;color:var(--text-primary);white-space:nowrap}.settings-row-note{margin-top:-6px}.settings-row-note label{font-size:.78rem;line-height:1.45;color:var(--text-secondary);white-space:normal}.settings-row select,.settings-row input[type=number]{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-panel);color:var(--text-primary);font-size:.85rem;min-width:160px}.settings-row select:focus,.settings-row input[type=number]:focus{outline:none;border-color:var(--primary-color)}.settings-row input[type=color]{width:36px;height:30px;border:1px solid var(--border-color);border-radius:6px;padding:2px;cursor:pointer;background:var(--bg-panel)}.settings-color-group{display:flex;align-items:center;gap:8px;min-width:160px}.settings-color-group span{font-size:.8rem;color:var(--text-secondary)}.settings-row input[type=range]{min-width:120px;accent-color:var(--primary-color)}.settings-range-group{display:flex;align-items:center;gap:8px;min-width:160px}.settings-range-group span{font-size:.8rem;color:var(--text-secondary);min-width:30px;text-align:right}.settings-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border-color)}.settings-reset-btn{padding:6px 14px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem}.settings-reset-btn:hover{background:var(--btn-hover);color:var(--text-primary)}.settings-close-btn{padding:6px 18px;border:none;border-radius:6px;background:var(--btn-primary-bg);color:var(--btn-primary-fg);cursor:pointer;font-size:.85rem}.settings-close-btn:hover{background:var(--btn-primary-bg-hover)}.settings-close-btn:focus-visible{outline:2px solid var(--btn-primary-bg);outline-offset:2px}.settings-toggle{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;inset:0;background:var(--border-color, #d1d5db);border-radius:11px;transition:background .2s}.settings-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.settings-toggle input:checked+.settings-toggle-slider{background:var(--primary-color, #3b82f6)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(18px)}.ai-settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.ai-settings-modal{background:var(--bg-panel);color:var(--text-primary);padding:24px;border-radius:12px;width:480px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px}.ai-settings-header{display:flex;justify-content:space-between;align-items:center}.ai-settings-header h3{margin:0;font-size:1.2rem}.ai-settings-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.ai-settings-header .close-btn:hover{background:var(--btn-hover);color:var(--text-primary)}.ai-settings-section{display:flex;flex-direction:column;gap:10px}.ai-settings-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0}.ai-settings-provider-select{display:flex;gap:6px}.ai-settings-provider-btn{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s}.ai-settings-provider-btn:hover{background:var(--btn-hover);color:var(--text-primary)}.ai-settings-provider-btn.active{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-bg)}.ai-settings-provider-btn.active:hover{background:var(--btn-primary-bg);color:var(--btn-primary-fg);background:var(--btn-primary-bg-hover)}.ai-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-settings-row label{font-size:.85rem;color:var(--text-primary);white-space:nowrap;min-width:60px}.ai-settings-row select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-panel);color:var(--text-primary);font-size:.85rem;min-width:200px}.ai-settings-row select:focus{outline:none;border-color:var(--primary-color)}.ai-settings-key-input{display:flex;align-items:center;flex:1;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;min-width:200px}.ai-settings-key-input input{flex:1;padding:6px 10px;border:none;background:var(--bg-panel);color:var(--text-primary);font-size:.82rem;font-family:monospace;outline:none}.ai-settings-key-input input::placeholder{color:var(--text-secondary);opacity:.6;font-family:inherit}.ai-settings-eye-btn{background:none;border:none;border-left:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px 8px;display:flex;align-items:center}.ai-settings-eye-btn:hover{color:var(--text-primary);background:var(--btn-hover)}.ai-settings-note{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.ai-settings-footer{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border-color)}.ai-settings-done-btn{padding:6px 18px;border:none;border-radius:6px;background:var(--btn-primary-bg);color:var(--btn-primary-fg);cursor:pointer;font-size:.85rem}.ai-settings-done-btn:hover{background:var(--btn-primary-bg);color:var(--btn-primary-fg);background:var(--btn-primary-bg-hover)}.rocket-settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.rocket-settings-modal{background:var(--bg-panel);color:var(--text-primary);padding:24px;border-radius:12px;width:440px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.rocket-settings-header{display:flex;justify-content:space-between;align-items:center}.rocket-settings-header h3{margin:0;font-size:1.1rem}.rocket-settings-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.rocket-settings-header .close-btn:hover{background:var(--btn-hover);color:var(--text-primary)}.rocket-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.rocket-settings-row label{font-size:.85rem;color:var(--text-primary);white-space:nowrap;min-width:80px}.rocket-settings-row input{flex:1;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-panel);color:var(--text-primary);font-size:.85rem;outline:none}.rocket-settings-row input:focus{border-color:var(--primary-color)}.rocket-settings-key-input{display:flex;align-items:center;flex:1;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.rocket-settings-key-input input{flex:1;padding:6px 10px;border:none;background:var(--bg-panel);color:var(--text-primary);font-size:.85rem;outline:none}.rocket-settings-eye-btn{background:none;border:none;border-left:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px 8px;display:flex;align-items:center}.rocket-settings-eye-btn:hover{color:var(--text-primary);background:var(--btn-hover)}.rocket-settings-test-btn{padding:6px 14px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.82rem;font-weight:500;transition:all .15s}.rocket-settings-test-btn:hover{background:var(--btn-hover)}.rocket-settings-test-btn:disabled{opacity:.5;cursor:not-allowed}.rocket-settings-test-result{font-size:.8rem;padding:6px 10px;border-radius:6px;line-height:1.4}.rocket-settings-test-result.success{color:#16a34a;background:#16a34a14}.rocket-settings-test-result.error{color:#dc2626;background:#dc262614}.rocket-settings-note{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.rocket-settings-footer{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border-color)}.rocket-settings-done-btn{padding:6px 18px;border:none;border-radius:6px;background:var(--btn-primary-bg);color:var(--btn-primary-fg);cursor:pointer;font-size:.85rem}.rocket-settings-done-btn:hover{background:var(--btn-primary-bg-hover)}.dsd-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2200;animation:dsd-fade .15s ease-out}@keyframes dsd-fade{0%{opacity:0}to{opacity:1}}.dsd-modal{width:min(560px,94vw);max-height:84vh;display:flex;flex-direction:column;background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.dsd-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color)}.dsd-header h2{margin:0;font-size:16px;font-weight:600}.dsd-close{border:none;background:transparent;cursor:pointer;color:var(--text-secondary);padding:2px}.dsd-close:hover{color:var(--text-primary)}.dsd-body{overflow-y:auto;padding:12px 16px 16px}.dsd-category{margin-bottom:14px}.dsd-category-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:6px 0 8px}.dsd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px}.dsd-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;transition:border-color .12s,background .12s}.dsd-card:hover{border-color:var(--accent-color, #6366f1);background:#6366f10f}.dsd-preview-wrap{height:48px;display:flex;align-items:center;justify-content:center}.dsd-preview{border:1.5px solid var(--text-secondary);border-radius:3px;background:var(--bg-canvas, transparent)}.dsd-card-name{font-size:12px;font-weight:500;text-align:center}.dsd-card-size{font-size:10.5px;color:var(--text-secondary)}.dsd-custom-row{display:flex;align-items:center;gap:8px}.dsd-custom-row input{width:90px;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-primary);font-size:13px}.dsd-x,.dsd-unit{color:var(--text-secondary);font-size:13px}.dsd-create{margin-left:auto;padding:6px 16px;border:none;border-radius:6px;background:var(--accent-color, #6366f1);color:#fff;font-size:13px;font-weight:500;cursor:pointer}.dsd-create:hover{filter:brightness(1.08)}.dsd-create:active{filter:brightness(.92)}.menu-container{display:flex;align-items:center;background:var(--bg-panel);padding:6px;border-radius:8px;box-shadow:var(--shadow-sm);gap:4px;border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;transition:box-shadow .2s;position:relative;z-index:10060}.text-logo{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;letter-spacing:-.3px;line-height:1;flex-shrink:0;padding:0 2px}.text-logo-name{display:inline-flex}.text-logo-yappy{color:var(--text-primary)}.text-logo-draw{color:var(--logo-accent, #4338ca)}.topbar-support-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;margin:0 2px;border:1px solid rgba(239,68,68,.35);border-radius:999px;background:#ef444417;color:#b91c1c;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease}.topbar-support-btn:hover{background:#ef444429;border-color:#ef44448c}.topbar-support-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.topbar-support-btn svg{flex:0 0 auto;width:15px;height:15px;fill:#ef444438;transition:fill .12s ease,transform .12s ease}.topbar-support-btn:hover svg{fill:#ef4444;transform:scale(1.1)}[data-theme=dark] .topbar-support-btn,[data-theme=focus] .topbar-support-btn{color:#fca5a5;background:#ef444424;border-color:#ef444466}@media(max-width:1180px){.topbar-support-label{display:none}.topbar-support-btn{padding:0 8px}}.shell-topbar:has(.tool-options-bar>*) .topbar-support-label{display:none}.shell-topbar:has(.tool-options-bar>*) .topbar-support-btn{padding:0 8px}@media(prefers-reduced-motion:reduce){.topbar-support-btn,.topbar-support-btn svg{transition:none}.topbar-support-btn:hover svg{transform:none}}.text-logo-mark{flex:0 0 auto;width:20px;height:20px;display:block}.beta-badge{position:relative;overflow:hidden;display:inline-flex;align-items:center;margin-left:1px;padding:2px 5px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.6px;line-height:1;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#4f46e5,#9333ea 55%,#db2777);box-shadow:0 1px 3px #6366f159;flex-shrink:0;-webkit-user-select:none;user-select:none}.beta-badge:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);animation:beta-badge-sheen 4.5s ease-in-out infinite}@keyframes beta-badge-sheen{0%,65%{left:-60%}to{left:130%}}@media(prefers-reduced-motion:reduce){.beta-badge:after{animation:none;display:none}}.menu-container:hover{box-shadow:0 4px 12px #0000001a}.shell-topbar .menu-container{background:transparent;border:none;box-shadow:none;border-radius:0;padding:0}.shell-topbar .menu-container:hover{box-shadow:none}.topbar-right>.menu-container+.menu-container{border-left:1px solid var(--border-color);padding-left:8px;margin-left:4px}.shell-topbar .menu-dropdown{top:calc(100% + 10px)}.drag-handle{width:12px;height:32px;cursor:grab;display:flex;align-items:center;justify-content:center;padding:0 2px;opacity:.3;transition:opacity .2s}.drag-handle.sm{height:24px}.menu-container:hover .drag-handle,.app-title:hover .drag-handle{opacity:.7}.drag-dots{width:4px;height:16px;background-image:radial-gradient(var(--text-secondary) 1px,transparent 1px);background-size:4px 4px}.title-input{background:transparent;border:1px solid transparent;padding:4px 8px;font-size:14px;font-weight:500;width:150px;color:var(--text-primary);border-radius:4px}.title-input:hover{border-color:var(--border-color)}.title-input:focus{border-color:var(--primary-color);background:var(--bg-canvas)}.menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s}.menu-btn:hover{background:var(--btn-hover);color:var(--text-primary)}.menu-btn:disabled{opacity:.5;cursor:not-allowed}.menu-btn.primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);width:auto;padding:0 12px}.menu-btn.primary:hover{background:var(--btn-primary-bg-hover)}.menu-dropdown{position:absolute;top:60px;left:0;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:8px 0;width:300px;z-index:10050;display:flex;flex-direction:column;gap:1px;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.menu-dropdown::-webkit-scrollbar{width:8px}.menu-dropdown::-webkit-scrollbar-track{background:transparent}.menu-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid var(--bg-panel)}.menu-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:480px){.menu-dropdown{width:280px;left:0}}@media(max-width:768px){.menu-container .drag-handle{display:none}.menu-container{padding:4px}}.menu-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:10px 16px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;width:100%;box-sizing:border-box;transition:background .2s}.menu-item:hover{background:var(--btn-hover)}.menu-item svg{color:var(--text-secondary)}.menu-item .label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.menu-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0;justify-content:flex-end;min-width:70px}.menu-item .shortcut{font-size:11px;color:var(--text-secondary);white-space:nowrap;min-width:40px;text-align:right}.check-icon{color:var(--primary-color)}.menu-separator{height:1px;background:var(--border-color);margin:4px 0}.menu-group .menu-group-chevron{margin-left:auto;transition:transform .15s ease;opacity:.7}.menu-group.expanded .menu-group-chevron{transform:rotate(180deg)}.menu-item.menu-sub{padding-left:34px;font-size:.92em}.menu-item.menu-sub .label{color:var(--text-secondary)}.menu-item.menu-sub:hover .label{color:var(--text-primary)}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;cursor:default}.app-title{position:fixed;top:12px;left:50%;transform:translate(-50%);background:var(--bg-panel);padding:4px 12px;border-radius:6px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);font-weight:500;color:var(--text-secondary);opacity:.6;z-index:100;font-size:13px;pointer-events:none;-webkit-user-select:none;user-select:none}.tour-overlay{position:fixed;inset:0;z-index:4000;pointer-events:none}.tour-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto}.tour-spotlight-ring{position:absolute;border:2px solid var(--primary-color, #3b82f6);border-radius:10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color, #3b82f6) 25%,transparent);pointer-events:none;animation:tour-pulse 2s ease-in-out infinite}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color, #3b82f6) 25%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--primary-color, #3b82f6) 15%,transparent)}}.tour-tooltip{position:absolute;width:340px;max-width:calc(100vw - 32px);background:var(--bg-panel, #1e1e1e);color:var(--text-primary, #f2f2f2);border:1px solid var(--border-color, #444);border-radius:12px;padding:18px 18px 14px;box-shadow:0 12px 40px #00000059;pointer-events:auto;animation:tour-appear .18s ease-out}@keyframes tour-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tour-step-count{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary, #999)}.tour-skip{padding:4px 8px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary, #999);font-size:12px;cursor:pointer;transition:background .1s,color .1s}.tour-skip:hover{background:var(--bg-secondary, #333);color:var(--text-primary, #fff)}.tour-title{margin:0 0 6px;font-size:17px;font-weight:600;color:var(--text-primary, #fff)}.tour-content{margin:0 0 16px;font-size:13.5px;line-height:1.5;color:var(--text-secondary, #bbb)}.tour-nav{display:flex;gap:10px}.tour-btn{flex:1;padding:9px 14px;border:none;border-radius:7px;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .1s,opacity .1s}.tour-btn-primary{background:#2563eb;color:#fff}.tour-btn-primary:hover{background:#1d4ed8}.tour-btn-secondary{background:var(--bg-secondary, #333);color:var(--text-primary, #ddd);border:1px solid var(--border-color, #444)}.tour-btn-secondary:hover{background:color-mix(in srgb,var(--bg-secondary, #333) 88%,var(--text-primary, #ddd))}.tour-btn-secondary:disabled{opacity:.45;cursor:default}.tour-btn-secondary:disabled:hover{background:var(--bg-secondary, #333)}.tour-dots{display:flex;justify-content:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.tour-dot{width:8px;height:8px;padding:0;background:var(--border-color, #555);border:none;border-radius:50%;cursor:pointer;transition:background .1s,transform .1s}.tour-dot:hover{transform:scale(1.25)}.tour-dot.active{background:var(--primary-color, #3b82f6)}@media(max-width:768px){.tour-tooltip{left:50%!important;top:auto!important;bottom:20px;transform:translate(-50%);width:calc(100vw - 24px)}.tour-title{font-size:16px}.tour-content{font-size:13px}}
|
package/package.json
CHANGED
package/yappy.js
CHANGED