@sqlrooms/mosaic 0.29.0-rc.2 → 0.29.0-rc.3

package/dist/MosaicSlice.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicSlice.js","sourceRoot":"","sources":["../src/MosaicSlice.ts"],"names":[],"mappings":"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","sourcesContent":["import {createId} from '@paralleldrive/cuid2';\nimport {\n  isWasmDuckDbConnector,\n  type DuckDbConnector,\n  type DuckDbSliceState,\n} from '@sqlrooms/duckdb';\nimport {\n  BaseRoomStoreState,\n  createSlice,\n  useBaseRoomStore,\n  type SliceFunctions,\n} from '@sqlrooms/room-store';\nimport type {\n  ArrowQueryRequest,\n  ExecQueryRequest,\n  JSONQueryRequest,\n} from '@uwdata/mosaic-core';\nimport {\n  Connector,\n  Coordinator,\n  coordinator,\n  decodeIPC,\n  makeClient,\n  Selection,\n  wasmConnector,\n} from '@uwdata/mosaic-core';\nimport {Query} from '@uwdata/mosaic-sql';\nimport type {Table as ArrowTable} from 'apache-arrow';\nimport {produce} from 'immer';\nimport {z} from 'zod';\nimport {\n  createMosaicTableFromArrowTable,\n  toArrowClientResult,\n} from './tableInterop';\n\nexport const MosaicSliceConfig = z.object({});\nexport type MosaicSliceConfig = z.infer<typeof MosaicSliceConfig>;\n\n// Client configuration options\nexport type MosaicClientOptions = {\n  /** Unique identifier for this client */\n  id?: string;\n  /** Selection name for cross-filtering (will create if doesn't exist) */\n  selectionName?: string;\n  /** The selection to subscribe to for cross-filtering */\n  selection?: Selection;\n  /** Query builder function that receives the current filter */\n  query: (filter: unknown) => ReturnType<typeof Query.from>;\n  /** Callback when query results are received */\n  queryResult?: (result: ArrowTable) => void;\n};\n\n// Tracked client info\nexport type TrackedClient = {\n  id: string;\n  client: ReturnType<typeof makeClient>;\n  createdAt: number;\n  isLoading: boolean;\n  data: unknown | null;\n  selection?: Selection; // Track for change detection\n  queryResultCallback?: (result: ArrowTable) => void; // External callback\n};\n\nexport type MosaicSliceState = {\n  mosaic: SliceFunctions & {\n    connection:\n      | {status: 'idle' | 'loading'}\n      | {status: 'ready'; connector?: Connector; coordinator: Coordinator}\n      | {status: 'error'; error: unknown};\n    config: MosaicSliceConfig;\n    /** Record of registered clients by id */\n    clients: Record<string, TrackedClient>;\n    /** Named selections for cross-filtering (e.g., 'brush', 'hover') */\n    selections: Record<string, Selection>;\n    initialize: () => Promise<void>;\n    /** Get or create a named selection for cross-filtering */\n    getSelection: (\n      name: string,\n      type?: 'crossfilter' | 'single' | 'union',\n    ) => Selection;\n    /** Create a mosaic client and register it */\n    createClient: (options: MosaicClientOptions) => string;\n    /** Ensure a client exists with given options (idempotent - creates or updates as needed) */\n    ensureClient: (\n      options: MosaicClientOptions & {\n        id: string;\n        onQueryResult?: (result: ArrowTable) => void;\n      },\n    ) => void;\n    /** Disconnect and remove a client by id */\n    destroyClient: (id: string) => void;\n    /** Disconnect all clients (useful for cleanup) */\n    destroyAllClients: () => void;\n  };\n};\n\nexport function createDefaultMosaicConfig(\n  props?: Partial<MosaicSliceConfig>,\n): MosaicSliceConfig {\n  return {\n    ...props,\n  } as MosaicSliceConfig;\n}\n\nexport type CreateMosaicSliceProps = {\n  config?: Partial<MosaicSliceConfig>;\n  coordinator?: Coordinator;\n};\n\nexport function createMosaicSlice(props: CreateMosaicSliceProps = {}) {\n  return createSlice<\n    MosaicSliceState,\n    BaseRoomStoreState & DuckDbSliceState & MosaicSliceState\n  >((set, get, store) => ({\n    mosaic: {\n      config: createDefaultMosaicConfig(props?.config),\n      connection: {status: 'idle'},\n      clients: {},\n      selections: {},\n\n      async initialize() {\n        let mosaicConnector: Connector | undefined;\n        let resolvedCoordinator!: Coordinator;\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.connection = {status: 'loading'};\n          }),\n        );\n        try {\n          if (props.coordinator) {\n            resolvedCoordinator = props.coordinator;\n          } else {\n            const dbConnector = await get().db.getConnector();\n            resolvedCoordinator = coordinator();\n            mosaicConnector = isWasmDuckDbConnector(dbConnector)\n              ? await wasmConnector({\n                  // @ts-expect-error - We install a different version of duckdb-wasm\n                  duckDb: dbConnector.getDb(),\n                  connection: dbConnector.getConnection(),\n                })\n              : createDuckDbMosaicConnector(dbConnector);\n            resolvedCoordinator.databaseConnector(mosaicConnector);\n          }\n        } catch (error) {\n          set((state) =>\n            produce(state, (draft) => {\n              draft.mosaic.connection = {status: 'error', error};\n            }),\n          );\n          throw error;\n        }\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.connection = {\n              status: 'ready',\n              connector: mosaicConnector,\n              coordinator: resolvedCoordinator,\n            };\n          }),\n        );\n      },\n\n      async destroy() {\n        get().mosaic.destroyAllClients();\n      },\n\n      getSelection(\n        name: string,\n        type: 'crossfilter' | 'single' | 'union' = 'crossfilter',\n      ) {\n        const existing = get().mosaic.selections[name];\n        if (existing) return existing;\n\n        const selection =\n          type === 'crossfilter'\n            ? Selection.crossfilter()\n            : type === 'single'\n              ? Selection.single()\n              : Selection.union();\n\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.selections[name] = selection;\n          }),\n        );\n        return selection;\n      },\n\n      createClient(options: MosaicClientOptions) {\n        const {connection} = get().mosaic;\n        if (connection.status !== 'ready') {\n          throw new Error('Mosaic connection not ready');\n        }\n\n        const id = options.id ?? createId();\n\n        // Determine which selection to use\n        const selection =\n          options.selection ??\n          (options.selectionName\n            ? get().mosaic.getSelection(options.selectionName)\n            : undefined);\n\n        // Wrap queryResult to update store state AND call external callback\n        const wrappedQueryResult = (data: unknown) => {\n          set((state) =>\n            produce(state, (draft) => {\n              const tracked = draft.mosaic.clients[id];\n              if (tracked) {\n                tracked.data = data;\n                tracked.isLoading = false;\n              }\n            }),\n          );\n          // Call external callback if provided\n          options.queryResult?.(toArrowClientResult(data));\n        };\n\n        const client = makeClient({\n          coordinator: connection.coordinator,\n          selection,\n          query: options.query,\n          queryResult: wrappedQueryResult,\n        });\n\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.clients[id] = {\n              id,\n              client,\n              createdAt: Date.now(),\n              isLoading: true,\n              data: null,\n              selection,\n              queryResultCallback: options.queryResult\n                ? (result: unknown) =>\n                    options.queryResult!(toArrowClientResult(result))\n                : undefined,\n            };\n          }),\n        );\n\n        return id;\n      },\n\n      ensureClient(\n        options: MosaicClientOptions & {\n          id: string;\n          onQueryResult?: (result: ArrowTable) => void;\n        },\n      ) {\n        const {connection, clients} = get().mosaic;\n        if (connection.status !== 'ready') {\n          return; // Silently return if not ready - hook will handle retry\n        }\n\n        const existing = clients[options.id];\n\n        // Determine which selection to use\n        const selection =\n          options.selection ??\n          (options.selectionName\n            ? get().mosaic.getSelection(options.selectionName)\n            : undefined);\n\n        // Check if client exists and selection matches\n        // Note: If query or callback changes, we recreate the client to ensure\n        // the latest versions are used. This is simpler than trying to update\n        // the bound queryResult callback in makeClient.\n        if (existing && existing.selection === selection) {\n          return; // No-op - client already exists with same selection\n        }\n\n        // If exists but selection changed, destroy it first\n        if (existing) {\n          get().mosaic.destroyClient(options.id);\n        }\n\n        // Create new client with wrapped queryResult that calls both store update and external callback\n        const wrappedQueryResult = (data: unknown) => {\n          set((state) =>\n            produce(state, (draft) => {\n              const tracked = draft.mosaic.clients[options.id];\n              if (tracked) {\n                tracked.data = data;\n                tracked.isLoading = false;\n              }\n            }),\n          );\n          const arrowData = toArrowClientResult(data);\n          // Call external callback if provided\n          options.onQueryResult?.(arrowData);\n          // Also call original queryResult if provided\n          options.queryResult?.(arrowData);\n        };\n\n        const client = makeClient({\n          coordinator: connection.coordinator,\n          selection,\n          query: options.query,\n          queryResult: wrappedQueryResult,\n        });\n\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.clients[options.id] = {\n              id: options.id,\n              client,\n              createdAt: Date.now(),\n              isLoading: true,\n              data: null,\n              selection,\n              queryResultCallback: options.onQueryResult\n                ? (result: unknown) =>\n                    options.onQueryResult!(toArrowClientResult(result))\n                : undefined,\n            };\n          }),\n        );\n      },\n\n      destroyClient(id: string) {\n        const {connection, clients} = get().mosaic;\n        const tracked = clients[id];\n        if (!tracked) return;\n\n        if (connection.status === 'ready') {\n          connection.coordinator.disconnect(tracked.client);\n        }\n\n        set((state) =>\n          produce(state, (draft) => {\n            delete draft.mosaic.clients[id];\n          }),\n        );\n      },\n\n      destroyAllClients() {\n        const {connection, clients} = get().mosaic;\n\n        if (connection.status === 'ready') {\n          Object.values(clients).forEach((tracked) => {\n            connection.coordinator.disconnect(tracked.client);\n          });\n        }\n\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.clients = {};\n          }),\n        );\n      },\n    },\n  }));\n}\n\nexport type DuckDbSliceStateWithMosaic = DuckDbSliceState & MosaicSliceState;\n\nexport function useStoreWithMosaic<T>(\n  selector: (state: DuckDbSliceStateWithMosaic) => T,\n): T {\n  return useBaseRoomStore<BaseRoomStoreState, T>((state) =>\n    selector(state as unknown as DuckDbSliceStateWithMosaic),\n  );\n}\n\n/**\n * Adapts a {@link DuckDbConnector} to the Mosaic {@link Connector} interface.\n *\n * For `'arrow'` queries the Apache Arrow table returned by the connector is\n * converted via {@link createMosaicTableFromArrowTable} into a flechette\n * `Table`, which is the shape Mosaic consumers expect (with `.toColumns()`).\n * For `'json'` queries, rows are materialized with {@link Array.from} which\n * may have performance/memory implications for very large result sets.\n * The `as any` casts on the return type are an intentional adapter trade-off\n * to satisfy the polymorphic {@link Connector['query']} signature.\n */\nfunction createDuckDbMosaicConnector(connector: DuckDbConnector): Connector {\n  return {\n    query: (async (\n      query: ArrowQueryRequest | ExecQueryRequest | JSONQueryRequest,\n    ) => {\n      const queryType = query.type ?? 'arrow';\n      if (queryType === 'exec') {\n        await connector.execute(query.sql);\n        return undefined as any;\n      }\n      if (queryType === 'json') {\n        const rows = await connector.queryJson<Record<string, unknown>>(\n          query.sql,\n        );\n        return Array.from(rows) as any;\n      }\n      if (queryType === 'arrow') {\n        const arrowTable = await connector.query(query.sql);\n        return createMosaicTableFromArrowTable(arrowTable) as any;\n      }\n      throw new Error(`Unsupported Mosaic query type \"${queryType}\".`);\n    }) as Connector['query'],\n  };\n}\n"]}
+{"version":3,"file":"MosaicSlice.js","sourceRoot":"","sources":["../src/MosaicSlice.ts"],"names":[],"mappings":"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","sourcesContent":["import {createId} from '@paralleldrive/cuid2';\nimport {\n  isWasmDuckDbConnector,\n  type DuckDbConnector,\n  type DuckDbSliceState,\n} from '@sqlrooms/duckdb';\nimport {\n  BaseRoomStoreState,\n  createSlice,\n  useBaseRoomStore,\n  type SliceFunctions,\n} from '@sqlrooms/room-store';\nimport type {\n  ArrowQueryRequest,\n  ExecQueryRequest,\n  JSONQueryRequest,\n} from '@uwdata/mosaic-core';\nimport {\n  Connector,\n  Coordinator,\n  coordinator,\n  makeClient,\n  Selection,\n  wasmConnector,\n} from '@uwdata/mosaic-core';\nimport {Query} from '@uwdata/mosaic-sql';\nimport type {Table as ArrowTable} from 'apache-arrow';\nimport {produce} from 'immer';\nimport {z} from 'zod';\nimport {\n  createMosaicTableFromArrowTable,\n  toArrowClientResult,\n} from './tableInterop';\n\nexport const MosaicSliceConfig = z.object({});\nexport type MosaicSliceConfig = z.infer<typeof MosaicSliceConfig>;\n\nexport type MosaicPreAggregateOptions = {\n  /** Database schema/namespace for Mosaic pre-aggregate tables. */\n  schema?: string;\n  /** Enable or disable Mosaic's pre-aggregation optimization. */\n  enabled?: boolean;\n};\n\n// Client configuration options\nexport type MosaicClientOptions = {\n  /** Unique identifier for this client */\n  id?: string;\n  /** Selection name for cross-filtering (will create if doesn't exist) */\n  selectionName?: string;\n  /** The selection to subscribe to for cross-filtering */\n  selection?: Selection;\n  /** Query builder function that receives the current filter */\n  query: (filter: unknown) => ReturnType<typeof Query.from>;\n  /** Callback when query results are received */\n  queryResult?: (result: ArrowTable) => void;\n  /** Callback when query execution fails */\n  queryError?: (error: Error) => void;\n};\n\n// Tracked client info\nexport type TrackedClient = {\n  id: string;\n  client: ReturnType<typeof makeClient>;\n  createdAt: number;\n  isLoading: boolean;\n  data: unknown | null;\n  error?: Error;\n  selection?: Selection; // Track for change detection\n  queryResultCallback?: (result: ArrowTable) => void; // External callback\n};\n\nexport type MosaicSliceState = {\n  mosaic: SliceFunctions & {\n    connection:\n      | {status: 'idle' | 'loading'}\n      | {status: 'ready'; connector?: Connector; coordinator: Coordinator}\n      | {status: 'error'; error: unknown};\n    config: MosaicSliceConfig;\n    /** Record of registered clients by id */\n    clients: Record<string, TrackedClient>;\n    /** Named selections for cross-filtering (e.g., 'brush', 'hover') */\n    selections: Record<string, Selection>;\n    initialize: () => Promise<void>;\n    /** Get or create a named selection for cross-filtering */\n    getSelection: (\n      name: string,\n      type?: 'crossfilter' | 'single' | 'union',\n    ) => Selection;\n    /** Create a mosaic client and register it */\n    createClient: (options: MosaicClientOptions) => string;\n    /** Ensure a client exists with given options (idempotent - creates or updates as needed) */\n    ensureClient: (\n      options: MosaicClientOptions & {\n        id: string;\n        onQueryResult?: (result: ArrowTable) => void;\n        onQueryError?: (error: Error) => void;\n      },\n    ) => void;\n    /** Disconnect and remove a client by id */\n    destroyClient: (id: string) => void;\n    /** Disconnect all clients (useful for cleanup) */\n    destroyAllClients: () => void;\n  };\n};\n\nexport function createDefaultMosaicConfig(\n  props?: Partial<MosaicSliceConfig>,\n): MosaicSliceConfig {\n  return {\n    ...props,\n  } as MosaicSliceConfig;\n}\n\nexport type CreateMosaicSliceProps = {\n  config?: Partial<MosaicSliceConfig>;\n  coordinator?: Coordinator;\n  preagg?: MosaicPreAggregateOptions;\n};\n\nexport function createMosaicSlice(props: CreateMosaicSliceProps = {}) {\n  return createSlice<\n    MosaicSliceState,\n    BaseRoomStoreState & DuckDbSliceState & MosaicSliceState\n  >((set, get, store) => ({\n    mosaic: {\n      config: createDefaultMosaicConfig(props?.config),\n      connection: {status: 'idle'},\n      clients: {},\n      selections: {},\n\n      async initialize() {\n        let mosaicConnector: Connector | undefined;\n        let resolvedCoordinator!: Coordinator;\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.connection = {status: 'loading'};\n          }),\n        );\n        try {\n          if (props.coordinator) {\n            resolvedCoordinator = props.coordinator;\n            applyMosaicPreAggregateOptions(resolvedCoordinator, props.preagg);\n          } else {\n            const dbConnector = await get().db.getConnector();\n            resolvedCoordinator = coordinator();\n            mosaicConnector = isWasmDuckDbConnector(dbConnector)\n              ? await wasmConnector({\n                  // @ts-expect-error - We install a different version of duckdb-wasm\n                  duckDb: dbConnector.getDb(),\n                  connection: dbConnector.getConnection(),\n                })\n              : createDuckDbMosaicConnector(dbConnector);\n            applyMosaicPreAggregateOptions(resolvedCoordinator, props.preagg);\n            resolvedCoordinator.databaseConnector(mosaicConnector);\n          }\n        } catch (error) {\n          set((state) =>\n            produce(state, (draft) => {\n              draft.mosaic.connection = {status: 'error', error};\n            }),\n          );\n          throw error;\n        }\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.connection = {\n              status: 'ready',\n              connector: mosaicConnector,\n              coordinator: resolvedCoordinator,\n            };\n          }),\n        );\n      },\n\n      async destroy() {\n        get().mosaic.destroyAllClients();\n      },\n\n      setConfig(config: MosaicSliceConfig) {\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.config = config;\n          }),\n        );\n      },\n\n      getSelection(\n        name: string,\n        type: 'crossfilter' | 'single' | 'union' = 'crossfilter',\n      ) {\n        const existing = get().mosaic.selections[name];\n        if (existing) return existing;\n\n        const selection =\n          type === 'crossfilter'\n            ? Selection.crossfilter()\n            : type === 'single'\n              ? Selection.single()\n              : Selection.union();\n\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.selections[name] = selection;\n          }),\n        );\n        return selection;\n      },\n\n      createClient(options: MosaicClientOptions) {\n        const {connection} = get().mosaic;\n        if (connection.status !== 'ready') {\n          throw new Error('Mosaic connection not ready');\n        }\n\n        const id = options.id ?? createId();\n\n        // Determine which selection to use\n        const selection =\n          options.selection ??\n          (options.selectionName\n            ? get().mosaic.getSelection(options.selectionName)\n            : undefined);\n\n        // Wrap queryResult to update store state AND call external callback\n        const wrappedQueryResult = (data: unknown) => {\n          set((state) =>\n            produce(state, (draft) => {\n              const tracked = draft.mosaic.clients[id];\n              if (tracked) {\n                tracked.data = data;\n                tracked.isLoading = false;\n                tracked.error = undefined;\n              }\n            }),\n          );\n          // Call external callback if provided\n          options.queryResult?.(toArrowClientResult(data));\n        };\n        const wrappedQueryPending = () => {\n          set((state) =>\n            produce(state, (draft) => {\n              const tracked = draft.mosaic.clients[id];\n              if (tracked) {\n                tracked.isLoading = true;\n                tracked.error = undefined;\n              }\n            }),\n          );\n        };\n        const wrappedQueryError = (error: Error) => {\n          set((state) =>\n            produce(state, (draft) => {\n              const tracked = draft.mosaic.clients[id];\n              if (tracked) {\n                tracked.isLoading = false;\n                tracked.error = error;\n              }\n            }),\n          );\n          client.enabled = false;\n          options.queryError?.(error);\n        };\n\n        const client = makeClient({\n          coordinator: connection.coordinator,\n          selection,\n          query: options.query,\n          queryResult: wrappedQueryResult,\n          queryPending: wrappedQueryPending,\n          queryError: wrappedQueryError,\n        });\n\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.clients[id] = {\n              id,\n              client,\n              createdAt: Date.now(),\n              isLoading: true,\n              data: null,\n              error: undefined,\n              selection,\n              queryResultCallback: options.queryResult\n                ? (result: unknown) =>\n                    options.queryResult!(toArrowClientResult(result))\n                : undefined,\n            };\n          }),\n        );\n\n        return id;\n      },\n\n      ensureClient(\n        options: MosaicClientOptions & {\n          id: string;\n          onQueryResult?: (result: ArrowTable) => void;\n          onQueryError?: (error: Error) => void;\n        },\n      ) {\n        const {connection, clients} = get().mosaic;\n        if (connection.status !== 'ready') {\n          return; // Silently return if not ready - hook will handle retry\n        }\n\n        const existing = clients[options.id];\n\n        // Determine which selection to use\n        const selection =\n          options.selection ??\n          (options.selectionName\n            ? get().mosaic.getSelection(options.selectionName)\n            : undefined);\n\n        // Check if client exists and selection matches\n        // Note: If query or callback changes, we recreate the client to ensure\n        // the latest versions are used. This is simpler than trying to update\n        // the bound queryResult callback in makeClient.\n        if (existing && existing.selection === selection) {\n          return; // No-op - client already exists with same selection\n        }\n\n        // If exists but selection changed, destroy it first\n        if (existing) {\n          get().mosaic.destroyClient(options.id);\n        }\n\n        // Create new client with wrapped queryResult that calls both store update and external callback\n        const wrappedQueryResult = (data: unknown) => {\n          set((state) =>\n            produce(state, (draft) => {\n              const tracked = draft.mosaic.clients[options.id];\n              if (tracked) {\n                tracked.data = data;\n                tracked.isLoading = false;\n                tracked.error = undefined;\n              }\n            }),\n          );\n          const arrowData = toArrowClientResult(data);\n          // Call external callback if provided\n          options.onQueryResult?.(arrowData);\n          // Also call original queryResult if provided\n          options.queryResult?.(arrowData);\n        };\n        const wrappedQueryPending = () => {\n          set((state) =>\n            produce(state, (draft) => {\n              const tracked = draft.mosaic.clients[options.id];\n              if (tracked) {\n                tracked.isLoading = true;\n                tracked.error = undefined;\n              }\n            }),\n          );\n        };\n        const wrappedQueryError = (error: Error) => {\n          set((state) =>\n            produce(state, (draft) => {\n              const tracked = draft.mosaic.clients[options.id];\n              if (tracked) {\n                tracked.isLoading = false;\n                tracked.error = error;\n              }\n            }),\n          );\n          client.enabled = false;\n          options.onQueryError?.(error);\n          options.queryError?.(error);\n        };\n\n        const client = makeClient({\n          coordinator: connection.coordinator,\n          selection,\n          query: options.query,\n          queryResult: wrappedQueryResult,\n          queryPending: wrappedQueryPending,\n          queryError: wrappedQueryError,\n        });\n\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.clients[options.id] = {\n              id: options.id,\n              client,\n              createdAt: Date.now(),\n              isLoading: true,\n              data: null,\n              error: undefined,\n              selection,\n              queryResultCallback: options.onQueryResult\n                ? (result: unknown) =>\n                    options.onQueryResult!(toArrowClientResult(result))\n                : undefined,\n            };\n          }),\n        );\n      },\n\n      destroyClient(id: string) {\n        const {clients} = get().mosaic;\n        const tracked = clients[id];\n        if (!tracked) return;\n\n        tracked.client.destroy();\n\n        set((state) =>\n          produce(state, (draft) => {\n            delete draft.mosaic.clients[id];\n          }),\n        );\n      },\n\n      destroyAllClients() {\n        const {clients} = get().mosaic;\n        Object.values(clients).forEach((tracked) => {\n          tracked.client.destroy();\n        });\n\n        set((state) =>\n          produce(state, (draft) => {\n            draft.mosaic.clients = {};\n          }),\n        );\n      },\n    },\n  }));\n}\n\nfunction applyMosaicPreAggregateOptions(\n  mosaicCoordinator: Coordinator,\n  options?: MosaicPreAggregateOptions,\n) {\n  if (!options) {\n    return;\n  }\n  if (options.schema !== undefined) {\n    mosaicCoordinator.preaggregator.schema = options.schema;\n  }\n  if (options.enabled !== undefined) {\n    mosaicCoordinator.preaggregator.enabled = options.enabled;\n  }\n}\n\nexport type DuckDbSliceStateWithMosaic = DuckDbSliceState & MosaicSliceState;\n\nexport function useStoreWithMosaic<T>(\n  selector: (state: DuckDbSliceStateWithMosaic) => T,\n): T {\n  return useBaseRoomStore<BaseRoomStoreState, T>((state) =>\n    selector(state as unknown as DuckDbSliceStateWithMosaic),\n  );\n}\n\n/**\n * Adapts a {@link DuckDbConnector} to the Mosaic {@link Connector} interface.\n *\n * For `'arrow'` queries the Apache Arrow table returned by the connector is\n * converted via {@link createMosaicTableFromArrowTable} into a flechette\n * `Table`, which is the shape Mosaic consumers expect (with `.toColumns()`).\n * For `'json'` queries, rows are materialized with {@link Array.from} which\n * may have performance/memory implications for very large result sets.\n * The `as any` casts on the return type are an intentional adapter trade-off\n * to satisfy the polymorphic {@link Connector['query']} signature.\n */\nfunction createDuckDbMosaicConnector(connector: DuckDbConnector): Connector {\n  return {\n    query: (async (\n      query: ArrowQueryRequest | ExecQueryRequest | JSONQueryRequest,\n    ) => {\n      const queryType = query.type ?? 'arrow';\n      if (queryType === 'exec') {\n        await connector.execute(query.sql);\n        return undefined as any;\n      }\n      if (queryType === 'json') {\n        const rows = await connector.queryJson<Record<string, unknown>>(\n          query.sql,\n        );\n        return Array.from(rows) as any;\n      }\n      if (queryType === 'arrow') {\n        const arrowTable = await connector.query(query.sql);\n        return createMosaicTableFromArrowTable(arrowTable) as any;\n      }\n      throw new Error(`Unsupported Mosaic query type \"${queryType}\".`);\n    }) as Connector['query'],\n  };\n}\n"]}

