@printwithsynergy/lens-pdf 0.3.0-beta.81

package/dist/components/AnnotationToolbar.js

@@ -0,0 +1,258 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { useCallback, useEffect, useRef, useState, } from "react";
+/** Mouse-pointer silhouette — reads as “select” better than a lone △. */
+function SelectToolIcon() {
+    return (_jsx("svg", { width: 15, height: 15, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: _jsx("path", { d: "M6 3l12 8.5L13 14l2 7-7-5.5L6 21V3z" }) }));
+}
+const TOOLS = [
+    {
+        id: "pen",
+        label: "Pen",
+        tooltip: "Pen — click and drag to draw freehand strokes in the active colour.",
+        icon: "\u270E",
+    },
+    {
+        id: "pointer",
+        label: "Select & move",
+        tooltip: "Select — click a stroke, shape, or text you added, then drag to move or resize. Does nothing on empty artwork until you draw something else first.",
+        icon: _jsx(SelectToolIcon, {}),
+    },
+    {
+        id: "arrow",
+        label: "Arrow",
+        tooltip: "Arrow — press, drag, release to draw a line with an arrowhead at the end.",
+        icon: "\u2192",
+    },
+    {
+        id: "rectangle",
+        label: "Rectangle",
+        tooltip: "Rectangle — drag diagonally to draw an outlined rectangle.",
+        icon: "\u25A1",
+    },
+    {
+        id: "ellipse",
+        label: "Ellipse",
+        tooltip: "Ellipse — drag diagonally to draw an outlined ellipse or circle.",
+        icon: "\u25CB",
+    },
+    {
+        id: "text",
+        label: "Text",
+        tooltip: "Text — click once to place an editable text label.",
+        icon: "T",
+    },
+    {
+        id: "highlight",
+        label: "Highlight",
+        tooltip: "Highlight — drag diagonally to fill a translucent rectangle (uses active colour).",
+        icon: "\u2588",
+    },
+];
+const PRESET_COLORS = [
+    "#ef4444",
+    "#f59e0b",
+    "#22c55e",
+    "#3b82f6",
+    "#8b5cf6",
+    "#000000",
+    "#ffffff",
+];
+const ACCENT = "#e50c6a";
+function wrapperStyle(compact) {
+    return {
+        display: "flex",
+        alignItems: "center",
+        gap: compact ? 8 : 6,
+        rowGap: compact ? 8 : undefined,
+        padding: compact ? "8px 12px" : "6px 10px",
+        borderRadius: 8,
+        border: "1px solid rgba(255, 255, 255, 0.1)",
+        background: "rgba(15, 12, 25, 0.92)",
+        backdropFilter: "blur(8px)",
+        color: "#f5f3f7",
+        fontSize: 13,
+        boxShadow: "0 6px 18px rgba(0, 0, 0, 0.45)",
+        flexWrap: "wrap",
+        position: "relative",
+    };
+}
+/**
+ * Inner group wrapper. On compact / mobile hosts each group sets
+ * ``flex-basis: 100%`` so it always takes its own row — guarantees
+ * the toolbar reads as three clear lines (Tools / Colors / Actions)
+ * instead of an unpredictable organic wrap. Desktop keeps the groups
+ * inline; the outer wrapper's ``flex-wrap: wrap`` still handles
+ * narrow desktop viewports.
+ */
+function groupStyle(compact) {
+    return {
+        display: "flex",
+        flexWrap: "wrap",
+        alignItems: "center",
+        gap: compact ? 8 : 6,
+        flexBasis: compact ? "100%" : "auto",
+        justifyContent: compact ? "center" : "flex-start",
+    };
+}
+function toolButtonStyle(active, touch) {
+    const size = touch ? 40 : 28;
+    return {
+        width: size,
+        height: size,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: 6,
+        border: `1px solid ${active ? ACCENT : "rgba(255,255,255,0.1)"}`,
+        background: active ? ACCENT : "transparent",
+        color: active ? "#fff" : "inherit",
+        cursor: "pointer",
+        fontSize: touch ? 18 : 14,
+        fontWeight: 600,
+        padding: 0,
+        lineHeight: 1,
+    };
+}
+function dividerStyle(touch) {
+    return {
+        width: 1,
+        height: touch ? 24 : 18,
+        background: "rgba(255, 255, 255, 0.15)",
+        margin: "0 4px",
+        flexShrink: 0,
+    };
+}
+function swatchStyle(color, active, touch) {
+    const size = touch ? 26 : 18;
+    return {
+        width: size,
+        height: size,
+        borderRadius: "50%",
+        border: active
+            ? `2px solid ${ACCENT}`
+            : "2px solid rgba(255, 255, 255, 0.2)",
+        background: color,
+        cursor: "pointer",
+        padding: 0,
+        transform: active ? "scale(1.1)" : "scale(1)",
+        transition: "transform 0.12s ease",
+    };
+}
+function actionButtonStyle(disabled, touch) {
+    return {
+        padding: touch ? "8px 14px" : "4px 10px",
+        borderRadius: 6,
+        border: "1px solid rgba(255, 255, 255, 0.15)",
+        background: "transparent",
+        color: "inherit",
+        cursor: disabled ? "not-allowed" : "pointer",
+        opacity: disabled ? 0.4 : 1,
+        fontSize: touch ? 14 : 12,
+        fontWeight: 500,
+    };
+}
+const savingLabelStyle = {
+    fontSize: 11,
+    opacity: 0.65,
+    fontVariantNumeric: "tabular-nums",
+    marginLeft: 4,
+};
+function customColorInputStyle(touch) {
+    const size = touch ? 32 : 22;
+    return {
+        width: size,
+        height: size,
+        cursor: "pointer",
+        border: "none",
+        padding: 0,
+        background: "transparent",
+        borderRadius: 4,
+        marginLeft: 2,
+    };
+}
+const floatingTipStyle = {
+    position: "fixed",
+    zIndex: 10000,
+    maxWidth: 280,
+    padding: "8px 10px",
+    borderRadius: 6,
+    fontSize: 12,
+    lineHeight: 1.4,
+    fontWeight: 500,
+    color: "#f1f5f9",
+    background: "rgba(15, 12, 25, 0.98)",
+    border: "1px solid rgba(255,255,255,0.12)",
+    boxShadow: "0 8px 24px rgba(0,0,0,0.5)",
+    pointerEvents: "none",
+    textAlign: "left",
+};
+/**
+ * Self-styled annotation toolbar — works in any host with no Tailwind
+ * config required. Shows a visible floating tooltip on hover / focus
+ * (not only the native `title` attribute) so touch and fast users
+ * still discover what each control does.
+ *
+ * @public
+ */
+export function AnnotationToolbar({ activeTool, onToolChange, strokeColor, onStrokeColorChange, onUndo, onRedo, canUndo, canRedo, saving, compact = false, }) {
+    const [tip, setTip] = useState(null);
+    const leaveTimer = useRef(null);
+    const clearLeaveTimer = useCallback(() => {
+        if (leaveTimer.current) {
+            clearTimeout(leaveTimer.current);
+            leaveTimer.current = null;
+        }
+    }, []);
+    const showTip = useCallback((text, el) => {
+        clearLeaveTimer();
+        const r = el.getBoundingClientRect();
+        setTip({
+            text,
+            left: r.left + r.width / 2,
+            top: r.top,
+        });
+    }, [clearLeaveTimer]);
+    const hideTipDelayed = useCallback(() => {
+        clearLeaveTimer();
+        leaveTimer.current = setTimeout(() => setTip(null), 120);
+    }, [clearLeaveTimer]);
+    const hideTip = useCallback(() => {
+        clearLeaveTimer();
+        setTip(null);
+    }, [clearLeaveTimer]);
+    useEffect(() => () => {
+        clearLeaveTimer();
+    }, [clearLeaveTimer]);
+    const tipNode = tip &&
+        typeof document !== "undefined" &&
+        createPortal(_jsx("div", { style: {
+                ...floatingTipStyle,
+                left: tip.left,
+                top: tip.top,
+                transform: "translate(-50%, calc(-100% - 6px))",
+            }, role: "tooltip", children: tip.text }), document.body);
+    return (_jsxs("div", { style: wrapperStyle(compact), children: [tipNode, _jsx("div", { style: groupStyle(compact), children: TOOLS.map((tool) => (_jsx("button", { type: "button", onClick: () => onToolChange(tool.id), style: toolButtonStyle(activeTool === tool.id, compact), title: tool.tooltip, "aria-label": tool.label, "aria-pressed": activeTool === tool.id, onMouseEnter: (e) => showTip(tool.tooltip, e.currentTarget), onMouseLeave: hideTipDelayed, onFocus: (e) => showTip(tool.tooltip, e.currentTarget), onBlur: hideTip, children: tool.icon }, tool.id))) }), !compact && _jsx("span", { style: dividerStyle(compact) }), _jsxs("div", { style: groupStyle(compact), children: [PRESET_COLORS.map((color) => (_jsx("button", { type: "button", onClick: () => onStrokeColorChange(color), style: swatchStyle(color, strokeColor.toLowerCase() === color, compact), title: `${color} — click to use as stroke / fill colour`, "aria-label": `Use colour ${color}`, onMouseEnter: (e) => showTip(`Stroke / fill: ${color} — click to make it the active colour for pen, shapes, and text.`, e.currentTarget), onMouseLeave: hideTipDelayed, onFocus: (e) => showTip(`Stroke / fill: ${color} — click to make it the active colour for pen, shapes, and text.`, e.currentTarget), onBlur: hideTip }, color))), _jsx("input", { type: "color", value: strokeColor, onChange: (e) => onStrokeColorChange(e.target.value), style: customColorInputStyle(compact), title: "Open the system colour picker for a custom colour", "aria-label": "Custom colour", onMouseEnter: (e) => showTip("Custom colour — opens the system colour wheel (browser / OS).", e.currentTarget), onMouseLeave: hideTipDelayed, onFocus: (e) => showTip("Custom colour — opens the system colour wheel (browser / OS).", e.currentTarget), onBlur: hideTip })] }), !compact && _jsx("span", { style: dividerStyle(compact) }), _jsxs("div", { style: groupStyle(compact), children: [_jsx("button", { type: "button", onClick: onUndo, disabled: !canUndo, style: actionButtonStyle(!canUndo, compact), title: "Undo the last change to annotations on this page", onMouseEnter: (e) => {
+                            if (!canUndo)
+                                return;
+                            showTip("Undo — step back one change (draw, move, delete, etc.).", e.currentTarget);
+                        }, onMouseLeave: hideTipDelayed, onFocus: (e) => {
+                            if (!canUndo)
+                                return;
+                            showTip("Undo — step back one change (draw, move, delete, etc.).", e.currentTarget);
+                        }, onBlur: hideTip, children: "Undo" }), _jsx("button", { type: "button", onClick: onRedo, disabled: !canRedo, style: actionButtonStyle(!canRedo, compact), title: "Redo the last change you undid", onMouseEnter: (e) => {
+                            if (!canRedo)
+                                return;
+                            showTip("Redo — re-apply the last undone change.", e.currentTarget);
+                        }, onMouseLeave: hideTipDelayed, onFocus: (e) => {
+                            if (!canRedo)
+                                return;
+                            showTip("Redo — re-apply the last undone change.", e.currentTarget);
+                        }, onBlur: hideTip, children: "Redo" }), _jsx("span", { style: savingLabelStyle, title: saving
+                            ? "Writing your annotations to the in-memory store…"
+                            : "Last change is saved in this session (browser tab only)", onMouseEnter: (e) => showTip(saving
+                            ? "Saving — writing the canvas to the browser store…"
+                            : "Saved — annotations for this page are kept in this tab until you close or reload.", e.currentTarget), onMouseLeave: hideTipDelayed, children: saving ? "Saving…" : "Saved" })] })] }));
+}
+//# sourceMappingURL=AnnotationToolbar.js.map

