@strategicnerds/slide-nerds 0.1.0
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/dist/cli/commands/analytics.d.ts +6 -0
- package/dist/cli/commands/analytics.d.ts.map +1 -0
- package/dist/cli/commands/analytics.js +44 -0
- package/dist/cli/commands/analytics.js.map +1 -0
- package/dist/cli/commands/create.d.ts +4 -0
- package/dist/cli/commands/create.d.ts.map +1 -0
- package/dist/cli/commands/create.js +87 -0
- package/dist/cli/commands/create.js.map +1 -0
- package/dist/cli/commands/export.d.ts +6 -0
- package/dist/cli/commands/export.d.ts.map +1 -0
- package/dist/cli/commands/export.js +109 -0
- package/dist/cli/commands/export.js.map +1 -0
- package/dist/cli/index.d.ts +3 -0
- package/dist/cli/index.d.ts.map +1 -0
- package/dist/cli/index.js +12 -0
- package/dist/cli/index.js.map +1 -0
- package/dist/cli/template-path.d.ts +4 -0
- package/dist/cli/template-path.d.ts.map +1 -0
- package/dist/cli/template-path.js +13 -0
- package/dist/cli/template-path.js.map +1 -0
- package/dist/runtime/export-api.d.ts +15 -0
- package/dist/runtime/export-api.d.ts.map +1 -0
- package/dist/runtime/export-api.js +21 -0
- package/dist/runtime/export-api.js.map +1 -0
- package/dist/runtime/index.d.ts +12 -0
- package/dist/runtime/index.d.ts.map +1 -0
- package/dist/runtime/index.js +8 -0
- package/dist/runtime/index.js.map +1 -0
- package/dist/runtime/light-table.d.ts +8 -0
- package/dist/runtime/light-table.d.ts.map +1 -0
- package/dist/runtime/light-table.js +104 -0
- package/dist/runtime/light-table.js.map +1 -0
- package/dist/runtime/presenter-view.d.ts +7 -0
- package/dist/runtime/presenter-view.d.ts.map +1 -0
- package/dist/runtime/presenter-view.js +62 -0
- package/dist/runtime/presenter-view.js.map +1 -0
- package/dist/runtime/slide-context.d.ts +16 -0
- package/dist/runtime/slide-context.d.ts.map +1 -0
- package/dist/runtime/slide-context.js +18 -0
- package/dist/runtime/slide-context.js.map +1 -0
- package/dist/runtime/slide-controls.d.ts +3 -0
- package/dist/runtime/slide-controls.d.ts.map +1 -0
- package/dist/runtime/slide-controls.js +177 -0
- package/dist/runtime/slide-controls.js.map +1 -0
- package/dist/runtime/slide-dom.d.ts +17 -0
- package/dist/runtime/slide-dom.d.ts.map +1 -0
- package/dist/runtime/slide-dom.js +89 -0
- package/dist/runtime/slide-dom.js.map +1 -0
- package/dist/runtime/slide-runtime.d.ts +7 -0
- package/dist/runtime/slide-runtime.d.ts.map +1 -0
- package/dist/runtime/slide-runtime.js +125 -0
- package/dist/runtime/slide-runtime.js.map +1 -0
- package/dist/runtime/slide-shape.d.ts +21 -0
- package/dist/runtime/slide-shape.d.ts.map +1 -0
- package/dist/runtime/slide-shape.js +115 -0
- package/dist/runtime/slide-shape.js.map +1 -0
- package/dist/runtime/types.d.ts +150 -0
- package/dist/runtime/types.d.ts.map +1 -0
- package/dist/runtime/types.js +38 -0
- package/dist/runtime/types.js.map +1 -0
- package/dist/runtime/use-presenter-mode.d.ts +14 -0
- package/dist/runtime/use-presenter-mode.d.ts.map +1 -0
- package/dist/runtime/use-presenter-mode.js +52 -0
- package/dist/runtime/use-presenter-mode.js.map +1 -0
- package/dist/runtime/use-slide-navigation.d.ts +13 -0
- package/dist/runtime/use-slide-navigation.d.ts.map +1 -0
- package/dist/runtime/use-slide-navigation.js +230 -0
- package/dist/runtime/use-slide-navigation.js.map +1 -0
- package/package.json +64 -0
- package/skills/accessibility/SKILL.md +236 -0
- package/skills/advanced-layouts/SKILL.md +429 -0
- package/skills/analytics/SKILL.md +97 -0
- package/skills/animation/SKILL.md +364 -0
- package/skills/brand/SKILL.md +200 -0
- package/skills/data-visualization/SKILL.md +533 -0
- package/skills/deck-templates/SKILL.md +93 -0
- package/skills/diagrams/SKILL.md +395 -0
- package/skills/export/SKILL.md +119 -0
- package/skills/interactive/SKILL.md +292 -0
- package/skills/layout/SKILL.md +178 -0
- package/skills/narrative-frameworks/SKILL.md +250 -0
- package/skills/react-component-embeds/SKILL.md +73 -0
- package/skills/slide-types/SKILL.md +384 -0
- package/skills/slidenerds-runtime/SKILL.md +163 -0
- package/skills/speaker-notes/SKILL.md +128 -0
- package/skills/strategic-frameworks/SKILL.md +392 -0
- package/skills/visual-design/SKILL.md +373 -0
- package/templates/analytics/custom.tsx.tmpl +20 -0
- package/templates/analytics/ga4.tsx.tmpl +15 -0
- package/templates/analytics/gtm.tsx.tmpl +9 -0
- package/templates/analytics/plausible.tsx.tmpl +10 -0
- package/templates/analytics/posthog.tsx.tmpl +14 -0
- package/templates/next-app/CLAUDE.md.tmpl +574 -0
- package/templates/next-app/README.md.tmpl +35 -0
- package/templates/next-app/app/globals.css.tmpl +274 -0
- package/templates/next-app/app/layout.tsx.tmpl +31 -0
- package/templates/next-app/app/page.tsx.tmpl +38 -0
- package/templates/next-app/brand.config.ts.tmpl +32 -0
- package/templates/next-app/package.json.tmpl +25 -0
- package/templates/next-app/postcss.config.mjs.tmpl +8 -0
- package/templates/next-app/tsconfig.json.tmpl +21 -0
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
4
|
+
import { useSlideState } from './slide-context.js';
|
|
5
|
+
import { getNotesForSlide } from './slide-dom.js';
|
|
6
|
+
const formatTime = (seconds) => {
|
|
7
|
+
const mins = Math.floor(seconds / 60);
|
|
8
|
+
const secs = seconds % 60;
|
|
9
|
+
return `${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
|
|
10
|
+
};
|
|
11
|
+
export const PresenterView = ({ className }) => {
|
|
12
|
+
const { currentSlide, currentStep, totalSlides, stepsForCurrentSlide } = useSlideState();
|
|
13
|
+
const [elapsedSeconds, setElapsedSeconds] = useState(0);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
const interval = setInterval(() => {
|
|
16
|
+
setElapsedSeconds((prev) => prev + 1);
|
|
17
|
+
}, 1000);
|
|
18
|
+
return () => clearInterval(interval);
|
|
19
|
+
}, []);
|
|
20
|
+
const notes = useMemo(() => getNotesForSlide(currentSlide), [currentSlide]);
|
|
21
|
+
return (_jsxs("div", { className: className, "data-testid": "presenter-view", style: {
|
|
22
|
+
position: 'fixed',
|
|
23
|
+
inset: 0,
|
|
24
|
+
background: '#0a0a0c',
|
|
25
|
+
color: '#e8e6e3',
|
|
26
|
+
fontFamily: 'system-ui, -apple-system, sans-serif',
|
|
27
|
+
display: 'flex',
|
|
28
|
+
flexDirection: 'column',
|
|
29
|
+
padding: '2rem',
|
|
30
|
+
gap: '1.5rem',
|
|
31
|
+
zIndex: 10000,
|
|
32
|
+
}, children: [_jsxs("div", { style: {
|
|
33
|
+
display: 'flex',
|
|
34
|
+
justifyContent: 'space-between',
|
|
35
|
+
alignItems: 'center',
|
|
36
|
+
borderBottom: '1px solid rgba(255,255,255,0.08)',
|
|
37
|
+
paddingBottom: '1rem',
|
|
38
|
+
}, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'baseline', gap: '1rem' }, children: [_jsxs("span", { "data-testid": "slide-counter", style: { fontSize: '2rem', fontWeight: 700 }, children: [currentSlide + 1, _jsxs("span", { style: { color: 'rgba(255,255,255,0.3)', fontWeight: 400 }, children: [" / ", totalSlides] })] }), stepsForCurrentSlide > 0 && (_jsxs("span", { "data-testid": "step-counter", style: { fontSize: '0.875rem', color: 'rgba(255,255,255,0.4)' }, children: ["Step ", currentStep, " of ", stepsForCurrentSlide] }))] }), _jsx("span", { "data-testid": "timer", style: {
|
|
39
|
+
fontSize: '1.5rem',
|
|
40
|
+
fontVariantNumeric: 'tabular-nums',
|
|
41
|
+
color: 'rgba(255,255,255,0.5)',
|
|
42
|
+
fontWeight: 500,
|
|
43
|
+
}, children: formatTime(elapsedSeconds) })] }), _jsxs("div", { style: { flex: 1, overflow: 'auto' }, children: [_jsx("div", { style: {
|
|
44
|
+
fontSize: '0.7rem',
|
|
45
|
+
fontWeight: 600,
|
|
46
|
+
letterSpacing: '0.15em',
|
|
47
|
+
textTransform: 'uppercase',
|
|
48
|
+
color: 'rgba(255,255,255,0.3)',
|
|
49
|
+
marginBottom: '1rem',
|
|
50
|
+
}, children: "Speaker notes" }), _jsx("div", { "data-testid": "speaker-notes", style: {
|
|
51
|
+
fontSize: '1.35rem',
|
|
52
|
+
lineHeight: 1.6,
|
|
53
|
+
color: 'rgba(255,255,255,0.85)',
|
|
54
|
+
maxWidth: '720px',
|
|
55
|
+
}, children: notes.length > 0 ? (notes.map((note, i) => _jsx("p", { style: { marginBottom: '1rem' }, children: note }, i))) : (_jsx("p", { style: { color: 'rgba(255,255,255,0.25)', fontStyle: 'italic' }, children: "No speaker notes for this slide." })) })] }), _jsx("div", { style: {
|
|
56
|
+
borderTop: '1px solid rgba(255,255,255,0.08)',
|
|
57
|
+
paddingTop: '1rem',
|
|
58
|
+
fontSize: '0.75rem',
|
|
59
|
+
color: 'rgba(255,255,255,0.25)',
|
|
60
|
+
}, children: "Navigate from the main window. Notes sync automatically." })] }));
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=presenter-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presenter-view.js","sourceRoot":"","sources":["../../src/runtime/presenter-view.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type SlideState = {
|
|
2
|
+
currentSlide: number;
|
|
3
|
+
currentStep: number;
|
|
4
|
+
totalSlides: number;
|
|
5
|
+
stepsForCurrentSlide: number;
|
|
6
|
+
isExiting: boolean;
|
|
7
|
+
isPresenterMode: boolean;
|
|
8
|
+
isLightTable: boolean;
|
|
9
|
+
toggleLightTable: () => void;
|
|
10
|
+
goToSlide: (index: number) => void;
|
|
11
|
+
nextStep: () => void;
|
|
12
|
+
previousStep: () => void;
|
|
13
|
+
};
|
|
14
|
+
export declare const SlideContext: import("react").Context<SlideState>;
|
|
15
|
+
export declare const useSlideState: () => SlideState;
|
|
16
|
+
//# sourceMappingURL=slide-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-context.d.ts","sourceRoot":"","sources":["../../src/runtime/slide-context.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAgBD,eAAO,MAAM,YAAY,qCAA2C,CAAA;AAEpE,eAAO,MAAM,aAAa,QAAO,UAAsC,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { createContext, useContext } from 'react';
|
|
3
|
+
const DEFAULT_STATE = {
|
|
4
|
+
currentSlide: 0,
|
|
5
|
+
currentStep: 0,
|
|
6
|
+
totalSlides: 0,
|
|
7
|
+
stepsForCurrentSlide: 0,
|
|
8
|
+
isExiting: false,
|
|
9
|
+
isPresenterMode: false,
|
|
10
|
+
isLightTable: false,
|
|
11
|
+
toggleLightTable: () => { },
|
|
12
|
+
goToSlide: () => { },
|
|
13
|
+
nextStep: () => { },
|
|
14
|
+
previousStep: () => { },
|
|
15
|
+
};
|
|
16
|
+
export const SlideContext = createContext(DEFAULT_STATE);
|
|
17
|
+
export const useSlideState = () => useContext(SlideContext);
|
|
18
|
+
//# sourceMappingURL=slide-context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-context.js","sourceRoot":"","sources":["../../src/runtime/slide-context.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAgBjD,MAAM,aAAa,GAAe;IAChC,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC;IACd,oBAAoB,EAAE,CAAC;IACvB,SAAS,EAAE,KAAK;IAChB,eAAe,EAAE,KAAK;IACtB,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAa,aAAa,CAAC,CAAA;AAEpE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAe,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-controls.d.ts","sourceRoot":"","sources":["../../src/runtime/slide-controls.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAwIpD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA8JjC,CAAA"}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useState } from 'react';
|
|
4
|
+
import { useSlideState } from './slide-context.js';
|
|
5
|
+
const HelpIcon = () => (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), _jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }));
|
|
6
|
+
const PresenterIcon = () => (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }), _jsx("line", { x1: "8", y1: "21", x2: "16", y2: "21" }), _jsx("line", { x1: "12", y1: "17", x2: "12", y2: "21" })] }));
|
|
7
|
+
const GridIcon = () => (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "14", width: "7", height: "7" }), _jsx("rect", { x: "3", y: "14", width: "7", height: "7" })] }));
|
|
8
|
+
const FullscreenIcon = () => (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polyline", { points: "15 3 21 3 21 9" }), _jsx("polyline", { points: "9 21 3 21 3 15" }), _jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10" }), _jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14" })] }));
|
|
9
|
+
const SHORTCUTS = [
|
|
10
|
+
{ key: 'Space / \u2192', label: 'Next step or slide' },
|
|
11
|
+
{ key: '\u2190 / Backspace', label: 'Previous step or slide' },
|
|
12
|
+
{ key: 'P', label: 'Speaker Notes' },
|
|
13
|
+
{ key: 'L', label: 'Light Table' },
|
|
14
|
+
{ key: 'F', label: 'Fullscreen' },
|
|
15
|
+
{ key: 'Esc', label: 'Exit Light Table / fullscreen' },
|
|
16
|
+
{ key: 'Double-click', label: 'Previous slide' },
|
|
17
|
+
];
|
|
18
|
+
const HelpTray = ({ onClose }) => (_jsxs("div", { style: {
|
|
19
|
+
position: 'fixed',
|
|
20
|
+
bottom: '24px',
|
|
21
|
+
right: '24px',
|
|
22
|
+
zIndex: 10000,
|
|
23
|
+
minWidth: '280px',
|
|
24
|
+
padding: '16px 20px',
|
|
25
|
+
borderRadius: '14px',
|
|
26
|
+
background: 'rgba(0, 0, 0, 0.85)',
|
|
27
|
+
backdropFilter: 'blur(20px)',
|
|
28
|
+
WebkitBackdropFilter: 'blur(20px)',
|
|
29
|
+
border: '1px solid rgba(255, 255, 255, 0.1)',
|
|
30
|
+
boxShadow: '0 12px 40px rgba(0, 0, 0, 0.5)',
|
|
31
|
+
fontFamily: 'system-ui, -apple-system, sans-serif',
|
|
32
|
+
}, children: [_jsxs("div", { style: {
|
|
33
|
+
display: 'flex',
|
|
34
|
+
justifyContent: 'space-between',
|
|
35
|
+
alignItems: 'center',
|
|
36
|
+
marginBottom: '12px',
|
|
37
|
+
}, children: [_jsx("span", { style: {
|
|
38
|
+
fontSize: '11px',
|
|
39
|
+
fontWeight: 700,
|
|
40
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
41
|
+
letterSpacing: '0.1em',
|
|
42
|
+
textTransform: 'uppercase',
|
|
43
|
+
}, children: "Keyboard shortcuts" }), _jsx("button", { onClick: onClose, style: {
|
|
44
|
+
background: 'none',
|
|
45
|
+
border: 'none',
|
|
46
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
47
|
+
cursor: 'pointer',
|
|
48
|
+
padding: '2px',
|
|
49
|
+
display: 'flex',
|
|
50
|
+
fontSize: '16px',
|
|
51
|
+
lineHeight: 1,
|
|
52
|
+
}, "aria-label": "Close help", children: "\u00D7" })] }), _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '6px' }, children: SHORTCUTS.map((s) => (_jsxs("div", { style: {
|
|
53
|
+
display: 'flex',
|
|
54
|
+
justifyContent: 'space-between',
|
|
55
|
+
alignItems: 'center',
|
|
56
|
+
gap: '16px',
|
|
57
|
+
}, children: [_jsx("span", { style: {
|
|
58
|
+
fontSize: '12px',
|
|
59
|
+
color: 'rgba(255, 255, 255, 0.5)',
|
|
60
|
+
}, children: s.label }), _jsx("kbd", { style: {
|
|
61
|
+
fontSize: '11px',
|
|
62
|
+
fontFamily: 'system-ui, -apple-system, sans-serif',
|
|
63
|
+
fontWeight: 600,
|
|
64
|
+
color: 'rgba(255, 255, 255, 0.8)',
|
|
65
|
+
background: 'rgba(255, 255, 255, 0.08)',
|
|
66
|
+
padding: '2px 8px',
|
|
67
|
+
borderRadius: '4px',
|
|
68
|
+
border: '1px solid rgba(255, 255, 255, 0.1)',
|
|
69
|
+
whiteSpace: 'nowrap',
|
|
70
|
+
}, children: s.key })] }, s.key))) })] }));
|
|
71
|
+
export const SlideControls = () => {
|
|
72
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
73
|
+
const [showHelp, setShowHelp] = useState(false);
|
|
74
|
+
const state = useSlideState();
|
|
75
|
+
const toggle = useCallback(() => setIsOpen((prev) => !prev), []);
|
|
76
|
+
const handleHelp = useCallback(() => {
|
|
77
|
+
setIsOpen(false);
|
|
78
|
+
setShowHelp(true);
|
|
79
|
+
}, []);
|
|
80
|
+
const handlePresenter = useCallback(() => {
|
|
81
|
+
setIsOpen(false);
|
|
82
|
+
const event = new KeyboardEvent('keydown', { key: 'p' });
|
|
83
|
+
window.dispatchEvent(event);
|
|
84
|
+
}, []);
|
|
85
|
+
const handleLightTable = useCallback(() => {
|
|
86
|
+
setIsOpen(false);
|
|
87
|
+
state.toggleLightTable();
|
|
88
|
+
}, [state.toggleLightTable]);
|
|
89
|
+
const handleFullscreen = useCallback(() => {
|
|
90
|
+
setIsOpen(false);
|
|
91
|
+
if (document.fullscreenElement) {
|
|
92
|
+
document.exitFullscreen?.();
|
|
93
|
+
}
|
|
94
|
+
else {
|
|
95
|
+
document.documentElement.requestFullscreen?.();
|
|
96
|
+
}
|
|
97
|
+
}, []);
|
|
98
|
+
const items = [
|
|
99
|
+
{ label: 'Help', icon: _jsx(HelpIcon, {}), action: handleHelp },
|
|
100
|
+
{ label: 'Speaker Notes', icon: _jsx(PresenterIcon, {}), action: handlePresenter },
|
|
101
|
+
{ label: 'Light Table', icon: _jsx(GridIcon, {}), action: handleLightTable },
|
|
102
|
+
{ label: 'Fullscreen', icon: _jsx(FullscreenIcon, {}), action: handleFullscreen },
|
|
103
|
+
];
|
|
104
|
+
const slideLabel = `${state.currentSlide + 1} / ${state.totalSlides}`;
|
|
105
|
+
return (_jsxs(_Fragment, { children: [showHelp && _jsx(HelpTray, { onClose: () => setShowHelp(false) }), _jsxs("div", { style: {
|
|
106
|
+
position: 'fixed',
|
|
107
|
+
bottom: '24px',
|
|
108
|
+
right: '24px',
|
|
109
|
+
zIndex: 9999,
|
|
110
|
+
fontFamily: 'system-ui, -apple-system, sans-serif',
|
|
111
|
+
}, children: [isOpen && !showHelp && (_jsxs("div", { style: {
|
|
112
|
+
position: 'absolute',
|
|
113
|
+
bottom: '56px',
|
|
114
|
+
right: '0',
|
|
115
|
+
display: 'flex',
|
|
116
|
+
flexDirection: 'column',
|
|
117
|
+
gap: '4px',
|
|
118
|
+
minWidth: '170px',
|
|
119
|
+
padding: '6px',
|
|
120
|
+
borderRadius: '12px',
|
|
121
|
+
background: 'rgba(0, 0, 0, 0.75)',
|
|
122
|
+
backdropFilter: 'blur(16px)',
|
|
123
|
+
WebkitBackdropFilter: 'blur(16px)',
|
|
124
|
+
border: '1px solid rgba(255, 255, 255, 0.08)',
|
|
125
|
+
boxShadow: '0 8px 32px rgba(0, 0, 0, 0.4)',
|
|
126
|
+
}, children: [_jsxs("div", { style: {
|
|
127
|
+
padding: '6px 12px',
|
|
128
|
+
fontSize: '11px',
|
|
129
|
+
fontWeight: 600,
|
|
130
|
+
color: 'rgba(255, 255, 255, 0.4)',
|
|
131
|
+
letterSpacing: '0.05em',
|
|
132
|
+
textTransform: 'uppercase',
|
|
133
|
+
}, children: ["Slide ", slideLabel] }), items.map((item) => (_jsxs("button", { onClick: item.action, style: {
|
|
134
|
+
display: 'flex',
|
|
135
|
+
alignItems: 'center',
|
|
136
|
+
gap: '10px',
|
|
137
|
+
padding: '8px 12px',
|
|
138
|
+
fontSize: '13px',
|
|
139
|
+
fontWeight: 500,
|
|
140
|
+
color: 'rgba(255, 255, 255, 0.85)',
|
|
141
|
+
background: 'transparent',
|
|
142
|
+
border: 'none',
|
|
143
|
+
borderRadius: '8px',
|
|
144
|
+
cursor: 'pointer',
|
|
145
|
+
textAlign: 'left',
|
|
146
|
+
width: '100%',
|
|
147
|
+
transition: 'background 150ms ease',
|
|
148
|
+
}, onMouseEnter: (e) => {
|
|
149
|
+
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.1)';
|
|
150
|
+
}, onMouseLeave: (e) => {
|
|
151
|
+
e.currentTarget.style.background = 'transparent';
|
|
152
|
+
}, children: [_jsx("span", { style: { opacity: 0.7, display: 'flex', alignItems: 'center' }, children: item.icon }), item.label] }, item.label)))] })), _jsx("button", { onClick: toggle, "aria-label": "Slide controls", style: {
|
|
153
|
+
width: '40px',
|
|
154
|
+
height: '40px',
|
|
155
|
+
borderRadius: '50%',
|
|
156
|
+
background: isOpen ? 'rgba(255, 255, 255, 0.15)' : 'rgba(255, 255, 255, 0.08)',
|
|
157
|
+
backdropFilter: 'blur(12px)',
|
|
158
|
+
WebkitBackdropFilter: 'blur(12px)',
|
|
159
|
+
border: '1px solid rgba(255, 255, 255, 0.1)',
|
|
160
|
+
color: 'rgba(255, 255, 255, 0.6)',
|
|
161
|
+
cursor: 'pointer',
|
|
162
|
+
display: 'flex',
|
|
163
|
+
alignItems: 'center',
|
|
164
|
+
justifyContent: 'center',
|
|
165
|
+
transition: 'all 200ms ease',
|
|
166
|
+
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',
|
|
167
|
+
}, onMouseEnter: (e) => {
|
|
168
|
+
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.18)';
|
|
169
|
+
e.currentTarget.style.color = 'rgba(255, 255, 255, 0.9)';
|
|
170
|
+
}, onMouseLeave: (e) => {
|
|
171
|
+
e.currentTarget.style.background = isOpen
|
|
172
|
+
? 'rgba(255, 255, 255, 0.15)'
|
|
173
|
+
: 'rgba(255, 255, 255, 0.08)';
|
|
174
|
+
e.currentTarget.style.color = 'rgba(255, 255, 255, 0.6)';
|
|
175
|
+
}, children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", children: [_jsx("circle", { cx: "12", cy: "6", r: "2" }), _jsx("circle", { cx: "12", cy: "12", r: "2" }), _jsx("circle", { cx: "12", cy: "18", r: "2" })] }) })] })] }));
|
|
176
|
+
};
|
|
177
|
+
//# sourceMappingURL=slide-controls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-controls.js","sourceRoot":"","sources":["../../src/runtime/slide-controls.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const getSlideElements: () => NodeListOf<Element>;
|
|
2
|
+
export declare const getSlideAt: (index: number) => Element | null;
|
|
3
|
+
export declare const getStepElements: (slideIndex: number) => NodeListOf<Element>;
|
|
4
|
+
export declare const getExitStepElements: (slideIndex: number) => NodeListOf<Element>;
|
|
5
|
+
export declare const getNotesForSlide: (slideIndex: number) => string[];
|
|
6
|
+
export type StepEntry = {
|
|
7
|
+
elements: ReadonlyArray<Element>;
|
|
8
|
+
isAuto: boolean;
|
|
9
|
+
autoDelay: number;
|
|
10
|
+
};
|
|
11
|
+
export declare const getStepEntries: (slideIndex: number) => ReadonlyArray<StepEntry>;
|
|
12
|
+
export declare const hasExitAnimations: (slideIndex: number) => boolean;
|
|
13
|
+
export declare const getSlidesInfo: () => ReadonlyArray<{
|
|
14
|
+
index: number;
|
|
15
|
+
textContent: string;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=slide-dom.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-dom.d.ts","sourceRoot":"","sources":["../../src/runtime/slide-dom.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,gBAAgB,QAAO,UAAU,CAAC,OAAO,CAErD,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,OAAO,GAAG,IAEpD,CAAA;AAaD,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,UAAU,CAAC,OAAO,CAEtE,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,YAAY,MAAM,KAAG,UAAU,CAAC,OAAO,CAE1E,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,YAAY,MAAM,KAAG,MAAM,EAG3D,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM,KAAG,aAAa,CAAC,SAAS,CAiC1E,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,YAAY,MAAM,KAAG,OAItD,CAAA;AAED,eAAO,MAAM,aAAa,QAAO,aAAa,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAMpF,CAAA"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
const SLIDE_SELECTOR = '[data-slide]';
|
|
2
|
+
const STEP_SELECTOR = '[data-step]';
|
|
3
|
+
const NOTES_SELECTOR = '[data-notes]';
|
|
4
|
+
const EXIT_STEP_SELECTOR = '[data-exit-step]';
|
|
5
|
+
const AUTO_STEP_SELECTOR = '[data-auto-step]';
|
|
6
|
+
const EXIT_CLASSES = [
|
|
7
|
+
'exit-fade',
|
|
8
|
+
'exit-scale-out',
|
|
9
|
+
'exit-slide-up',
|
|
10
|
+
'exit-slide-down',
|
|
11
|
+
'exit-wipe-left',
|
|
12
|
+
];
|
|
13
|
+
const queryAll = (selector, root) => {
|
|
14
|
+
if (typeof document === 'undefined')
|
|
15
|
+
return [];
|
|
16
|
+
const target = root ?? document;
|
|
17
|
+
return target.querySelectorAll(selector);
|
|
18
|
+
};
|
|
19
|
+
export const getSlideElements = () => {
|
|
20
|
+
return queryAll(SLIDE_SELECTOR);
|
|
21
|
+
};
|
|
22
|
+
export const getSlideAt = (index) => {
|
|
23
|
+
return getSlideElements()[index] ?? null;
|
|
24
|
+
};
|
|
25
|
+
const emptyNodeList = () => {
|
|
26
|
+
if (typeof document === 'undefined')
|
|
27
|
+
return [];
|
|
28
|
+
return document.createDocumentFragment().querySelectorAll('*');
|
|
29
|
+
};
|
|
30
|
+
const queryWithinSlide = (slideIndex, selector) => {
|
|
31
|
+
const slide = getSlideAt(slideIndex);
|
|
32
|
+
if (!slide)
|
|
33
|
+
return emptyNodeList();
|
|
34
|
+
return queryAll(selector, slide);
|
|
35
|
+
};
|
|
36
|
+
export const getStepElements = (slideIndex) => {
|
|
37
|
+
return queryWithinSlide(slideIndex, STEP_SELECTOR);
|
|
38
|
+
};
|
|
39
|
+
export const getExitStepElements = (slideIndex) => {
|
|
40
|
+
return queryWithinSlide(slideIndex, EXIT_STEP_SELECTOR);
|
|
41
|
+
};
|
|
42
|
+
export const getNotesForSlide = (slideIndex) => {
|
|
43
|
+
const noteElements = queryWithinSlide(slideIndex, NOTES_SELECTOR);
|
|
44
|
+
return Array.from(noteElements).map((el) => el.textContent ?? '');
|
|
45
|
+
};
|
|
46
|
+
export const getStepEntries = (slideIndex) => {
|
|
47
|
+
const slide = getSlideAt(slideIndex);
|
|
48
|
+
if (!slide)
|
|
49
|
+
return [];
|
|
50
|
+
const allSteps = queryAll(`${STEP_SELECTOR}, ${AUTO_STEP_SELECTOR}`, slide);
|
|
51
|
+
const entries = [];
|
|
52
|
+
let i = 0;
|
|
53
|
+
while (i < allSteps.length) {
|
|
54
|
+
const el = allSteps[i];
|
|
55
|
+
const groupName = el.getAttribute('data-step-group');
|
|
56
|
+
const isAuto = el.hasAttribute('data-auto-step');
|
|
57
|
+
const autoDelay = isAuto
|
|
58
|
+
? parseInt(el.getAttribute('data-auto-step') || '300', 10)
|
|
59
|
+
: 0;
|
|
60
|
+
if (groupName) {
|
|
61
|
+
const groupElements = [el];
|
|
62
|
+
while (i + 1 < allSteps.length &&
|
|
63
|
+
allSteps[i + 1].getAttribute('data-step-group') === groupName) {
|
|
64
|
+
i++;
|
|
65
|
+
groupElements.push(allSteps[i]);
|
|
66
|
+
}
|
|
67
|
+
entries.push({ elements: groupElements, isAuto, autoDelay });
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
entries.push({ elements: [el], isAuto, autoDelay });
|
|
71
|
+
}
|
|
72
|
+
i++;
|
|
73
|
+
}
|
|
74
|
+
return entries;
|
|
75
|
+
};
|
|
76
|
+
export const hasExitAnimations = (slideIndex) => {
|
|
77
|
+
const slide = getSlideAt(slideIndex);
|
|
78
|
+
if (!slide)
|
|
79
|
+
return false;
|
|
80
|
+
return EXIT_CLASSES.some((cls) => slide.querySelector(`.${cls}`) !== null);
|
|
81
|
+
};
|
|
82
|
+
export const getSlidesInfo = () => {
|
|
83
|
+
const slides = getSlideElements();
|
|
84
|
+
return Array.from(slides).map((slide, index) => ({
|
|
85
|
+
index,
|
|
86
|
+
textContent: slide.textContent?.slice(0, 100) ?? '',
|
|
87
|
+
}));
|
|
88
|
+
};
|
|
89
|
+
//# sourceMappingURL=slide-dom.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-dom.js","sourceRoot":"","sources":["../../src/runtime/slide-dom.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-runtime.d.ts","sourceRoot":"","sources":["../../src/runtime/slide-runtime.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AASxE,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAQD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiIpD,CAAA"}
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
4
|
+
import { SlideContext } from './slide-context.js';
|
|
5
|
+
import { useSlideNavigation } from './use-slide-navigation.js';
|
|
6
|
+
import { usePresenterMode } from './use-presenter-mode.js';
|
|
7
|
+
import { registerExportApi } from './export-api.js';
|
|
8
|
+
import { SlideControls } from './slide-controls.js';
|
|
9
|
+
import { PresenterView } from './presenter-view.js';
|
|
10
|
+
import { LightTable } from './light-table.js';
|
|
11
|
+
const isPresenterWindow = () => {
|
|
12
|
+
if (typeof window === 'undefined')
|
|
13
|
+
return false;
|
|
14
|
+
const params = new URLSearchParams(window.location.search);
|
|
15
|
+
return params.get('presenter') === 'true';
|
|
16
|
+
};
|
|
17
|
+
export const SlideRuntime = ({ children }) => {
|
|
18
|
+
const navigation = useSlideNavigation();
|
|
19
|
+
const [isLightTable, setIsLightTable] = useState(false);
|
|
20
|
+
const [isPresenter, setIsPresenter] = useState(false);
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
setIsPresenter(isPresenterWindow());
|
|
23
|
+
}, []);
|
|
24
|
+
const presenter = usePresenterMode({
|
|
25
|
+
currentSlide: navigation.currentSlide,
|
|
26
|
+
currentStep: navigation.currentStep,
|
|
27
|
+
onSlideChange: navigation.goToSlide,
|
|
28
|
+
});
|
|
29
|
+
const toggleLightTable = useCallback(() => {
|
|
30
|
+
setIsLightTable((prev) => !prev);
|
|
31
|
+
}, []);
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (isPresenter)
|
|
34
|
+
return;
|
|
35
|
+
const handleKeyDown = (event) => {
|
|
36
|
+
const target = event.target;
|
|
37
|
+
if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')
|
|
38
|
+
return;
|
|
39
|
+
switch (event.key) {
|
|
40
|
+
case ' ':
|
|
41
|
+
case 'ArrowRight':
|
|
42
|
+
event.preventDefault();
|
|
43
|
+
navigation.nextStep();
|
|
44
|
+
break;
|
|
45
|
+
case 'ArrowLeft':
|
|
46
|
+
case 'Backspace':
|
|
47
|
+
event.preventDefault();
|
|
48
|
+
navigation.previousStep();
|
|
49
|
+
break;
|
|
50
|
+
case 'p':
|
|
51
|
+
case 'P':
|
|
52
|
+
event.preventDefault();
|
|
53
|
+
presenter.openPresenterWindow();
|
|
54
|
+
break;
|
|
55
|
+
case 'l':
|
|
56
|
+
case 'L':
|
|
57
|
+
event.preventDefault();
|
|
58
|
+
toggleLightTable();
|
|
59
|
+
break;
|
|
60
|
+
case 'f':
|
|
61
|
+
case 'F':
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
document.documentElement.requestFullscreen?.();
|
|
64
|
+
break;
|
|
65
|
+
case 'Escape':
|
|
66
|
+
event.preventDefault();
|
|
67
|
+
if (isLightTable) {
|
|
68
|
+
setIsLightTable(false);
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
document.exitFullscreen?.();
|
|
72
|
+
}
|
|
73
|
+
break;
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
window.addEventListener('keydown', handleKeyDown);
|
|
77
|
+
return () => window.removeEventListener('keydown', handleKeyDown);
|
|
78
|
+
}, [
|
|
79
|
+
navigation.nextStep,
|
|
80
|
+
navigation.previousStep,
|
|
81
|
+
presenter.openPresenterWindow,
|
|
82
|
+
toggleLightTable,
|
|
83
|
+
isLightTable,
|
|
84
|
+
isPresenter,
|
|
85
|
+
]);
|
|
86
|
+
useEffect(() => {
|
|
87
|
+
if (isPresenter)
|
|
88
|
+
return;
|
|
89
|
+
window.addEventListener('dblclick', navigation.previousStep);
|
|
90
|
+
return () => window.removeEventListener('dblclick', navigation.previousStep);
|
|
91
|
+
}, [navigation.previousStep, isPresenter]);
|
|
92
|
+
useEffect(() => {
|
|
93
|
+
registerExportApi();
|
|
94
|
+
}, []);
|
|
95
|
+
const contextValue = useMemo(() => ({
|
|
96
|
+
currentSlide: navigation.currentSlide,
|
|
97
|
+
currentStep: navigation.currentStep,
|
|
98
|
+
totalSlides: navigation.totalSlides,
|
|
99
|
+
stepsForCurrentSlide: navigation.stepsForCurrentSlide,
|
|
100
|
+
isExiting: navigation.isExiting,
|
|
101
|
+
isPresenterMode: presenter.isPresenterOpen,
|
|
102
|
+
isLightTable,
|
|
103
|
+
toggleLightTable,
|
|
104
|
+
goToSlide: navigation.goToSlide,
|
|
105
|
+
nextStep: navigation.nextStep,
|
|
106
|
+
previousStep: navigation.previousStep,
|
|
107
|
+
}), [
|
|
108
|
+
navigation.currentSlide,
|
|
109
|
+
navigation.currentStep,
|
|
110
|
+
navigation.totalSlides,
|
|
111
|
+
navigation.stepsForCurrentSlide,
|
|
112
|
+
navigation.isExiting,
|
|
113
|
+
navigation.goToSlide,
|
|
114
|
+
navigation.nextStep,
|
|
115
|
+
navigation.previousStep,
|
|
116
|
+
presenter.isPresenterOpen,
|
|
117
|
+
isLightTable,
|
|
118
|
+
toggleLightTable,
|
|
119
|
+
]);
|
|
120
|
+
if (isPresenter) {
|
|
121
|
+
return (_jsxs(SlideContext.Provider, { value: contextValue, children: [_jsx("div", { style: { display: 'none' }, children: children }), _jsx(PresenterView, {})] }));
|
|
122
|
+
}
|
|
123
|
+
return (_jsxs(SlideContext.Provider, { value: contextValue, children: [children, isLightTable && _jsx(LightTable, {}), _jsx(SlideControls, {})] }));
|
|
124
|
+
};
|
|
125
|
+
//# sourceMappingURL=slide-runtime.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-runtime.js","sourceRoot":"","sources":["../../src/runtime/slide-runtime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type ShapeType = 'circle' | 'square' | 'rounded-square' | 'triangle' | 'diamond' | 'pentagon' | 'hexagon' | 'octagon' | 'star' | 'plus' | 'cloud' | 'arrow-right' | 'arrow-left' | 'chevron-right' | 'pill' | 'badge' | 'parallelogram' | 'heart';
|
|
3
|
+
type SlideShapeProps = {
|
|
4
|
+
shape: ShapeType;
|
|
5
|
+
size?: number;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
fill?: string;
|
|
9
|
+
stroke?: string;
|
|
10
|
+
strokeWidth?: number;
|
|
11
|
+
opacity?: number;
|
|
12
|
+
imageSrc?: string;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
'data-magic-id'?: string;
|
|
17
|
+
'data-step'?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const SlideShape: React.FC<SlideShapeProps>;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=slide-shape.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slide-shape.d.ts","sourceRoot":"","sources":["../../src/runtime/slide-shape.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,MAAM,GACN,MAAM,GACN,OAAO,GACP,aAAa,GACb,YAAY,GACZ,eAAe,GACf,MAAM,GACN,OAAO,GACP,eAAe,GACf,OAAO,CAAA;AAEX,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAqFD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyGhD,CAAA"}
|