4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T1aa7,/** * Plotcn Shared Google Charts Singleton Loader * Handles script injection, concurrent request deduplication, on-demand package loading, and SSR safety. */ export interface GoogleDataTableColumn { type: string id?: string label?: string role?: string p?: Record } export interface GoogleVisualizationDataTable { addColumn: (typeOrCol: string | GoogleDataTableColumn, label?: string, id?: string) => number | void addRow: (cellValues: unknown[]) => number | void addRows: (numOrArray: number | unknown[][]) => number | void getNumberOfRows?: () => number getNumberOfColumns?: () => number getValue?: (rowIndex: number, columnIndex: number) => unknown getFormattedValue?: (rowIndex: number, columnIndex: number) => string } export interface GoogleVisualizationChart { draw: (data: GoogleVisualizationDataTable, options?: Record) => void clearChart?: () => void getSelection?: () => Array<{ row?: number; column?: number }> setSelection?: (selection: Array<{ row?: number; column?: number }>) => void } export interface GoogleChartsApi { charts: { load: (version: string, options: { packages: readonly string[]; language?: string }) => Promise | void setOnLoadCallback: (callback: () => void) => void } visualization: { DataTable: new (data?: unknown) => GoogleVisualizationDataTable arrayToDataTable?: (rows: unknown[][], opt_firstRowIsData?: boolean) => GoogleVisualizationDataTable LineChart: new (element: HTMLElement) => GoogleVisualizationChart ColumnChart: new (element: HTMLElement) => GoogleVisualizationChart GeoChart: new (element: HTMLElement) => GoogleVisualizationChart events: { addListener: (target: unknown, eventName: string, handler: (event?: unknown) => void) => unknown removeListener?: (listener: unknown) => void removeAllListeners?: (target: unknown) => void } [key: string]: unknown } } declare global { interface Window { google?: GoogleChartsApi } } export type GoogleChartsLoaderState = "idle" | "loading" | "ready" | "error" export function escapeGoogleTooltipText(value: unknown): string { return String(value) .replaceAll("&", "&") .replaceAll("<", "<") .replaceAll(">", ">") .replaceAll('"', """) .replaceAll("'", "'") } export const googleChartPackages = { core: ["corechart"], geo: ["geochart"], timeline: ["timeline"], sankey: ["sankey"], org: ["orgchart"], table: ["table"], } as const export type GooglePackageKey = keyof typeof googleChartPackages let loaderPromise: Promise | null = null let loaderState: GoogleChartsLoaderState = "idle" const loadedPackages = new Set() export function getLoaderState(): GoogleChartsLoaderState { return loaderState } /** * Loads the base Google Charts JavaScript loader tag at most once. */ export function loadGoogleChartsBase(): Promise { if (typeof window === "undefined") { return Promise.resolve() } if (window.google?.charts) { loaderState = "ready" return Promise.resolve() } if (loaderPromise) { return loaderPromise } loaderState = "loading" loaderPromise = new Promise((resolve, reject) => { // Check if script tag already exists in DOM const existing = document.querySelector('script[src="https://www.gstatic.com/charts/loader.js"]') if (existing) { existing.addEventListener("load", () => { loaderState = "ready" resolve() }) existing.addEventListener("error", () => { loaderState = "error" reject(new Error("Failed to load Google Charts base script.")) }) return } const script = document.createElement("script") script.src = "https://www.gstatic.com/charts/loader.js" script.async = true script.onload = () => { loaderState = "ready" resolve() } script.onerror = () => { loaderState = "error" loaderPromise = null reject(new Error("Failed to load Google Charts script from CDN.")) } document.head.appendChild(script) }) return loaderPromise } /** * Loads specific packages on demand. */ export async function loadGoogleChartsPackages(packages: readonly string[]): Promise { await loadGoogleChartsBase() const pending = packages.filter((pkg) => !loadedPackages.has(pkg)) if (pending.length === 0) { return } return new Promise((resolve, reject) => { if (!window.google?.charts) { reject(new Error("Google Charts loader is not available.")) return } window.google.charts.load("current", { packages: pending, }) window.google.charts.setOnLoadCallback(() => { pending.forEach((pkg: string) => loadedPackages.add(pkg)) resolve() }) }) } /** * Resolves any CSS color string (hex, rgb, hsl, oklch, CSS variable) * to a concrete color format that Google Charts SVG engine can render reliably. */ export function resolveGoogleColor( colorStr: string | undefined, element?: HTMLElement | null, fallback = "#f4f4f5" ): string { if (!colorStr) return fallback let current = colorStr.trim() // 1. If it's already a standard hex color, return directly if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(current)) { return current } // 2. If it's a CSS variable e.g. var(--chart-1, #10b981) if (current.startsWith("var(")) { const inside = current.slice(4, -1).trim() const parts = inside.split(",") const varName = parts[0].trim() const defaultVal = parts[1]?.trim() || fallback if (element && typeof window !== "undefined") { const computed = getComputedStyle(element).getPropertyValue(varName).trim() current = computed || defaultVal } else { current = defaultVal } if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(current)) { return current } } // 3. If standard rgba/rgb with numbers, return directly if (/^rgba?\(\s*\d+\s*,\s*\d+\s*,\s*[\d.]+/i.test(current)) { return current } // 4. Resolve modern CSS colors (oklch, lab, etc.) via 1x1 canvas pixel read if (typeof document !== "undefined") { try { const canvas = document.createElement("canvas") canvas.width = 1 canvas.height = 1 const ctx = canvas.getContext("2d", { willReadFrequently: true }) if (ctx) { ctx.fillStyle = current ctx.fillRect(0, 0, 1, 1) const [r, g, b, a] = ctx.getImageData(0, 0, 1, 1).data if (a === 255) { const hex = ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1) return `#${hex}` } return `rgba(${r}, ${g}, ${b}, ${(a / 255).toFixed(2)})` } } catch { // fallback } } return current || fallback } 4c:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L4d",null,{"files":[{"path":"components/charts/google/google-chart-loader.ts","content":"$4e","type":"registry:ui","target":"components/charts/google/google-chart-loader.ts"}],"className":"h-[70svh] min-h-80"}]]}]