package/dist/ResponsivePlot.d.ts

@@ -0,0 +1,23 @@
+import { PropsWithChildren } from 'react';
+export type PlotSize = {
+    width: number;
+    height: number;
+};
+export type ResponsivePlotProps = PropsWithChildren<{
+    onResize: (size: PlotSize) => void;
+    debounceMs?: number;
+    className?: string;
+}>;
+/**
+ * Container component that measures its size and notifies parent via callback.
+ * Uses ResizeObserver with debouncing to reduce update frequency.
+ * Exposes ref to the container div for direct DOM access.
+ */
+export declare const ResponsivePlot: import("react").ForwardRefExoticComponent<{
+    onResize: (size: PlotSize) => void;
+    debounceMs?: number;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ResponsivePlot.d.ts.map

package/dist/ResponsivePlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsivePlot.d.ts","sourceRoot":"","sources":["../src/ResponsivePlot.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,cAAc;cAVf,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI;iBACrB,MAAM;gBACP,MAAM;;;kDAqDnB,CAAC"}

package/dist/ResponsivePlot.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, useDebouncedCallback } from '@sqlrooms/ui';
+import { forwardRef, useEffect, useImperativeHandle, useRef, } from 'react';
+/**
+ * Container component that measures its size and notifies parent via callback.
+ * Uses ResizeObserver with debouncing to reduce update frequency.
+ * Exposes ref to the container div for direct DOM access.
+ */
+export const ResponsivePlot = forwardRef(({ onResize, debounceMs = 150, className, children }, ref) => {
+    const containerRef = useRef(null);
+    const lastSizeRef = useRef(null);
+    // Expose the internal ref to parent
+    useImperativeHandle(ref, () => containerRef.current, []);
+    // Debounced callback to reduce re-render frequency during resizing
+    const onResizeDebounced = useDebouncedCallback((size) => {
+        // Only call onResize if size actually changed
+        if (!lastSizeRef.current ||
+            lastSizeRef.current.width !== size.width ||
+            lastSizeRef.current.height !== size.height) {
+            lastSizeRef.current = size;
+            onResize(size);
+        }
+    }, debounceMs);
+    // Measure container size with ResizeObserver
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const { width, height } = entry.contentRect;
+                if (width > 0 && height > 0) {
+                    onResizeDebounced({ width, height });
+                }
+            }
+        });
+        resizeObserver.observe(container);
+        return () => resizeObserver.disconnect();
+    }, [onResizeDebounced]);
+    return (_jsx("div", { ref: containerRef, className: cn('h-full w-full', className), children: children }));
+});
+ResponsivePlot.displayName = 'ResponsivePlot';
+//# sourceMappingURL=ResponsivePlot.js.map