package/dist/components/AnnotationToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationToolbar.js","sourceRoot":"","sources":["../../components/AnnotationToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/components/BoxOverlay.d.ts

@@ -0,0 +1,20 @@
+import type { DielineResult, PageInfo } from "../types";
+interface BoxOverlayProps {
+    page: PageInfo;
+    canvasWidth: number;
+    canvasHeight: number;
+    /** Dieline payload; used to drop a per-region info icon at the
+     *  centroid of each artwork cut area, in addition to the
+     *  standard trim/bleed/crop page boxes. */
+    dieline?: DielineResult | null;
+}
+/**
+ * BoxOverlay — Trim / Bleed / Crop box indicators with a clickable
+ * info icon per box that reveals the dimensions in both millimetres
+ * and inches. Multi-artwork files (front + back in one PDF) can have
+ * different trim/bleed regions per page; the per-box popover lets
+ * operators verify each one without mental conversion.
+ */
+export declare function BoxOverlay({ page, canvasWidth, canvasHeight, dieline }: BoxOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=BoxOverlay.d.ts.map

package/dist/components/BoxOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxOverlay.d.ts","sourceRoot":"","sources":["../../components/BoxOverlay.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAExD,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB;;+CAE2C;IAC3C,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CAChC;AAuCD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,eAAe,kDAiPvF"}

package/dist/components/BoxOverlay.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+/** Convert a PDF-coordinate box to pixel-space for the canvas. */
+function boxToPixels(box, page, canvasWidth, canvasHeight) {
+    const scaleX = canvasWidth / page.width_pts;
+    const scaleY = canvasHeight / page.height_pts;
+    const mb = page.media_box;
+    return {
+        left: (box.x0 - mb.x0) * scaleX,
+        top: canvasHeight - (box.y1 - mb.y0) * scaleY,
+        width: (box.x1 - box.x0) * scaleX,
+        height: (box.y1 - box.y0) * scaleY,
+    };
+}
+function ptToMm(pts) {
+    return pts * 25.4 / 72;
+}
+function ptToInches(pts) {
+    return pts / 72;
+}
+function formatSize(widthPts, heightPts) {
+    return {
+        mm: `${ptToMm(widthPts).toFixed(2)} × ${ptToMm(heightPts).toFixed(2)} mm`,
+        inches: `${ptToInches(widthPts).toFixed(3)} × ${ptToInches(heightPts).toFixed(3)} in`,
+    };
+}
+/**
+ * BoxOverlay — Trim / Bleed / Crop box indicators with a clickable
+ * info icon per box that reveals the dimensions in both millimetres
+ * and inches. Multi-artwork files (front + back in one PDF) can have
+ * different trim/bleed regions per page; the per-box popover lets
+ * operators verify each one without mental conversion.
+ */
+export function BoxOverlay({ page, canvasWidth, canvasHeight, dieline }) {
+    const [openPopover, setOpenPopover] = useState(null);
+    const boxes = [];
+    if (page.trim_box) {
+        boxes.push({
+            label: "Trim",
+            color: "#3b82f6",
+            dashArray: "none",
+            box: page.trim_box,
+        });
+    }
+    if (page.bleed_box) {
+        boxes.push({
+            label: "Bleed",
+            color: "#22c55e",
+            dashArray: "8 4",
+            box: page.bleed_box,
+        });
+    }
+    if (page.crop_box) {
+        boxes.push({
+            label: "Crop",
+            color: "#a855f7",
+            dashArray: "4 2",
+            box: page.crop_box,
+        });
+    }
+    // Dieline regions become first-class boxes alongside trim/bleed/crop.
+    // The info chip at the centroid still drives the click-to-show-size
+    // popover below; the rectangle is purely informational so operators
+    // can see at a glance WHERE the dieline lives on the page without
+    // having to click anything. Render in red (matches the chip color)
+    // with a 4-2 dash pattern so it doesn't compete with trim's solid
+    // blue.
+    const dielineRegions = dieline?.regions ?? [];
+    const dielineColor = dieline?.multi_color ? "#ef4444" : "#dc2626";
+    if (boxes.length === 0 && dielineRegions.length === 0)
+        return null;
+    return (_jsxs("div", { style: { position: "absolute", inset: 0, zIndex: 15 }, children: [_jsxs("svg", { width: canvasWidth, height: canvasHeight, style: { pointerEvents: "none" }, children: [dielineRegions.map((region, idx) => {
+                        const box = { x0: region.x0, y0: region.y0, x1: region.x1, y1: region.y1 };
+                        const px = boxToPixels(box, page, canvasWidth, canvasHeight);
+                        const label = dielineRegions.length > 1 ? `Dieline ${idx + 1}` : "Dieline";
+                        return (_jsxs("g", { children: [_jsx("rect", { x: px.left, y: px.top, width: px.width, height: px.height, fill: "none", stroke: dielineColor, strokeWidth: 1.5, strokeDasharray: "6 3", opacity: 0.85 }), _jsx("text", { x: px.left + 4, y: Math.max(12, px.top - 4), fill: dielineColor, style: { font: "10px ui-sans-serif, system-ui, -apple-system, sans-serif" }, children: label })] }, `die-rect-${idx}`));
+                    }), boxes.map(({ label, color, dashArray, box }) => {
+                        const px = boxToPixels(box, page, canvasWidth, canvasHeight);
+                        return (_jsxs("g", { children: [_jsx("rect", { x: px.left, y: px.top, width: px.width, height: px.height, fill: "none", stroke: color, strokeWidth: 1.5, strokeDasharray: dashArray, opacity: 0.8 }), _jsx("text", { x: px.left + 22, y: px.top - 4, fill: color, fontSize: 10, fontWeight: "bold", fontFamily: "sans-serif", children: label })] }, label));
+                    })] }), boxes.map(({ label, color, box }) => {
+                const px = boxToPixels(box, page, canvasWidth, canvasHeight);
+                const size = formatSize(box.x1 - box.x0, box.y1 - box.y0);
+                const isOpen = openPopover === label;
+                return (_jsxs("div", { className: "absolute", style: {
+                        left: Math.max(0, px.left + 4),
+                        top: Math.max(0, px.top - 20),
+                    }, children: [_jsx("button", { type: "button", "aria-label": `${label} size`, onClick: (e) => {
+                                e.stopPropagation();
+                                setOpenPopover(isOpen ? null : label);
+                            }, className: "flex h-4 w-4 items-center justify-center rounded-full text-[10px] font-bold text-white shadow ring-1 ring-black/20", style: { backgroundColor: color }, title: `Show ${label.toLowerCase()} size`, children: "i" }), isOpen && (_jsxs("div", { className: "absolute left-5 top-0 z-20 w-max rounded-md bg-black/90 px-3 py-2 text-xs text-white shadow-xl", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "mb-1 flex items-center gap-2 border-b border-white/10 pb-1", children: [_jsx("span", { className: "inline-block h-2 w-2 rounded-sm", style: { backgroundColor: color } }), _jsxs("span", { className: "font-semibold", children: [label, " size"] })] }), _jsxs("div", { className: "grid grid-cols-[auto_auto] gap-x-3 gap-y-0.5", children: [_jsx("span", { className: "text-slate-400", children: "Metric" }), _jsx("span", { className: "font-mono", children: size.mm }), _jsx("span", { className: "text-slate-400", children: "Imperial" }), _jsx("span", { className: "font-mono", children: size.inches })] })] }))] }, `icon-${label}`));
+            }), dieline?.regions?.map((region, idx) => {
+                const label = `Dieline ${idx + 1}`;
+                const box = { x0: region.x0, y0: region.y0, x1: region.x1, y1: region.y1 };
+                const px = boxToPixels(box, page, canvasWidth, canvasHeight);
+                const size = formatSize(region.x1 - region.x0, region.y1 - region.y0);
+                const isOpen = openPopover === label;
+                const cx = px.left + px.width / 2;
+                const cy = px.top + px.height / 2;
+                const color = dieline.multi_color ? "#ef4444" : "#dc2626";
+                return (_jsxs("div", { className: "absolute", style: { left: Math.max(0, cx - 8), top: Math.max(0, cy - 8) }, children: [_jsx("button", { type: "button", "aria-label": `${label} size`, onClick: (e) => {
+                                e.stopPropagation();
+                                setOpenPopover(isOpen ? null : label);
+                            }, className: "flex h-4 w-4 items-center justify-center rounded-full text-[10px] font-bold text-white shadow ring-1 ring-black/20", style: { backgroundColor: color }, title: `Show ${label.toLowerCase()} size`, children: "i" }), isOpen && (_jsxs("div", { className: "absolute left-5 top-0 z-20 w-max rounded-md bg-black/90 px-3 py-2 text-xs text-white shadow-xl", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "mb-1 flex items-center gap-2 border-b border-white/10 pb-1", children: [_jsx("span", { className: "inline-block h-2 w-2 rounded-sm", style: { backgroundColor: color } }), _jsx("span", { className: "font-semibold", children: label }), dieline.multi_color && (_jsx("span", { className: "ml-1 rounded bg-red-500/20 px-1 py-0.5 text-[9px] font-semibold text-red-300", children: "multi-colour" }))] }), _jsxs("div", { className: "grid grid-cols-[auto_auto] gap-x-3 gap-y-0.5", children: [_jsx("span", { className: "text-slate-400", children: "Metric" }), _jsx("span", { className: "font-mono", children: size.mm }), _jsx("span", { className: "text-slate-400", children: "Imperial" }), _jsx("span", { className: "font-mono", children: size.inches })] })] }))] }, `die-${idx}`));
+            }), _jsxs("div", { className: "pointer-events-none absolute bottom-2 left-2 rounded bg-black/70 p-2 text-xs text-white", children: [_jsx("p", { className: "mb-1 font-semibold", children: "Page Boxes" }), boxes.map(({ label, color }) => (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "inline-block h-2 w-4 rounded", style: { backgroundColor: color } }), _jsx("span", { children: label })] }, label)))] })] }));
+}
+//# sourceMappingURL=BoxOverlay.js.map

package/dist/components/BoxOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxOverlay.js","sourceRoot":"","sources":["../../components/BoxOverlay.tsx"],"names":[],"mappings":"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"}

package/dist/components/ColorPickerTool.d.ts

@@ -0,0 +1,11 @@
+interface ColorPickerToolProps {
+    jobId: string;
+    pageNum: number;
+    pageWidthPts: number;
+    pageHeightPts: number;
+    canvasWidth: number;
+    canvasHeight: number;
+}
+export declare function ColorPickerTool({ jobId: _jobId, pageNum, pageWidthPts, pageHeightPts, canvasWidth, canvasHeight, }: ColorPickerToolProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ColorPickerTool.d.ts.map

package/dist/components/ColorPickerTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerTool.d.ts","sourceRoot":"","sources":["../../components/ColorPickerTool.tsx"],"names":[],"mappings":"AAaA,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EAAE,MAAM,EACb,OAAO,EACP,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,GACb,EAAE,oBAAoB,kDA6TtB"}