package/dist/ResponsivePlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsivePlot.js","sourceRoot":"","sources":["../src/ResponsivePlot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAE,oBAAoB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EACL,UAAU,EAEV,SAAS,EACT,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AAaf;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAC,QAAQ,EAAE,UAAU,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAElD,oCAAoC;IACpC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAC;IAE1D,mEAAmE;IACnE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,IAAc,EAAE,EAAE;QAChE,8CAA8C;QAC9C,IACE,CAAC,WAAW,CAAC,OAAO;YACpB,WAAW,CAAC,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;YACxC,WAAW,CAAC,OAAO,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAC1C,CAAC;YACD,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,UAAU,CAAC,CAAC;IAEf,6CAA6C;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACpD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC;gBAC1C,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC5B,iBAAiB,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAC;gBACrC,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YAC9D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import {cn, useDebouncedCallback} from '@sqlrooms/ui';\nimport {\n  forwardRef,\n  PropsWithChildren,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nexport type PlotSize = {\n  width: number;\n  height: number;\n};\n\nexport type ResponsivePlotProps = PropsWithChildren<{\n  onResize: (size: PlotSize) => void;\n  debounceMs?: number;\n  className?: string;\n}>;\n\n/**\n * Container component that measures its size and notifies parent via callback.\n * Uses ResizeObserver with debouncing to reduce update frequency.\n * Exposes ref to the container div for direct DOM access.\n */\nexport const ResponsivePlot = forwardRef<HTMLDivElement, ResponsivePlotProps>(\n  ({onResize, debounceMs = 150, className, children}, ref) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const lastSizeRef = useRef<PlotSize | null>(null);\n\n    // Expose the internal ref to parent\n    useImperativeHandle(ref, () => containerRef.current!, []);\n\n    // Debounced callback to reduce re-render frequency during resizing\n    const onResizeDebounced = useDebouncedCallback((size: PlotSize) => {\n      // Only call onResize if size actually changed\n      if (\n        !lastSizeRef.current ||\n        lastSizeRef.current.width !== size.width ||\n        lastSizeRef.current.height !== size.height\n      ) {\n        lastSizeRef.current = size;\n        onResize(size);\n      }\n    }, debounceMs);\n\n    // Measure container size with ResizeObserver\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return;\n\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const {width, height} = entry.contentRect;\n          if (width > 0 && height > 0) {\n            onResizeDebounced({width, height});\n          }\n        }\n      });\n\n      resizeObserver.observe(container);\n      return () => resizeObserver.disconnect();\n    }, [onResizeDebounced]);\n\n    return (\n      <div ref={containerRef} className={cn('h-full w-full', className)}>\n        {children}\n      </div>\n    );\n  },\n);\n\nResponsivePlot.displayName = 'ResponsivePlot';\n"]}

package/dist/VgPlotChart.d.ts

@@ -1,4 +1,4 @@
-import { Param } from '@uwdata/mosaic-core';
+import { Param, Selection } from '@uwdata/mosaic-core';
 import { Spec } from '@uwdata/mosaic-spec';
 import { FC } from 'react';
 type SpecProps = {
@@ -9,14 +9,30 @@ type SpecProps = {
      * This allows multiple independently-rendered specs to share the same
      * Selection objects for cross-filtering.
      */
-    params?: Map<string, Param<any>>;
+    params?: Map<string, Param<any> | Selection>;
+    /**
+     * Optional retention adapter for preserving the underlying vgplot
+     * instance across temporary unmount/remount cycles, such as dashboard tab
+     * switches.
+     */
+    retention?: VgPlotChartRetention;
 };
 type PlotProps = {
     plot: HTMLElement | SVGSVGElement;
 };
 type VgPlotChartProps = SpecProps | PlotProps;
+export type RetainedVgPlotChart = {
+    element: object;
+    params?: Map<string, Param<any> | Selection>;
+    specKey: string;
+};
+export type VgPlotChartRetention = {
+    chart?: RetainedVgPlotChart;
+    setChart: (chart: RetainedVgPlotChart) => void;
+};
 export declare function isSpecProps(props: VgPlotChartProps): props is SpecProps;
 export declare function isPlotProps(props: VgPlotChartProps): props is PlotProps;
+export declare function destroyRetainedVgPlotChart(chart: RetainedVgPlotChart): void;
 /**
  * Renders a Vega-Lite chart using the Mosaic library.
  *

package/dist/VgPlotChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VgPlotChart.d.ts","sourceRoot":"","sources":["../src/VgPlotChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAsB,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAC,EAAE,EAA0B,MAAM,OAAO,CAAC;AAElD,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,IAAI,CAAC;IACX;;;;;OAKG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;CAClC,CAAC;AACF,KAAK,SAAS,GAAG;IAAC,IAAI,EAAE,WAAW,GAAG,aAAa,CAAA;CAAC,CAAC;AACrD,KAAK,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9C,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,IAAI,SAAS,CAEvE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,IAAI,SAAS,CAEvE;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2C5C,CAAC"}
+{"version":3,"file":"VgPlotChart.d.ts","sourceRoot":"","sources":["../src/VgPlotChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAsB,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EACL,EAAE,EAOH,MAAM,OAAO,CAAC;AAGf,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,IAAI,CAAC;IACX;;;;;OAKG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7C;;;;OAIG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,CAAC;AACF,KAAK,SAAS,GAAG;IAAC,IAAI,EAAE,WAAW,GAAG,aAAa,CAAA;CAAC,CAAC;AACrD,KAAK,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAG9C,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAChD,CAAC;AA0BF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,IAAI,SAAS,CAEvE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,KAAK,IAAI,SAAS,CAEvE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,mBAAmB,QAKpE;AA4CD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4G5C,CAAC"}

package/dist/VgPlotChart.js

@@ -1,12 +1,64 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { astToDOM, parseSpec } from '@uwdata/mosaic-spec';
-import { memo, useEffect, useRef } from 'react';
+import { memo, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { ResponsivePlot } from './ResponsivePlot';
+function areEquivalentParams(left, right) {
+    if (left === right) {
+        return true;
+    }
+    if (!left || !right || left.size !== right.size) {
+        return false;
+    }
+    for (const [key, value] of left) {
+        if (right.get(key) !== value) {
+            return false;
+        }
+    }
+    return true;
+}
 export function isSpecProps(props) {
     return 'spec' in props;
 }
 export function isPlotProps(props) {
     return 'plot' in props;
 }
+export function destroyRetainedVgPlotChart(chart) {
+    const plot = getPlotInstance(chart.element);
+    plot?.marks?.forEach((mark) => {
+        mark.destroy?.();
+    });
+}
+function getPlotInstance(element) {
+    const plot = element.value;
+    return plot && typeof plot === 'object' ? plot : null;
+}
+function resizeChartElement(element, size) {
+    const plot = getPlotInstance(element);
+    if (!plot?.setAttribute || !plot.render) {
+        return false;
+    }
+    const widthChanged = plot.setAttribute('width', size.width);
+    const heightChanged = plot.setAttribute('height', size.height);
+    if (widthChanged || heightChanged) {
+        void plot.render();
+    }
+    return true;
+}
+async function createSpecChartElement(spec, size, params) {
+    const sizedSpec = {
+        ...spec,
+        width: size.width,
+        height: size.height,
+    };
+    const ast = await parseSpec(sizedSpec);
+    const options = params
+        ? { params: params }
+        : undefined;
+    return (await astToDOM(ast, options)).element;
+}
+function asPlotDomElement(element) {
+    return element;
+}
 /**
  * Renders a Vega-Lite chart using the Mosaic library.
  *
@@ -15,44 +67,78 @@ export function isPlotProps(props) {
  * @returns {React.ReactElement} The rendered chart component.
  */
 export const VgPlotChart = memo((props) => {
+    const [containerSize, setContainerSize] = useState(null);
     const containerRef = useRef(null);
+    const localSpecChartRef = useRef(null);
+    const renderVersionRef = useRef(0);
+    const specKey = useMemo(() => (isSpecProps(props) ? JSON.stringify(props.spec) : null), [props]);
+    const handleResize = useCallback((size) => {
+        setContainerSize((prev) => {
+            if (prev && prev.width === size.width && prev.height === size.height) {
+                return prev;
+            }
+            return size;
+        });
+    }, []);
     useEffect(() => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        if (isPlotProps(props)) {
+            container.replaceChildren(props.plot);
+            return;
+        }
+        if (!containerSize) {
+            return;
+        }
+        const cached = props.retention?.chart;
+        const current = localSpecChartRef.current &&
+            localSpecChartRef.current.specKey === specKey &&
+            areEquivalentParams(localSpecChartRef.current.params, props.params)
+            ? localSpecChartRef.current
+            : cached &&
+                cached.specKey === specKey &&
+                areEquivalentParams(cached.params, props.params)
+                ? cached
+                : null;
+        if (current) {
+            localSpecChartRef.current = current;
+            container.replaceChildren(asPlotDomElement(current.element));
+            resizeChartElement(current.element, containerSize);
+            return;
+        }
+        const renderVersion = ++renderVersionRef.current;
         let cancelled = false;
-        (async () => {
-            if (containerRef.current) {
-                let element;
-                if (isPlotProps(props)) {
-                    element = props.plot;
-                }
-                else if (isSpecProps(props)) {
-                    const ast = await parseSpec(props.spec);
-                    if (cancelled)
-                        return;
-                    const options = props.params ? { params: props.params } : undefined;
-                    element = (await astToDOM(ast, options)).element;
-                }
-                else {
-                    element = document.createElement('div');
-                    element.innerHTML = 'Error: Invalid props provided to VgPlotChart';
-                }
-                if (!cancelled) {
-                    containerRef.current?.replaceChildren(element);
-                }
+        void createSpecChartElement(props.spec, containerSize, props.params).then((element) => {
+            if (cancelled ||
+                renderVersion !== renderVersionRef.current ||
+                !containerRef.current) {
+                return;
             }
-        })();
+            const nextChart = {
+                element,
+                params: props.params,
+                specKey: specKey ?? JSON.stringify(props.spec),
+            };
+            localSpecChartRef.current = nextChart;
+            props.retention?.setChart(nextChart);
+            containerRef.current.replaceChildren(element);
+        });
         return () => {
             cancelled = true;
         };
-    }, [props]);
-    return _jsx("div", { ref: containerRef });
+    }, [containerSize, props, specKey]);
+    return (_jsx(ResponsivePlot, { ref: containerRef, onResize: handleResize, className: "h-full w-full" }));
 }, (prevProps, nextProps) => {
     if (isPlotProps(prevProps) && isPlotProps(nextProps)) {
         return prevProps.plot === nextProps.plot;
     }
     if (isSpecProps(prevProps) && isSpecProps(nextProps)) {
         const specEqual = JSON.stringify(prevProps.spec) === JSON.stringify(nextProps.spec);
-        const paramsEqual = prevProps.params === nextProps.params;
-        return specEqual && paramsEqual;
+        const paramsEqual = areEquivalentParams(prevProps.params, nextProps.params);
+        const retentionEqual = prevProps.retention === nextProps.retention;
+        return specEqual && paramsEqual && retentionEqual;
     }
     return false;
 });

package/dist/VgPlotChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"VgPlotChart.js","sourceRoot":"","sources":["../src/VgPlotChart.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAO,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAK,IAAI,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAelD,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,MAAM,IAAI,KAAK,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,MAAM,IAAI,KAAK,CAAC;AACzB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAyB,IAAI,CACnD,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,CAAC,KAAK,IAAI,EAAE;YACV,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,IAAI,OAAoC,CAAC;gBACzC,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;oBACvB,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC;gBACvB,CAAC;qBAAM,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC9B,MAAM,GAAG,GAAG,MAAM,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;oBACxC,IAAI,SAAS;wBAAE,OAAO;oBACtB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC;oBAClE,OAAO,GAAG,CAAC,MAAM,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;gBACnD,CAAC;qBAAM,CAAC;oBACN,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACxC,OAAO,CAAC,SAAS,GAAG,8CAA8C,CAAC;gBACrE,CAAC;gBACD,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;gBACjD,CAAC;YACH,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,cAAK,GAAG,EAAE,YAAY,GAAI,CAAC;AACpC,CAAC,EACD,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;IACvB,IAAI,WAAW,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC;QACrD,OAAO,SAAS,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;IAC3C,CAAC;IACD,IAAI,WAAW,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC;QACrD,MAAM,SAAS,GACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACpE,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC;QAC1D,OAAO,SAAS,IAAI,WAAW,CAAC;IAClC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import {Param} from '@uwdata/mosaic-core';\nimport {astToDOM, parseSpec, Spec} from '@uwdata/mosaic-spec';\nimport {FC, memo, useEffect, useRef} from 'react';\n\ntype SpecProps = {\n  spec: Spec;\n  /**\n   * Pre-defined params/selections to inject when rendering the spec.\n   * Keys are param names (without $), values are Param or Selection instances.\n   * This allows multiple independently-rendered specs to share the same\n   * Selection objects for cross-filtering.\n   */\n  params?: Map<string, Param<any>>;\n};\ntype PlotProps = {plot: HTMLElement | SVGSVGElement};\ntype VgPlotChartProps = SpecProps | PlotProps;\n\nexport function isSpecProps(props: VgPlotChartProps): props is SpecProps {\n  return 'spec' in props;\n}\n\nexport function isPlotProps(props: VgPlotChartProps): props is PlotProps {\n  return 'plot' in props;\n}\n\n/**\n * Renders a Vega-Lite chart using the Mosaic library.\n *\n * @param {VgPlotChartProps} props - The component props.\n * @param {Spec} props.spec - The Vega-Lite specification for the chart.\n * @returns {React.ReactElement} The rendered chart component.\n */\nexport const VgPlotChart: FC<VgPlotChartProps> = memo(\n  (props) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n      let cancelled = false;\n      (async () => {\n        if (containerRef.current) {\n          let element: HTMLElement | SVGSVGElement;\n          if (isPlotProps(props)) {\n            element = props.plot;\n          } else if (isSpecProps(props)) {\n            const ast = await parseSpec(props.spec);\n            if (cancelled) return;\n            const options = props.params ? {params: props.params} : undefined;\n            element = (await astToDOM(ast, options)).element;\n          } else {\n            element = document.createElement('div');\n            element.innerHTML = 'Error: Invalid props provided to VgPlotChart';\n          }\n          if (!cancelled) {\n            containerRef.current?.replaceChildren(element);\n          }\n        }\n      })();\n      return () => {\n        cancelled = true;\n      };\n    }, [props]);\n\n    return <div ref={containerRef} />;\n  },\n  (prevProps, nextProps) => {\n    if (isPlotProps(prevProps) && isPlotProps(nextProps)) {\n      return prevProps.plot === nextProps.plot;\n    }\n    if (isSpecProps(prevProps) && isSpecProps(nextProps)) {\n      const specEqual =\n        JSON.stringify(prevProps.spec) === JSON.stringify(nextProps.spec);\n      const paramsEqual = prevProps.params === nextProps.params;\n      return specEqual && paramsEqual;\n    }\n    return false;\n  },\n);\n\nVgPlotChart.displayName = 'VgPlotChart';\n"]}
+{"version":3,"file":"VgPlotChart.js","sourceRoot":"","sources":["../src/VgPlotChart.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Param, Selection} from '@uwdata/mosaic-core';\nimport {astToDOM, parseSpec, Spec} from '@uwdata/mosaic-spec';\nimport {\n  FC,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {PlotSize, ResponsivePlot} from './ResponsivePlot';\n\ntype SpecProps = {\n  spec: Spec;\n  /**\n   * Pre-defined params/selections to inject when rendering the spec.\n   * Keys are param names (without $), values are Param or Selection instances.\n   * This allows multiple independently-rendered specs to share the same\n   * Selection objects for cross-filtering.\n   */\n  params?: Map<string, Param<any> | Selection>;\n  /**\n   * Optional retention adapter for preserving the underlying vgplot\n   * instance across temporary unmount/remount cycles, such as dashboard tab\n   * switches.\n   */\n  retention?: VgPlotChartRetention;\n};\ntype PlotProps = {plot: HTMLElement | SVGSVGElement};\ntype VgPlotChartProps = SpecProps | PlotProps;\ntype PlotDomElement = HTMLElement | SVGSVGElement;\n\nexport type RetainedVgPlotChart = {\n  element: object;\n  params?: Map<string, Param<any> | Selection>;\n  specKey: string;\n};\n\nexport type VgPlotChartRetention = {\n  chart?: RetainedVgPlotChart;\n  setChart: (chart: RetainedVgPlotChart) => void;\n};\n\ntype PlotInstance = {\n  marks?: Array<{destroy?: () => void}>;\n  render?: () => Promise<unknown> | unknown;\n  setAttribute?: (name: string, value: unknown) => boolean;\n};\n\nfunction areEquivalentParams(\n  left?: Map<string, Param<any> | Selection>,\n  right?: Map<string, Param<any> | Selection>,\n) {\n  if (left === right) {\n    return true;\n  }\n  if (!left || !right || left.size !== right.size) {\n    return false;\n  }\n  for (const [key, value] of left) {\n    if (right.get(key) !== value) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport function isSpecProps(props: VgPlotChartProps): props is SpecProps {\n  return 'spec' in props;\n}\n\nexport function isPlotProps(props: VgPlotChartProps): props is PlotProps {\n  return 'plot' in props;\n}\n\nexport function destroyRetainedVgPlotChart(chart: RetainedVgPlotChart) {\n  const plot = getPlotInstance(chart.element);\n  plot?.marks?.forEach((mark) => {\n    mark.destroy?.();\n  });\n}\n\nfunction getPlotInstance(element: object): PlotInstance | null {\n  const plot = (element as HTMLElement & {value?: unknown}).value;\n  return plot && typeof plot === 'object' ? (plot as PlotInstance) : null;\n}\n\nfunction resizeChartElement(element: object, size: PlotSize): boolean {\n  const plot = getPlotInstance(element);\n  if (!plot?.setAttribute || !plot.render) {\n    return false;\n  }\n\n  const widthChanged = plot.setAttribute('width', size.width);\n  const heightChanged = plot.setAttribute('height', size.height);\n  if (widthChanged || heightChanged) {\n    void plot.render();\n  }\n  return true;\n}\n\nasync function createSpecChartElement(\n  spec: Spec,\n  size: PlotSize,\n  params?: Map<string, Param<any> | Selection>,\n): Promise<PlotDomElement> {\n  const sizedSpec = {\n    ...spec,\n    width: size.width,\n    height: size.height,\n  } as Spec;\n\n  const ast = await parseSpec(sizedSpec);\n  const options = params\n    ? {params: params as unknown as Map<string, Param<any>>}\n    : undefined;\n\n  return (await astToDOM(ast, options)).element;\n}\n\nfunction asPlotDomElement(element: object): PlotDomElement {\n  return element as PlotDomElement;\n}\n\n/**\n * Renders a Vega-Lite chart using the Mosaic library.\n *\n * @param {VgPlotChartProps} props - The component props.\n * @param {Spec} props.spec - The Vega-Lite specification for the chart.\n * @returns {React.ReactElement} The rendered chart component.\n */\nexport const VgPlotChart: FC<VgPlotChartProps> = memo(\n  (props) => {\n    const [containerSize, setContainerSize] = useState<PlotSize | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const localSpecChartRef = useRef<RetainedVgPlotChart | null>(null);\n    const renderVersionRef = useRef(0);\n    const specKey = useMemo(\n      () => (isSpecProps(props) ? JSON.stringify(props.spec) : null),\n      [props],\n    );\n\n    const handleResize = useCallback((size: PlotSize) => {\n      setContainerSize((prev) => {\n        if (prev && prev.width === size.width && prev.height === size.height) {\n          return prev;\n        }\n        return size;\n      });\n    }, []);\n\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) {\n        return;\n      }\n\n      if (isPlotProps(props)) {\n        container.replaceChildren(props.plot);\n        return;\n      }\n\n      if (!containerSize) {\n        return;\n      }\n\n      const cached = props.retention?.chart;\n      const current =\n        localSpecChartRef.current &&\n        localSpecChartRef.current.specKey === specKey &&\n        areEquivalentParams(localSpecChartRef.current.params, props.params)\n          ? localSpecChartRef.current\n          : cached &&\n              cached.specKey === specKey &&\n              areEquivalentParams(cached.params, props.params)\n            ? cached\n            : null;\n\n      if (current) {\n        localSpecChartRef.current = current;\n        container.replaceChildren(asPlotDomElement(current.element));\n        resizeChartElement(current.element, containerSize);\n        return;\n      }\n\n      const renderVersion = ++renderVersionRef.current;\n      let cancelled = false;\n\n      void createSpecChartElement(props.spec, containerSize, props.params).then(\n        (element) => {\n          if (\n            cancelled ||\n            renderVersion !== renderVersionRef.current ||\n            !containerRef.current\n          ) {\n            return;\n          }\n\n          const nextChart = {\n            element,\n            params: props.params,\n            specKey: specKey ?? JSON.stringify(props.spec),\n          } satisfies RetainedVgPlotChart;\n\n          localSpecChartRef.current = nextChart;\n          props.retention?.setChart(nextChart);\n          containerRef.current.replaceChildren(element);\n        },\n      );\n\n      return () => {\n        cancelled = true;\n      };\n    }, [containerSize, props, specKey]);\n\n    return (\n      <ResponsivePlot\n        ref={containerRef}\n        onResize={handleResize}\n        className=\"h-full w-full\"\n      />\n    );\n  },\n  (prevProps, nextProps) => {\n    if (isPlotProps(prevProps) && isPlotProps(nextProps)) {\n      return prevProps.plot === nextProps.plot;\n    }\n    if (isSpecProps(prevProps) && isSpecProps(nextProps)) {\n      const specEqual =\n        JSON.stringify(prevProps.spec) === JSON.stringify(nextProps.spec);\n      const paramsEqual = areEquivalentParams(\n        prevProps.params,\n        nextProps.params,\n      );\n      const retentionEqual = prevProps.retention === nextProps.retention;\n      return specEqual && paramsEqual && retentionEqual;\n    }\n    return false;\n  },\n);\n\nVgPlotChart.displayName = 'VgPlotChart';\n"]}

package/dist/chart-builders/ChartBuilderActions.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ChartBuilderActionsProps {
+    className?: string;
+}
+export declare const ChartBuilderActions: React.FC<ChartBuilderActionsProps>;
+//# sourceMappingURL=ChartBuilderActions.d.ts.map

package/dist/chart-builders/ChartBuilderActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBuilderActions.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAOrC,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgDlE,CAAC"}

package/dist/chart-builders/ChartBuilderActions.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn } from '@sqlrooms/ui';
+import { useMemo } from 'react';
+import { useChartBuilderContext, useChartBuilderStore, } from './ChartBuilderContext';
+import { buildChartTypeTitle, canCreateChartFromType } from './chartTypeUtils';
+export const ChartBuilderActions = ({ className, }) => {
+    const { columns, onCreateChart, tableName, templates } = useChartBuilderContext();
+    const selectedTemplateId = useChartBuilderStore((state) => state.selectedTemplateId);
+    const fieldValues = useChartBuilderStore((state) => state.fieldValues);
+    const reset = useChartBuilderStore((state) => state.reset);
+    const selectedTemplate = useMemo(() => templates.find((template) => template.id === selectedTemplateId), [templates, selectedTemplateId]);
+    const canCreate = canCreateChartFromType(selectedTemplate, fieldValues, columns);
+    if (!selectedTemplate)
+        return null;
+    return (_jsxs("div", { className: cn('flex items-center justify-end gap-2', className), children: [_jsx(Button, { variant: "outline", size: "sm", onClick: reset, children: "Back" }), _jsx(Button, { size: "sm", onClick: () => {
+                    if (!selectedTemplate || !canCreate || !selectedTemplateId)
+                        return;
+                    const spec = selectedTemplate.createSpec(tableName, fieldValues);
+                    const title = buildChartTypeTitle(selectedTemplate, fieldValues);
+                    onCreateChart(title, {
+                        chartType: selectedTemplateId,
+                        settings: fieldValues,
+                        vgplot: spec,
+                    });
+                    reset();
+                }, disabled: !canCreate, children: "Create" })] }));
+};
+//# sourceMappingURL=ChartBuilderActions.js.map

package/dist/chart-builders/ChartBuilderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBuilderActions.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AACxC,OAAc,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,mBAAmB,EAAE,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAM7E,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAC,GAClD,sBAAsB,EAAE,CAAC;IAC3B,MAAM,kBAAkB,GAAG,oBAAoB,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACvE,MAAM,KAAK,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,kBAAkB,CAAC,EACtE,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAChC,CAAC;IAEF,MAAM,SAAS,GAAG,sBAAsB,CACtC,gBAAgB,EAChB,WAAW,EACX,OAAO,CACR,CAAC;IAEF,IAAI,CAAC,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,aAClE,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,KAAK,qBAEzC,EACT,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,gBAAgB,IAAI,CAAC,SAAS,IAAI,CAAC,kBAAkB;wBAAE,OAAO;oBACnE,MAAM,IAAI,GAAG,gBAAgB,CAAC,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;oBACjE,MAAM,KAAK,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;oBACjE,aAAa,CAAC,KAAK,EAAE;wBACnB,SAAS,EAAE,kBAAkB;wBAC7B,QAAQ,EAAE,WAAW;wBACrB,MAAM,EAAE,IAAI;qBACb,CAAC,CAAC;oBACH,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,QAAQ,EAAE,CAAC,SAAS,uBAGb,IACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, cn} from '@sqlrooms/ui';\nimport React, {useMemo} from 'react';\nimport {\n  useChartBuilderContext,\n  useChartBuilderStore,\n} from './ChartBuilderContext';\nimport {buildChartTypeTitle, canCreateChartFromType} from './chartTypeUtils';\n\nexport interface ChartBuilderActionsProps {\n  className?: string;\n}\n\nexport const ChartBuilderActions: React.FC<ChartBuilderActionsProps> = ({\n  className,\n}) => {\n  const {columns, onCreateChart, tableName, templates} =\n    useChartBuilderContext();\n  const selectedTemplateId = useChartBuilderStore(\n    (state) => state.selectedTemplateId,\n  );\n  const fieldValues = useChartBuilderStore((state) => state.fieldValues);\n  const reset = useChartBuilderStore((state) => state.reset);\n\n  const selectedTemplate = useMemo(\n    () => templates.find((template) => template.id === selectedTemplateId),\n    [templates, selectedTemplateId],\n  );\n\n  const canCreate = canCreateChartFromType(\n    selectedTemplate,\n    fieldValues,\n    columns,\n  );\n\n  if (!selectedTemplate) return null;\n\n  return (\n    <div className={cn('flex items-center justify-end gap-2', className)}>\n      <Button variant=\"outline\" size=\"sm\" onClick={reset}>\n        Back\n      </Button>\n      <Button\n        size=\"sm\"\n        onClick={() => {\n          if (!selectedTemplate || !canCreate || !selectedTemplateId) return;\n          const spec = selectedTemplate.createSpec(tableName, fieldValues);\n          const title = buildChartTypeTitle(selectedTemplate, fieldValues);\n          onCreateChart(title, {\n            chartType: selectedTemplateId,\n            settings: fieldValues,\n            vgplot: spec,\n          });\n          reset();\n        }}\n        disabled={!canCreate}\n      >\n        Create\n      </Button>\n    </div>\n  );\n};\n"]}

package/dist/chart-builders/ChartBuilderContent.d.ts

@@ -1,26 +1,28 @@
-import type { Spec } from '@uwdata/mosaic-spec';
 import React from 'react';
-import { ChartBuilderColumn, ChartBuilderTemplate } from './types';
-export interface ChartBuilderContentProps {
+import type { VgPlotChartConfig } from '../chart-types';
+import { type ChartBuilderRootProps } from './ChartBuilderRoot';
+import type { ChartBuilderColumn, ChartBuilderTemplate, ChartTypeDefinition } from './types';
+type StandaloneChartBuilderContentProps = {
     /** Table name to use in generated specs */
     tableName: string;
     /** Available columns for field selectors */
     columns: ChartBuilderColumn[];
     /** Callback when a chart spec is created */
-    onCreateChart: (spec: Spec, title: string) => void;
-    /** Custom builders (defaults to all built-in builders) */
+    onCreateChart: (title: string, config: VgPlotChartConfig) => void;
+    /** Preferred shared chart-type customization surface */
+    chartTypes?: ChartTypeDefinition[];
+    /** Backward-compatible UI template customization surface */
     builders?: ChartBuilderTemplate[];
     /** Custom class name */
     className?: string;
-}
+};
+export type ChartBuilderContentProps = Partial<Omit<ChartBuilderRootProps, 'children'>> & Pick<StandaloneChartBuilderContentProps, 'className'>;
 /**
  * Standalone chart builder UI for creating Mosaic charts from templates.
  *
- * Step 1: Select a chart type from the grid
- * Step 2: Fill in field selectors
- * Step 3: Confirm to generate spec
- *
- * Can be used directly without a dialog wrapper.
+ * Can be used directly with props, or inside `<MosaicChartBuilder>` where it
+ * consumes the surrounding builder context.
  */
 export declare const ChartBuilderContent: React.FC<ChartBuilderContentProps>;
+export {};
 //# sourceMappingURL=ChartBuilderContent.d.ts.map

package/dist/chart-builders/ChartBuilderContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderContent.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAC,kBAAkB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAEjE,MAAM,WAAW,wBAAwB;IACvC,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4GlE,CAAC"}
+{"version":3,"file":"ChartBuilderContent.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAItD,OAAO,EAAmB,KAAK,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAEhF,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB,KAAK,kCAAkC,GAAG;IACxC,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClE,wDAAwD;IACxD,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,CACxC,GACC,IAAI,CAAC,kCAAkC,EAAE,WAAW,CAAC,CAAC;AAoBxD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAalE,CAAC"}