@buildcanada/charts 0.3.7 → 0.3.8

package/dist/explorer/Explorer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/explorer/Explorer.tsx"],
+  "sourcesContent": ["// @ts-nocheck\nimport * as _ from \"lodash-es\"\nimport { faChartLine } from \"@fortawesome/free-solid-svg-icons\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport {\n    ArchiveContext,\n    ColumnTypeNames,\n    CoreColumnDef,\n    ColumnDef,\n    SortOrder,\n    TableSlug,\n    GrapherInterface,\n    GrapherQueryParams,\n    EntityName,\n    GRAPHER_TAB_QUERY_PARAMS,\n} from \"../types/index.js\"\nimport {\n    ChartsTable,\n    BlankChartsTable,\n    extractPotentialDataSlugsFromTransform,\n} from \"../core-table/index.js\"\nimport {\n    EntityPicker,\n    EntityPickerManager,\n    Grapher,\n    GrapherManager,\n    GrapherProgrammaticInterface,\n    SelectionArray,\n    setSelectedEntityNamesParam,\n    SlideShowController,\n    SlideShowManager,\n    DEFAULT_GRAPHER_ENTITY_TYPE,\n    GrapherAnalytics,\n    GrapherState,\n    fetchInputTableForConfig,\n    loadVariableDataAndMetadata,\n    FetchInputTableForConfigFn,\n} from \"../grapher/index.js\"\nimport {\n    Bounds,\n    ColumnSlug,\n    DimensionProperty,\n    excludeUndefined,\n    exposeInstanceOnWindow,\n    isInIFrame,\n    keyMap,\n    mergeGrapherConfigs,\n    omitUndefinedValues,\n    parseIntOrUndefined,\n    PromiseCache,\n    PromiseSwitcher,\n    SerializedGridProgram,\n    setWindowUrl,\n    Tippy,\n    Url,\n} from \"../utils/index.js\"\nimport { MarkdownTextWrap } from \"../components/index.js\"\nimport classNames from \"classnames\"\nimport { action, computed, makeObservable, observable, reaction } from \"mobx\"\nimport { observer } from \"mobx-react\"\nimport React, { useCallback, useEffect, useState } from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport { ExplorerControlBar, ExplorerControlPanel } from \"./ExplorerControls.js\"\nimport { ExplorerProgram } from \"./ExplorerProgram.js\"\nimport {\n    ExplorerChartCreationMode,\n    ExplorerChoiceParams,\n    ExplorerContainerId,\n    ExplorerFullQueryParams,\n    EXPLORERS_PREVIEW_ROUTE,\n    EXPLORERS_ROUTE_FOLDER,\n    UNSAVED_EXPLORER_DRAFT,\n    UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS,\n} from \"./ExplorerConstants.js\"\nimport { ExplorerPageUrlMigrationSpec } from \"./urlMigrations/ExplorerPageUrlMigrationSpec.js\"\nimport {\n    explorerUrlMigrationsById,\n    migrateExplorerUrl,\n} from \"./urlMigrations/ExplorerUrlMigrations.js\"\n\nexport interface ExplorerProps extends SerializedGridProgram {\n    grapherConfigs?: GrapherInterface[]\n    partialGrapherConfigs?: GrapherInterface[]\n    queryStr?: string\n    isEmbeddedInPage?: boolean\n    isInStandalonePage?: boolean\n    isPreview?: boolean\n    canonicalUrl?: string\n    selection?: SelectionArray\n    adminBaseUrl: string\n    bakedBaseUrl: string\n    bakedGrapherUrl: string\n    dataApiUrl: string\n    bounds?: Bounds\n    staticBounds?: Bounds\n    loadMetadataOnly?: boolean\n    throwOnMissingGrapher?: boolean\n    setupGrapher?: boolean\n    archiveContext?: ArchiveContext\n    loadInputTableForConfig?: FetchInputTableForConfigFn\n    /** Force wide mode (sidebar layout) regardless of viewport width. Useful for Storybook testing. */\n    forceWideMode?: boolean\n}\n\nconst LivePreviewComponent = (props: ExplorerProps) => {\n    const [useLocalStorage, setUseLocalStorage] = useState(true)\n    const [renderedProgram, setRenderedProgram] = useState(\"\")\n    const [hasLocalStorage, setHasLocalStorage] = useState(false)\n\n    const updateProgram = useCallback(() => {\n        const localStorageProgram = localStorage.getItem(\n            UNSAVED_EXPLORER_DRAFT + props.slug\n        )\n        let program: string\n        if (useLocalStorage) program = localStorageProgram ?? props.program\n        else program = props.program\n\n        setHasLocalStorage(!!localStorageProgram)\n        setRenderedProgram((previousProgram) => {\n            if (program === previousProgram) return previousProgram\n            return program\n        })\n    }, [props.program, props.slug, useLocalStorage])\n\n    useEffect(() => {\n        updateProgram()\n        const interval = setInterval(updateProgram, 1000)\n        return () => clearInterval(interval)\n    }, [updateProgram])\n\n    const newProps = { ...props, program: renderedProgram }\n\n    return (\n        <>\n            {hasLocalStorage && (\n                <div className=\"admin-only-locally-edited-checkbox\">\n                    <Tippy\n                        content={\n                            <span>\n                                <p>\n                                    <b>Checked</b>: Use the explorer version\n                                    with changes as present in the admin.\n                                </p>\n                                <p>\n                                    <b>Unchecked</b>: Use the currently-saved\n                                    version.\n                                </p>\n                                <hr />\n                                <p>\n                                    Note that some features may only work\n                                    correctly when this checkbox is unchecked:\n                                    in particular, using <kbd>catalogPath</kbd>s\n                                    and <kbd>grapherId</kbd>s and variable IDs.\n                                </p>\n                            </span>\n                        }\n                        placement=\"bottom\"\n                    >\n                        <label>\n                            <input\n                                type=\"checkbox\"\n                                id=\"useLocalStorage\"\n                                onChange={(e) =>\n                                    setUseLocalStorage(e.target.checked)\n                                }\n                                checked={useLocalStorage}\n                            />\n                            Display locally edited explorer\n                        </label>\n                    </Tippy>\n                </div>\n            )}\n            <Explorer\n                {...newProps}\n                queryStr={window?.location?.search ?? \"\"}\n                key={Date.now()}\n                isPreview={true}\n            />\n        </>\n    )\n}\n\nconst renderLivePreviewVersion = (props: ExplorerProps) => {\n    const elem = document.getElementById(ExplorerContainerId)\n    if (!elem) throw new Error(\"ExplorerContainerId not found in DOM\")\n    const root = createRoot(elem)\n    root.render(<LivePreviewComponent {...props} />)\n}\n\nconst isNarrow = () =>\n    typeof window === \"undefined\"\n        ? false\n        : window.screen.width < 450 ||\n          document.documentElement.clientWidth <= 800\n\n@observer\nexport class Explorer\n    extends React.Component<ExplorerProps>\n    implements\n        SlideShowManager<ExplorerChoiceParams>,\n        EntityPickerManager,\n        GrapherManager\n{\n    analytics = new GrapherAnalytics()\n    grapherState: GrapherState\n    isOnArchivalPage: boolean\n    inputTableTransformer = (table: ChartsTable) => table\n\n    constructor(props: ExplorerProps) {\n        super(props)\n\n        makeObservable<\n            Explorer,\n            | \"isNarrow\"\n            | \"grapherContainerRef\"\n            | \"grapherRef\"\n            | \"showMobileControlsPopup\"\n        >(this, {\n            appendOnlyAvailableEntityNames: observable,\n            grapher: observable.ref,\n            isNarrow: observable,\n            grapherContainerRef: observable,\n            grapherRef: observable.ref,\n            showMobileControlsPopup: observable,\n            entityPickerMetric: observable,\n            entityPickerSort: observable,\n            entityPickerTable: observable.ref,\n            entityPickerTableIsLoading: observable.ref,\n        })\n\n        this.explorerProgram = ExplorerProgram.fromJson(\n            props\n        ).initDecisionMatrix(this.initialQueryParams)\n        const { archiveContext } = props\n        const isOnArchivalPage = archiveContext?.type === \"archive-page\"\n        const assetMaps = isOnArchivalPage ? archiveContext?.assets : undefined\n        this.isOnArchivalPage = isOnArchivalPage\n        this.grapherState = new GrapherState({\n            staticBounds: props.staticBounds,\n            bounds: props.bounds,\n            enableKeyboardShortcuts: this.props.isInStandalonePage,\n            manager: this,\n            isEmbeddedInPage: this.props.isEmbeddedInPage,\n            adminBaseUrl: this.adminBaseUrl,\n            canHideExternalControlsInEmbed: true,\n            archiveContext: props.archiveContext,\n            additionalDataLoaderFn: (\n                varId: number,\n                loadMetadataOnly?: boolean\n            ) =>\n                loadVariableDataAndMetadata(varId, this.dataApiUrl, {\n                    assetMap: assetMaps?.runtime,\n                    noCache: props.isPreview,\n                    loadMetadataOnly,\n                }),\n        })\n\n        if (props.setupGrapher !== false)\n            this.grapher = new Grapher({ grapherState: this.grapherState })\n    }\n    // caution: do a ctrl+f to find untyped usages\n    static renderSingleExplorerOnExplorerPage(\n        program: ExplorerProps,\n        grapherConfigs: GrapherInterface[],\n        partialGrapherConfigs: GrapherInterface[],\n        explorerConstants: Record<string, string>,\n        urlMigrationSpec?: ExplorerPageUrlMigrationSpec,\n        archiveContext?: ArchiveContext\n    ) {\n        const props: ExplorerProps = {\n            ...program,\n            ...explorerConstants,\n            grapherConfigs,\n            partialGrapherConfigs,\n            isEmbeddedInPage: false,\n            isInStandalonePage: true,\n            archiveContext,\n        }\n\n        if (window.location.href.includes(EXPLORERS_PREVIEW_ROUTE)) {\n            renderLivePreviewVersion(props)\n            return\n        }\n\n        let url = Url.fromURL(window.location.href)\n\n        // Handle redirect spec that's baked on the page.\n        // e.g. the old COVID Grapher to Explorer redirects are implemented this way.\n        if (urlMigrationSpec) {\n            const { explorerUrlMigrationId, baseQueryStr } = urlMigrationSpec\n            const migration = explorerUrlMigrationsById[explorerUrlMigrationId]\n            if (migration) {\n                url = migration.migrateUrl(url, baseQueryStr)\n            } else {\n                console.error(\n                    `No explorer URL migration with id ${explorerUrlMigrationId}`\n                )\n            }\n        }\n\n        // Handle explorer-specific migrations.\n        // This is how we migrate the old CO2 explorer to the new CO2 explorer.\n        // Because they are on the same path, we can't handle it like we handle\n        // the COVID explorer redirects above.\n        url = migrateExplorerUrl(url)\n\n        // Update the window URL\n        setWindowUrl(url)\n\n        const elem = document.getElementById(ExplorerContainerId)\n        if (!elem) throw new Error(\"ExplorerContainerId not found in DOM\")\n\n        const root = createRoot(elem)\n        root.render(<Explorer {...props} queryStr={url.queryStr} />)\n    }\n\n    private initialQueryParams = Url.fromQueryStr(this.props.queryStr ?? \"\")\n        .queryParams as ExplorerFullQueryParams\n\n    explorerProgram = ExplorerProgram.fromJson(this.props).initDecisionMatrix(\n        this.initialQueryParams\n    )\n\n    bakedBaseUrl = this.props.bakedBaseUrl\n    dataApiUrl = this.props.dataApiUrl\n    adminBaseUrl = this.props.adminBaseUrl\n    bakedGrapherUrl = this.props.bakedGrapherUrl\n\n    selection = this.props.selection?.hasSelection\n        ? this.props.selection\n        : new SelectionArray(this.explorerProgram.selection)\n\n    entityType = this.explorerProgram.entityType ?? DEFAULT_GRAPHER_ENTITY_TYPE\n\n    // We want to ensure that unavailable entity are shown in the explorer entity\n    // that's why we employ an append-only version of `grapher.availableEntityNames`\n    appendOnlyAvailableEntityNames: Set<EntityName> = new Set()\n\n    grapher: Grapher | undefined = undefined\n\n    @action.bound setGrapher(grapher: Grapher) {\n        this.grapher = grapher\n    }\n\n    // Note: Can't use @computed here because this.props isn't observable in mobx-react\n    get grapherConfigs() {\n        const arr = this.props.grapherConfigs || []\n        return new Map(arr.map((config) => [config.id!, config]))\n    }\n\n    // Note: Can't use @computed here because this.props isn't observable in mobx-react\n    get partialGrapherConfigsByVariableId() {\n        const arr = this.props.partialGrapherConfigs || []\n        return new Map(arr.map((config) => [config.id!, config]))\n    }\n\n    @computed get partialGrapherConfigsBySlug() {\n        const configsBySlug = new Map<string, GrapherInterface>()\n        for (const columnDef of this.explorerProgram\n            .columnDefsWithoutTableSlug) {\n            if (columnDef.transform?.startsWith(\"duplicate\")) {\n                const indicatorId = +columnDef.transform\n                    .replace(\"duplicate\", \"\")\n                    .trim()\n                const partialGrapherConfig =\n                    this.partialGrapherConfigsByVariableId.get(indicatorId)\n                if (partialGrapherConfig)\n                    configsBySlug.set(columnDef.slug, partialGrapherConfig)\n            }\n        }\n        return configsBySlug\n    }\n\n    private setUpIntersectionObserver(): void {\n        if (typeof window !== \"undefined\" && \"IntersectionObserver\" in window) {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting) {\n                        this.analytics.logExplorerView(\n                            this.explorerProgram.slug,\n                            this.explorerProgram.decisionMatrix.currentParams\n                        )\n                        observer.disconnect()\n                    }\n                })\n            })\n            observer.observe(this.grapherContainerRef.current!)\n            this.disposers.push(() => observer.disconnect())\n        }\n    }\n\n    disposers: (() => void)[] = []\n    override async componentDidMount() {\n        this.setGrapher(this.grapherRef!.current!)\n\n        let url = Url.fromQueryParams({\n            ...this.initialQueryParams,\n            ...this.currentChoiceParams, // Needed for Grapher's embedArchivedUrl.\n        })\n\n        if (this.props.selection?.hasSelection) {\n            url = setSelectedEntityNamesParam(\n                url,\n                this.props.selection.selectedEntityNames\n            )\n        }\n        // Run the initializiation for the grapherState but don't await it. The update code\n        // will reset and initialize the grapherState and then the data loading will be awaited inside the function.\n        // We don't want to wait for the data loading to finish as we only care about the non-data loading\n        // part to run (the data loading can finish whenever)\n        void this.updateGrapherFromExplorer()\n\n        // Do the rest of the initialization\n        this.grapherState.populateFromQueryParams(url.queryParams)\n        exposeInstanceOnWindow(this, \"explorer\")\n        this.setUpIntersectionObserver()\n        this.attachEventListeners()\n        this.updateEntityPickerTable() // call for the first time to initialize EntityPicker\n    }\n\n    private attachEventListeners() {\n        if (typeof window !== \"undefined\" && \"ResizeObserver\" in window) {\n            const onResizeThrottled = _.debounce(this.onResize, 200, {\n                leading: true,\n            })\n            const resizeObserver = new ResizeObserver(onResizeThrottled)\n            resizeObserver.observe(this.grapherContainerRef.current!)\n            this.disposers.push(() => {\n                resizeObserver.disconnect()\n            })\n        } else if (typeof window === \"object\" && typeof document === \"object\") {\n            // only show the warning when we're in something that roughly resembles a browser\n            console.warn(\n                \"ResizeObserver not available; the explorer will not be responsive to window resizes\"\n            )\n\n            this.onResize() // fire once to initialize, at least\n        }\n\n        // We always prefer the entity picker metric to be sourced from the currently displayed table.\n        // To do this properly, we need to also react to the table changing.\n        this.disposers.push(\n            reaction(\n                () => [\n                    this.entityPickerMetric,\n                    this.explorerProgram.explorerGrapherConfig.tableSlug,\n                ],\n                () => this.updateEntityPickerTable()\n            )\n        )\n\n        this.disposers.push(\n            reaction(\n                () => this.grapherState.availableEntityNames,\n                (availableEntityNames) => {\n                    availableEntityNames?.forEach((entity) =>\n                        this.appendOnlyAvailableEntityNames.add(entity)\n                    )\n                }\n            )\n        )\n\n        if (this.props.isInStandalonePage) this.bindToWindow()\n    }\n\n    override componentWillUnmount() {\n        this.disposers.forEach((dispose) => dispose())\n    }\n\n    private initSlideshow() {\n        if (this.grapherState.slideShow) return\n\n        this.grapherState.slideShow = new SlideShowController(\n            this.explorerProgram.decisionMatrix.allDecisionsAsQueryParams(),\n            0,\n            this\n        )\n    }\n\n    private persistedGrapherQueryParamsBySelectedRow: Map<\n        number,\n        Partial<GrapherQueryParams>\n    > = new Map()\n\n    // todo: break this method up and unit test more. this is pretty ugly right now.\n    @action.bound async reactToUserChangingSelection(oldSelectedRow: number) {\n        if (!this.explorerProgram.currentlySelectedGrapherRow) return\n        this.initSlideshow()\n\n        const oldGrapherParams = this.grapherState.changedParams\n        this.persistedGrapherQueryParamsBySelectedRow.set(\n            oldSelectedRow,\n            oldGrapherParams\n        )\n\n        const newGrapherParams = {\n            ...this.currentChoiceParams, // Needed for Grapher's embedArchivedUrl.\n            ...this.persistedGrapherQueryParamsBySelectedRow.get(\n                this.explorerProgram.currentlySelectedGrapherRow\n            ),\n            country: oldGrapherParams.country,\n            region: oldGrapherParams.region,\n            time: this.grapherState.timeParam,\n        }\n\n        const previousTab = this.grapherState.activeTab\n\n        await this.updateGrapherFromExplorer()\n\n        newGrapherParams.tab =\n            this.grapherState.mapGrapherTabToQueryParam(previousTab)\n\n        // reset map state if switching to a chart\n        if (newGrapherParams.tab !== GRAPHER_TAB_QUERY_PARAMS.map) {\n            newGrapherParams.globe = \"0\"\n            newGrapherParams.mapSelect = \"\"\n        }\n\n        this.grapherState.populateFromQueryParams(newGrapherParams)\n\n        // When switching between explorer views, we usually preserve the tab.\n        // However, if the new chart doesn't support the previously selected tab,\n        // Grapher automatically switches to a supported one. In such cases,\n        // we call onChartSwitching to make adjustments that ensure the new view\n        // is sensible (e.g. updating the time selection when switching from a\n        // single-time chart like a discrete bar chart to a multi-time chart like\n        // a line chart).\n        const currentTab = this.grapherState.activeTab\n        if (previousTab !== currentTab)\n            this.grapherState.onChartSwitching(previousTab, currentTab)\n\n        this.analytics.logExplorerView(\n            this.explorerProgram.slug,\n            this.explorerProgram.decisionMatrix.currentParams\n        )\n    }\n\n    @action.bound private setGrapherTable(table: ChartsTable) {\n        this.grapherState.inputTable = this.inputTableTransformer(table)\n    }\n\n    @computed get availableEntityNames(): EntityName[] {\n        const entityNameSet = this.appendOnlyAvailableEntityNames\n        return Array.from(entityNameSet)\n    }\n\n    @computed private get enableMapSelection(): boolean {\n        return !this.isNarrow\n    }\n\n    private futureGrapherTable = new PromiseSwitcher<ChartsTable>({\n        onResolve: (table) => this.setGrapherTable(table),\n        onReject: (error) => this.grapher?.setError(error),\n    })\n\n    tableLoader = new PromiseCache((slug: TableSlug | undefined) =>\n        this.explorerProgram.constructTable(slug)\n    )\n\n    @action.bound async updateGrapherFromExplorer() {\n        switch (this.explorerProgram.chartCreationMode) {\n            case ExplorerChartCreationMode.FromGrapherId:\n                return this.updateGrapherFromExplorerUsingGrapherId()\n            case ExplorerChartCreationMode.FromVariableIds:\n                return this.updateGrapherFromExplorerUsingVariableIds()\n            case ExplorerChartCreationMode.FromExplorerTableColumnSlugs:\n                return this.updateGrapherFromExplorerUsingColumnSlugs()\n        }\n    }\n\n    @computed private get columnDefsWithoutTableSlugByIdOrSlug(): Record<\n        number | string,\n        ColumnDef\n    > {\n        const { columnDefsWithoutTableSlug } = this.explorerProgram\n        return _.keyBy(\n            columnDefsWithoutTableSlug,\n            (def: ColumnDef) => def.variableId ?? def.slug\n        )\n    }\n\n    // gets the slugs of all base and intermediate columns that a\n    // transformed column depends on; for example, if a column's transform\n    // is 'divideBy 170775 other_slug' and 'other_slug' is also a transformed\n    // column defined by 'multiplyBy 539022 2', then this function\n    // returns ['539022', '170775', 'other_slug']\n    private getBaseColumnsForColumnWithTransform(slug: string): string[] {\n        const def = this.columnDefsWithoutTableSlugByIdOrSlug[slug]\n        if (!def?.transform) return []\n        const dataSlugs =\n            extractPotentialDataSlugsFromTransform(def.transform) ?? []\n        return dataSlugs.flatMap((dataSlug) => [\n            ...this.getBaseColumnsForColumnWithTransform(dataSlug),\n            dataSlug,\n        ])\n    }\n\n    // gets the IDs of all variables that a transformed column depends on;\n    // for example, if a there are two columns, 'slug' and 'other_slug', that\n    // are defined by the transforms 'divideBy 170775 other_slug' and 'multiplyBy 539022 2',\n    // respectively, then getBaseVariableIdsForColumnWithTransform('slug')\n    // returns ['539022', '170775'] as these are the IDs of the two variables\n    // that the 'slug' column depends on\n    private getBaseVariableIdsForColumnWithTransform(slug: string): string[] {\n        const { columnDefsWithoutTableSlug } = this.explorerProgram\n        const baseVariableIdsAndColumnSlugs =\n            this.getBaseColumnsForColumnWithTransform(slug)\n        const slugsInColumnBlock: string[] = columnDefsWithoutTableSlug\n            .filter((def) => !def.variableId)\n            .map((def) => def.slug)\n        return baseVariableIdsAndColumnSlugs.filter(\n            (variableIdOrColumnSlug) =>\n                !slugsInColumnBlock.includes(variableIdOrColumnSlug)\n        )\n    }\n\n    @action.bound async updateGrapherFromExplorerUsingGrapherId() {\n        const grapherState = this.grapherState\n\n        const { grapherId } = this.explorerProgram.explorerGrapherConfig\n        const grapherConfig = this.grapherConfigs.get(grapherId!)\n        if (!grapherConfig) {\n            if (this.props.throwOnMissingGrapher) {\n                throw new Error(`Grapher config not found for ID: ${grapherId}`)\n            }\n        }\n        const finalGrapherConfig = grapherConfig ?? {}\n\n        const config: GrapherProgrammaticInterface = {\n            ...mergeGrapherConfigs(\n                finalGrapherConfig,\n                this.explorerProgram.grapherConfig\n            ),\n            baseUrl: this.baseUrl,\n            bakedGrapherURL: this.bakedBaseUrl,\n            adminBaseUrl: this.adminBaseUrl,\n            hideEntityControls: this.showExplorerControls,\n            enableMapSelection: this.enableMapSelection,\n        }\n\n        // if not empty, respect the explorer's selection\n        if (this.selection.hasSelection) {\n            config.selectedEntityNames = this.selection.selectedEntityNames\n        }\n\n        grapherState.setAuthoredVersion(config)\n        grapherState.reset()\n        grapherState.inputTable = BlankChartsTable()\n        grapherState.updateFromObject(config)\n        if (!config.table) {\n            const loadFn =\n                this.props.loadInputTableForConfig ?? fetchInputTableForConfig\n            const inputTable = loadFn({\n                dimensions: config.dimensions,\n                selectedEntityColors: config.selectedEntityColors,\n                dataApiUrl: this.props.dataApiUrl,\n                archiveContext: this.props.archiveContext,\n                noCache: this.props.isPreview,\n                loadMetadataOnly: this.props.loadMetadataOnly,\n            }).then((dataTable) => (dataTable ? dataTable : BlankChartsTable()))\n            // We use the PromiseSwitcher here to make sure that only the last\n            // of several user triggered load operations in quick succession\n            // will actually set the table.\n            await this.futureGrapherTable.set(inputTable)\n        } else {\n            grapherState.inputTable = this.inputTableTransformer(config.table)\n        }\n    }\n\n    @action.bound async updateGrapherFromExplorerUsingVariableIds() {\n        const grapherState = this.grapherState\n        const {\n            yVariableIds = \"\",\n            xVariableId,\n            colorVariableId,\n            sizeVariableId,\n            ySlugs = \"\",\n            xSlug,\n            colorSlug,\n            sizeSlug,\n        } = this.explorerProgram.explorerGrapherConfig\n\n        const yVariableIdsList = yVariableIds\n            .split(\" \")\n            .map(parseIntOrUndefined)\n            .filter((item) => item !== undefined)\n        const ySlugList = ySlugs.split(\" \")\n\n        const partialGrapherConfig =\n            this.partialGrapherConfigsByVariableId.get(yVariableIdsList[0]) ??\n            // if ySlug references a column that duplicates an indicator via the\n            // `duplicate` transform, make sure the partial grapher config for\n            // that indicator is pulled in\n            this.partialGrapherConfigsBySlug.get(ySlugList[0]) ??\n            {}\n\n        const config: GrapherProgrammaticInterface = {\n            ...mergeGrapherConfigs(\n                partialGrapherConfig,\n                this.explorerProgram.grapherConfig\n            ),\n            bakedGrapherURL: this.bakedBaseUrl,\n            adminBaseUrl: this.adminBaseUrl,\n            hideEntityControls: this.showExplorerControls,\n            enableMapSelection: this.enableMapSelection,\n        }\n\n        // if not empty, respect the explorer's selection\n        if (this.selection.hasSelection) {\n            config.selectedEntityNames = this.selection.selectedEntityNames\n        }\n\n        // set given variable IDs as dimensions to make Grapher\n        // download the data and metadata for these variables\n        const dimensions = config.dimensions?.slice() ?? []\n        yVariableIdsList.forEach((yVariableId) => {\n            dimensions.push({\n                variableId: yVariableId,\n                property: DimensionProperty.y,\n            })\n        })\n\n        if (xVariableId) {\n            const maybeXVariableId = parseIntOrUndefined(xVariableId)\n            if (maybeXVariableId !== undefined)\n                dimensions.push({\n                    variableId: maybeXVariableId,\n                    property: DimensionProperty.x,\n                })\n        }\n        if (colorVariableId) {\n            const maybeColorVariableId = parseIntOrUndefined(colorVariableId)\n            if (maybeColorVariableId !== undefined)\n                dimensions.push({\n                    variableId: maybeColorVariableId,\n                    property: DimensionProperty.color,\n                })\n        }\n        if (sizeVariableId) {\n            const maybeSizeVariableId = parseIntOrUndefined(sizeVariableId)\n            if (maybeSizeVariableId !== undefined)\n                dimensions.push({\n                    variableId: maybeSizeVariableId,\n                    property: DimensionProperty.size,\n                })\n        }\n\n        // Slugs that are used to create a chart refer to columns derived from variables\n        // by a transform string (e.g. 'multiplyBy 539022 2'). To render such a chart, we\n        // need to download the data for all variables the transformed columns depend on\n        // and construct an appropriate Grapher table. This is done in three steps:\n        //   1. find all variables that the transformed columns depend on and add them to\n        //      the config's dimensions array\n        //   2. download data and metadata of the variables\n        //   3. append the transformed columns to the Grapher table (note that this includes\n        //      intermediate columns that are defined for multi-step transforms but are not\n        //      referred to in any Grapher row)\n\n        // all slugs specified by the author in the explorer config\n        const uniqueSlugsInGrapherRow = _.uniq(\n            [...ySlugs.split(\" \"), xSlug, colorSlug, sizeSlug].filter(\n                _.identity\n            )\n        ) as string[]\n\n        // find all variables that the transformed columns depend on and add them to the dimensions array\n        if (uniqueSlugsInGrapherRow.length) {\n            const baseVariableIds = _.uniq(\n                uniqueSlugsInGrapherRow.flatMap((slug) =>\n                    this.getBaseVariableIdsForColumnWithTransform(slug)\n                )\n            )\n                .map((id) => parseInt(id, 10))\n                .filter((id) => !isNaN(id))\n            baseVariableIds.forEach((variableId) => {\n                const hasDimension = dimensions.some(\n                    (d) => d.variableId === variableId\n                )\n                if (!hasDimension) {\n                    dimensions.push({\n                        variableId: variableId,\n                        property: DimensionProperty.table, // no specific dimension\n                    })\n                }\n            })\n        }\n\n        config.dimensions = dimensions\n        if (ySlugs && yVariableIds) config.ySlugs = ySlugs + \" \" + yVariableIds\n\n        this.inputTableTransformer = (table: ChartsTable) => {\n            // add transformed (and intermediate) columns to the grapher table\n            if (uniqueSlugsInGrapherRow.length) {\n                const allColumnSlugs = _.uniq(\n                    uniqueSlugsInGrapherRow.flatMap((slug) => [\n                        ...this.getBaseColumnsForColumnWithTransform(slug),\n                        slug,\n                    ])\n                )\n                const existingColumnSlugs = table.columnSlugs\n                const outstandingColumnSlugs = allColumnSlugs.filter(\n                    (slug) => !existingColumnSlugs.includes(slug)\n                )\n                const requiredColumnDefs = outstandingColumnSlugs\n                    .map(\n                        (slug) =>\n                            this.columnDefsWithoutTableSlugByIdOrSlug[slug]\n                    )\n                    .filter(_.identity)\n                table = table.appendColumns(requiredColumnDefs)\n            }\n\n            // update column definitions with manually provided properties\n            table = table.updateDefs((def: ColumnDef) => {\n                const manuallyProvidedDef =\n                    this.columnDefsWithoutTableSlugByIdOrSlug[def.slug] ?? {}\n                const mergedDef = { ...def, ...manuallyProvidedDef }\n\n                // update display properties\n                mergedDef.display ??= {}\n                if (manuallyProvidedDef.name)\n                    mergedDef.display.name = manuallyProvidedDef.name\n                if (manuallyProvidedDef.unit)\n                    mergedDef.display.unit = manuallyProvidedDef.unit\n                if (manuallyProvidedDef.shortUnit)\n                    mergedDef.display.shortUnit = manuallyProvidedDef.shortUnit\n\n                return mergedDef\n            })\n            return table\n        }\n\n        grapherState.setAuthoredVersion(config)\n        grapherState.reset()\n        grapherState.updateFromObject(config)\n        if (dimensions.length === 0) {\n            // If dimensions are empty, explicitly set the table to an empty table\n            // so we don't end up confusingly showing stale data from a previous chart\n            grapherState.inputTable = BlankChartsTable()\n        } else {\n            const loadFn =\n                this.props.loadInputTableForConfig ?? fetchInputTableForConfig\n            const inputTable = loadFn({\n                dimensions: config.dimensions,\n                selectedEntityColors: config.selectedEntityColors,\n                archiveContext: this.props.archiveContext,\n                dataApiUrl: this.props.dataApiUrl,\n                noCache: this.props.isPreview,\n                loadMetadataOnly: this.props.loadMetadataOnly,\n            }).then((dataTable) => (dataTable ? dataTable : BlankChartsTable()))\n            // We use the PromiseSwitcher here to make sure that only the last\n            // of several user triggered load operations in quick succession\n            // will actually set the table.\n            await this.futureGrapherTable.set(inputTable)\n        }\n    }\n\n    @action.bound async updateGrapherFromExplorerUsingColumnSlugs() {\n        const grapherState = this.grapherState\n        const { tableSlug } = this.explorerProgram.explorerGrapherConfig\n\n        const config: GrapherProgrammaticInterface = {\n            ...this.explorerProgram.grapherConfig,\n            bakedGrapherURL: this.bakedBaseUrl,\n            adminBaseUrl: this.adminBaseUrl,\n            hideEntityControls: this.showExplorerControls,\n            enableMapSelection: this.enableMapSelection,\n        }\n\n        // if not empty, respect the explorer's selection\n        if (this.selection.hasSelection) {\n            config.selectedEntityNames = this.selection.selectedEntityNames\n        }\n\n        grapherState.setAuthoredVersion(config)\n        grapherState.reset()\n        grapherState.updateFromObject(config)\n\n        // Clear any error messages, they are likely to be related to dataset loading.\n        this.grapher?.clearErrors()\n        // Set a table immediately. A BlankTable shows a loading animation.\n        this.setGrapherTable(\n            BlankChartsTable(tableSlug, `Loading table '${tableSlug}'`)\n        )\n        // We use the PromiseSwitcher here to make sure that only the last\n        // of several user triggered load operations in quick succession\n        // will actually set the table.\n        await this.futureGrapherTable.set(this.tableLoader.get(tableSlug))\n    }\n\n    @action.bound setSlide(choiceParams: ExplorerFullQueryParams) {\n        this.explorerProgram.decisionMatrix.setValuesFromChoiceParams(\n            choiceParams\n        )\n    }\n\n    @computed private get currentChoiceParams(): ExplorerChoiceParams {\n        const { decisionMatrix } = this.explorerProgram\n        return decisionMatrix.currentParams\n    }\n\n    @computed get queryParams(): ExplorerFullQueryParams {\n        if (\n            typeof window !== \"undefined\" &&\n            window.location.href.includes(EXPLORERS_PREVIEW_ROUTE)\n        )\n            localStorage.setItem(\n                UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS +\n                    this.explorerProgram.slug,\n                JSON.stringify(this.currentChoiceParams)\n            )\n\n        let url = Url.fromQueryParams(\n            omitUndefinedValues({\n                ...this.grapherState.changedParams,\n                pickerSort: this.entityPickerSort,\n                pickerMetric: this.entityPickerMetric,\n                hideControls: this.initialQueryParams.hideControls || undefined,\n                ...this.currentChoiceParams,\n            })\n        )\n\n        url = setSelectedEntityNamesParam(\n            url,\n            this.selection.hasSelection\n                ? this.selection.selectedEntityNames\n                : undefined\n        )\n\n        return url.queryParams as ExplorerFullQueryParams\n    }\n\n    @computed get currentUrl(): Url {\n        if (this.props.isPreview) return Url.fromQueryParams(this.queryParams)\n        return Url.fromURL(window.location.href).setQueryParams(\n            this.queryParams\n        )\n    }\n\n    private bindToWindow() {\n        // There is a surprisingly considerable performance overhead to updating the url\n        // while animating, so we debounce to allow e.g. smoother timelines\n        const pushParams = () =>\n            setWindowUrl(Url.fromQueryParams(this.queryParams))\n        const debouncedPushParams = _.debounce(pushParams, 100)\n\n        this.disposers.push(\n            reaction(\n                () => this.queryParams,\n                () =>\n                    this.grapher?.debounceMode\n                        ? debouncedPushParams()\n                        : pushParams()\n            )\n        )\n    }\n\n    private get panels() {\n        return this.explorerProgram.decisionMatrix.choicesWithAvailability.map(\n            (choice) => (\n                <ExplorerControlPanel\n                    key={choice.title}\n                    explorerSlug={this.explorerProgram.slug}\n                    choice={choice}\n                    onChange={this.onChangeChoice(choice.title)}\n                    isMobile={this.isNarrow}\n                />\n            )\n        )\n    }\n\n    onChangeChoice = (choiceTitle: string) => async (value: string) => {\n        const { currentlySelectedGrapherRow } = this.explorerProgram\n        this.explorerProgram.decisionMatrix.setValueCommand(choiceTitle, value)\n        if (currentlySelectedGrapherRow)\n            await this.reactToUserChangingSelection(currentlySelectedGrapherRow)\n    }\n\n    private renderHeaderElement() {\n        return (\n            <div className=\"ExplorerHeaderBox\">\n                <div className=\"ExplorerTitle\">\n                    {this.explorerProgram.explorerTitle} Data Explorer\n                </div>\n                <div className=\"ExplorerSubtitle\">\n                    <MarkdownTextWrap\n                        fontSize={12}\n                        text={this.explorerProgram.explorerSubtitle || \"\"}\n                    />\n                </div>\n                {this.explorerProgram.downloadDataLink && (\n                    <a\n                        href={this.explorerProgram.downloadDataLink}\n                        className=\"ExplorerDownloadLink\"\n                    >\n                        Download this dataset\n                    </a>\n                )}\n            </div>\n        )\n    }\n\n    private isNarrow = this.props.forceWideMode ? false : isNarrow()\n\n    @computed private get isInIFrame() {\n        return isInIFrame()\n    }\n\n    @computed private get showExplorerControls() {\n        if (!this.props.isEmbeddedInPage && !this.isInIFrame) return true\n        // Only allow hiding controls on embedded pages\n        return !(\n            this.explorerProgram.hideControls ||\n            this.initialQueryParams.hideControls === \"true\"\n        )\n    }\n\n    @computed private get downloadDataLink(): string | undefined {\n        return this.explorerProgram.downloadDataLink\n    }\n\n    private grapherContainerRef = React.createRef<HTMLDivElement>()\n\n    private grapherRef = React.createRef<Grapher>()\n\n    private renderControlBar() {\n        return (\n            <ExplorerControlBar\n                isMobile={this.isNarrow}\n                showControls={this.showMobileControlsPopup}\n                closeControls={this.closeControls}\n            >\n                {this.panels}\n            </ExplorerControlBar>\n        )\n    }\n\n    private renderEntityPicker() {\n        const selection =\n            this.grapherState.isOnMapTab && this.enableMapSelection\n                ? this.grapherState.mapConfig.selection\n                : this.selection\n\n        return (\n            <EntityPicker\n                key=\"entityPicker\"\n                manager={this}\n                selection={selection}\n                onSelectEntity={this.grapherState.onSelectEntity}\n                onDeselectEntity={this.grapherState.onDeselectEntity}\n                onClearEntities={this.grapherState.onClearEntities}\n                isDropdownMenu={this.isNarrow}\n            />\n        )\n    }\n\n    @action.bound private toggleMobileControls() {\n        this.showMobileControlsPopup = !this.showMobileControlsPopup\n    }\n\n    @action.bound private onResize() {\n        // Don't bother rendering if the container is hidden\n        // see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent\n        if (this.grapherContainerRef.current?.offsetParent === null) return\n\n        const oldIsNarrow = this.isNarrow\n        this.isNarrow = this.props.forceWideMode ? false : isNarrow()\n        this.updateGrapherBounds()\n\n        // If we changed between narrow and wide mode, we need to wait for CSS changes to kick in\n        // to properly calculate the new grapher bounds\n        if (this.isNarrow !== oldIsNarrow)\n            window.setTimeout(() => this.updateGrapherBounds(), 0)\n    }\n\n    // Todo: add better logic to maximize the size of the Grapher\n    private updateGrapherBounds() {\n        const grapherContainer = this.grapherContainerRef.current\n        if (grapherContainer)\n            this.grapherState.externalBounds = new Bounds(\n                0,\n                0,\n                grapherContainer.clientWidth,\n                grapherContainer.clientHeight\n            )\n    }\n\n    private showMobileControlsPopup = false\n    private get mobileCustomizeButton() {\n        return (\n            <a\n                className=\"btn btn-primary mobile-button\"\n                onClick={this.toggleMobileControls}\n                data-track-note=\"explorer_customize_chart_mobile\"\n            >\n                <FontAwesomeIcon icon={faChartLine} /> Customize chart\n            </a>\n        )\n    }\n\n    @action.bound private closeControls() {\n        this.showMobileControlsPopup = false\n    }\n\n    // todo: add tests for this and better tests for this class in general\n    @computed private get showHeaderElement() {\n        return (\n            this.showExplorerControls &&\n            this.explorerProgram.explorerTitle &&\n            this.panels.length > 0\n        )\n    }\n\n    override render() {\n        const { showExplorerControls, showHeaderElement } = this\n\n        return (\n            <div\n                className={classNames({\n                    Explorer: true,\n                    \"mobile-explorer\": this.isNarrow,\n                    HideControls: !showExplorerControls,\n                    \"is-embed\": this.props.isEmbeddedInPage,\n                })}\n            >\n                {showHeaderElement && this.renderHeaderElement()}\n                {showHeaderElement && this.renderControlBar()}\n                {showExplorerControls && this.renderEntityPicker()}\n                {showExplorerControls &&\n                    this.isNarrow &&\n                    this.mobileCustomizeButton}\n                <div className=\"ExplorerFigure\" ref={this.grapherContainerRef}>\n                    <Grapher\n                        ref={this.grapherRef}\n                        grapherState={this.grapherState}\n                    />\n                </div>\n            </div>\n        )\n    }\n\n    @computed get editUrl() {\n        return `${EXPLORERS_ROUTE_FOLDER}/${this.props.slug}`\n    }\n\n    @computed get baseUrl() {\n        let archiveUrl = undefined\n        if (this.isOnArchivalPage) {\n            archiveUrl = this.props.archiveContext?.archiveUrl\n        }\n        return (\n            archiveUrl ??\n            `${this.bakedBaseUrl}/${EXPLORERS_ROUTE_FOLDER}/${this.props.slug}`\n        )\n    }\n\n    @computed get canonicalUrl() {\n        return (\n            this.props.canonicalUrl ??\n            Url.fromURL(this.baseUrl).setQueryParams(this.queryParams).fullUrl\n        )\n    }\n\n    @computed get grapherTable() {\n        return this.grapherState?.tableAfterAuthorTimelineAndEntityFilter\n    }\n\n    entityPickerMetric: string | undefined =\n        this.initialQueryParams.pickerMetric\n    entityPickerSort: SortOrder | undefined = this.initialQueryParams.pickerSort\n\n    entityPickerTable: ChartsTable | undefined = undefined\n    entityPickerTableIsLoading: boolean = false\n\n    private futureEntityPickerTable = new PromiseSwitcher<ChartsTable>({\n        onResolve: (table) => {\n            this.entityPickerTable = table\n            this.entityPickerTableIsLoading = false\n        },\n        onReject: () => {\n            this.entityPickerTableIsLoading = false\n        },\n    })\n\n    private updateEntityPickerTable(): void {\n        // If we don't currently have a entity picker metric, then set pickerTable to the currently-used table anyways,\n        // so that when we start sorting by entity name we can infer that the column is a string column immediately.\n        const tableSlugToLoad = this.entityPickerMetric\n            ? this.getTableSlugOfColumnSlug(this.entityPickerMetric)\n            : this.explorerProgram.explorerGrapherConfig.tableSlug\n\n        this.entityPickerTableIsLoading = true\n        void this.futureEntityPickerTable.set(\n            this.tableLoader.get(tableSlugToLoad)\n        )\n    }\n\n    setEntityPicker({\n        metric,\n        sort,\n    }: {\n        metric: string | undefined\n        sort?: SortOrder\n    }) {\n        this.entityPickerMetric = metric\n        if (sort) this.entityPickerSort = sort\n    }\n\n    private tableSlugHasColumnSlug(\n        tableSlug: TableSlug | undefined,\n        columnSlug: ColumnSlug,\n        columnDefsByTableSlug: Map<TableSlug | undefined, CoreColumnDef[]>\n    ) {\n        return !!columnDefsByTableSlug\n            .get(tableSlug)\n            ?.find((def) => def.slug === columnSlug)\n    }\n\n    private getTableSlugOfColumnSlug(\n        columnSlug: ColumnSlug\n    ): TableSlug | undefined {\n        const columnDefsByTableSlug = this.explorerProgram.columnDefsByTableSlug\n\n        // In most cases, column slugs will be duplicated in the tables, e.g. entityName.\n        // Prefer the current Grapher table if it contains the column slug.\n        const grapherTableSlug =\n            this.explorerProgram.explorerGrapherConfig.tableSlug\n        if (\n            this.tableSlugHasColumnSlug(\n                grapherTableSlug,\n                columnSlug,\n                columnDefsByTableSlug\n            )\n        ) {\n            return grapherTableSlug\n        }\n        // ...otherwise, search all tables for the column slug\n        return this.explorerProgram.tableSlugs.find((tableSlug) =>\n            this.tableSlugHasColumnSlug(\n                tableSlug,\n                columnSlug,\n                columnDefsByTableSlug\n            )\n        )\n    }\n\n    @computed get entityPickerColumnDefs(): CoreColumnDef[] {\n        const allColumnDefs = _.uniqBy(\n            Array.from(\n                this.explorerProgram.columnDefsByTableSlug.values()\n            ).flat(),\n            (def) => def.slug\n        )\n\n        if (this.explorerProgram.pickerColumnSlugs) {\n            const columnDefsBySlug = keyMap(allColumnDefs, (def) => def.slug)\n            // Preserve the order of columns in the Explorer `pickerColumnSlugs`\n            return excludeUndefined(\n                this.explorerProgram.pickerColumnSlugs.map((slug) =>\n                    columnDefsBySlug.get(slug)\n                )\n            )\n        } else {\n            const discardColumnTypes = new Set([\n                ColumnTypeNames.Year,\n                ColumnTypeNames.Date,\n                ColumnTypeNames.Day,\n                ColumnTypeNames.EntityId,\n                ColumnTypeNames.EntityCode,\n            ])\n            return allColumnDefs.filter(\n                (def) =>\n                    (def.type === undefined ||\n                        !discardColumnTypes.has(def.type)) &&\n                    def.slug !== undefined\n            )\n        }\n    }\n\n    @computed get requiredColumnSlugs() {\n        return this.grapherState?.newSlugs ?? []\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;AACA,YAAY,OAAO;AACnB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC;AAAA,EAEI;AAAA,EAQA;AAAA,OACG;AACP;AAAA,EAEI;AAAA,EACA;AAAA,OACG;AACP;AAAA,EACI;AAAA,EAEA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEG;AACP;AAAA,EACI;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,wBAAwB;AACjC,OAAO,gBAAgB;AACvB,SAAS,QAAQ,UAAU,gBAAgB,YAAY,gBAAgB;AACvE,SAAS,gBAAgB;AACzB,OAAO,SAAS,aAAa,WAAW,gBAAgB;AACxD,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,4BAA4B;AACzD,SAAS,uBAAuB;AAChC;AAAA,EACI;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AAEP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AA0BP,MAAM,uBAAuB,CAAC,UAAyB;AACnD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,IAAI;AAC3D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,EAAE;AACzD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,gBAAgB,YAAY,MAAM;AACpC,UAAM,sBAAsB,aAAa;AAAA,MACrC,yBAAyB,MAAM;AAAA,IACnC;AACA,QAAI;AACJ,QAAI,gBAAiB,WAAU,uBAAuB,MAAM;AAAA,QACvD,WAAU,MAAM;AAErB,uBAAmB,CAAC,CAAC,mBAAmB;AACxC,uBAAmB,CAAC,oBAAoB;AACpC,UAAI,YAAY,gBAAiB,QAAO;AACxC,aAAO;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAC,MAAM,SAAS,MAAM,MAAM,eAAe,CAAC;AAE/C,YAAU,MAAM;AACZ,kBAAc;AACd,UAAM,WAAW,YAAY,eAAe,GAAI;AAChD,WAAO,MAAM,cAAc,QAAQ;AAAA,EACvC,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,WAAW,EAAE,GAAG,OAAO,SAAS,gBAAgB;AAEtD,SACI,0DACK,mBACG,oCAAC,SAAI,WAAU,wCACX;AAAA,IAAC;AAAA;AAAA,MACG,SACI,oCAAC,cACG,oCAAC,WACG,oCAAC,WAAE,SAAO,GAAI,kEAElB,GACA,oCAAC,WACG,oCAAC,WAAE,WAAS,GAAI,oCAEpB,GACA,oCAAC,UAAG,GACJ,oCAAC,WAAE,0GAGsB,oCAAC,aAAI,aAAW,GAAM,UACvC,oCAAC,aAAI,WAAS,GAAM,qBAC5B,CACJ;AAAA,MAEJ,WAAU;AAAA;AAAA,IAEV,oCAAC,eACG;AAAA,MAAC;AAAA;AAAA,QACG,MAAK;AAAA,QACL,IAAG;AAAA,QACH,UAAU,CAAC,MACP,mBAAmB,EAAE,OAAO,OAAO;AAAA,QAEvC,SAAS;AAAA;AAAA,IACb,GAAE,iCAEN;AAAA,EACJ,CACJ,GAEJ;AAAA,IAAC;AAAA;AAAA,MACI,GAAG;AAAA,MACJ,UAAU,QAAQ,UAAU,UAAU;AAAA,MACtC,KAAK,KAAK,IAAI;AAAA,MACd,WAAW;AAAA;AAAA,EACf,CACJ;AAER;AAEA,MAAM,2BAA2B,CAAC,UAAyB;AACvD,QAAM,OAAO,SAAS,eAAe,mBAAmB;AACxD,MAAI,CAAC,KAAM,OAAM,IAAI,MAAM,sCAAsC;AACjE,QAAM,OAAO,WAAW,IAAI;AAC5B,OAAK,OAAO,oCAAC,wBAAsB,GAAG,OAAO,CAAE;AACnD;AAEA,MAAM,WAAW,MACb,OAAO,WAAW,cACZ,QACA,OAAO,OAAO,QAAQ,OACtB,SAAS,gBAAgB,eAAe;AAG3C,IAAM,WAAN,cACK,MAAM,UAKlB;AAAA,EAMI,YAAY,OAAsB;AAC9B,UAAM,KAAK;AANf,qBAAY,IAAI,iBAAiB;AAGjC,iCAAwB,CAAC,UAAuB;AA8GhD,SAAQ,qBAAqB,IAAI,aAAa,KAAK,MAAM,YAAY,EAAE,EAClE;AAEL,2BAAkB,gBAAgB,SAAS,KAAK,KAAK,EAAE;AAAA,MACnD,KAAK;AAAA,IACT;AAEA,wBAAe,KAAK,MAAM;AAC1B,sBAAa,KAAK,MAAM;AACxB,wBAAe,KAAK,MAAM;AAC1B,2BAAkB,KAAK,MAAM;AAE7B,qBAAY,KAAK,MAAM,WAAW,eAC5B,KAAK,MAAM,YACX,IAAI,eAAe,KAAK,gBAAgB,SAAS;AAEvD,sBAAa,KAAK,gBAAgB,cAAc;AAIhD;AAAA;AAAA,0CAAkD,oBAAI,IAAI;AAE1D,mBAA+B;AAqD/B,qBAA4B,CAAC;AAwF7B,SAAQ,2CAGJ,oBAAI,IAAI;AAoEZ,SAAQ,qBAAqB,IAAI,gBAA6B;AAAA,MAC1D,WAAW,CAAC,UAAU,KAAK,gBAAgB,KAAK;AAAA,MAChD,UAAU,CAAC,UAAU,KAAK,SAAS,SAAS,KAAK;AAAA,IACrD,CAAC;AAED,uBAAc,IAAI;AAAA,MAAa,CAAC,SAC5B,KAAK,gBAAgB,eAAe,IAAI;AAAA,IAC5C;AA8ZA,0BAAiB,CAAC,gBAAwB,OAAO,UAAkB;AAC/D,YAAM,EAAE,4BAA4B,IAAI,KAAK;AAC7C,WAAK,gBAAgB,eAAe,gBAAgB,aAAa,KAAK;AACtE,UAAI;AACA,cAAM,KAAK,6BAA6B,2BAA2B;AAAA,IAC3E;AA0BA,SAAQ,WAAW,KAAK,MAAM,gBAAgB,QAAQ,SAAS;AAmB/D,SAAQ,sBAAsB,MAAM,UAA0B;AAE9D,SAAQ,aAAa,MAAM,UAAmB;AAgE9C,SAAQ,0BAA0B;AAgFlC,8BACI,KAAK,mBAAmB;AAC5B,4BAA0C,KAAK,mBAAmB;AAElE,6BAA6C;AAC7C,sCAAsC;AAEtC,SAAQ,0BAA0B,IAAI,gBAA6B;AAAA,MAC/D,WAAW,CAAC,UAAU;AAClB,aAAK,oBAAoB;AACzB,aAAK,6BAA6B;AAAA,MACtC;AAAA,MACA,UAAU,MAAM;AACZ,aAAK,6BAA6B;AAAA,MACtC;AAAA,IACJ,CAAC;AA38BG,mBAME,MAAM;AAAA,MACJ,gCAAgC;AAAA,MAChC,SAAS,WAAW;AAAA,MACpB,UAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,YAAY,WAAW;AAAA,MACvB,yBAAyB;AAAA,MACzB,oBAAoB;AAAA,MACpB,kBAAkB;AAAA,MAClB,mBAAmB,WAAW;AAAA,MAC9B,4BAA4B,WAAW;AAAA,IAC3C,CAAC;AAED,SAAK,kBAAkB,gBAAgB;AAAA,MACnC;AAAA,IACJ,EAAE,mBAAmB,KAAK,kBAAkB;AAC5C,UAAM,EAAE,eAAe,IAAI;AAC3B,UAAM,mBAAmB,gBAAgB,SAAS;AAClD,UAAM,YAAY,mBAAmB,gBAAgB,SAAS;AAC9D,SAAK,mBAAmB;AACxB,SAAK,eAAe,IAAI,aAAa;AAAA,MACjC,cAAc,MAAM;AAAA,MACpB,QAAQ,MAAM;AAAA,MACd,yBAAyB,KAAK,MAAM;AAAA,MACpC,SAAS;AAAA,MACT,kBAAkB,KAAK,MAAM;AAAA,MAC7B,cAAc,KAAK;AAAA,MACnB,gCAAgC;AAAA,MAChC,gBAAgB,MAAM;AAAA,MACtB,wBAAwB,CACpB,OACA,qBAEA,4BAA4B,OAAO,KAAK,YAAY;AAAA,QAChD,UAAU,WAAW;AAAA,QACrB,SAAS,MAAM;AAAA,QACf;AAAA,MACJ,CAAC;AAAA,IACT,CAAC;AAED,QAAI,MAAM,iBAAiB;AACvB,WAAK,UAAU,IAAI,QAAQ,EAAE,cAAc,KAAK,aAAa,CAAC;AAAA,EACtE;AAAA;AAAA,EAEA,OAAO,mCACH,SACA,gBACA,uBACA,mBACA,kBACA,gBACF;AACE,UAAM,QAAuB;AAAA,MACzB,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB;AAAA,IACJ;AAEA,QAAI,OAAO,SAAS,KAAK,SAAS,uBAAuB,GAAG;AACxD,+BAAyB,KAAK;AAC9B;AAAA,IACJ;AAEA,QAAI,MAAM,IAAI,QAAQ,OAAO,SAAS,IAAI;AAI1C,QAAI,kBAAkB;AAClB,YAAM,EAAE,wBAAwB,aAAa,IAAI;AACjD,YAAM,YAAY,0BAA0B,sBAAsB;AAClE,UAAI,WAAW;AACX,cAAM,UAAU,WAAW,KAAK,YAAY;AAAA,MAChD,OAAO;AACH,gBAAQ;AAAA,UACJ,qCAAqC,sBAAsB;AAAA,QAC/D;AAAA,MACJ;AAAA,IACJ;AAMA,UAAM,mBAAmB,GAAG;AAG5B,iBAAa,GAAG;AAEhB,UAAM,OAAO,SAAS,eAAe,mBAAmB;AACxD,QAAI,CAAC,KAAM,OAAM,IAAI,MAAM,sCAAsC;AAEjE,UAAM,OAAO,WAAW,IAAI;AAC5B,SAAK,OAAO,oCAAC,YAAU,GAAG,OAAO,UAAU,IAAI,UAAU,CAAE;AAAA,EAC/D;AAAA,EA0Bc,WAAW,SAAkB;AACvC,SAAK,UAAU;AAAA,EACnB;AAAA;AAAA,EAGA,IAAI,iBAAiB;AACjB,UAAM,MAAM,KAAK,MAAM,kBAAkB,CAAC;AAC1C,WAAO,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,IAAK,MAAM,CAAC,CAAC;AAAA,EAC5D;AAAA;AAAA,EAGA,IAAI,oCAAoC;AACpC,UAAM,MAAM,KAAK,MAAM,yBAAyB,CAAC;AACjD,WAAO,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,IAAK,MAAM,CAAC,CAAC;AAAA,EAC5D;AAAA,EAEU,IAAI,8BAA8B;AACxC,UAAM,gBAAgB,oBAAI,IAA8B;AACxD,eAAW,aAAa,KAAK,gBACxB,4BAA4B;AAC7B,UAAI,UAAU,WAAW,WAAW,WAAW,GAAG;AAC9C,cAAM,cAAc,CAAC,UAAU,UAC1B,QAAQ,aAAa,EAAE,EACvB,KAAK;AACV,cAAM,uBACF,KAAK,kCAAkC,IAAI,WAAW;AAC1D,YAAI;AACA,wBAAc,IAAI,UAAU,MAAM,oBAAoB;AAAA,MAC9D;AAAA,IACJ;AACA,WAAO;AAAA,EACX;AAAA,EAEQ,4BAAkC;AACtC,QAAI,OAAO,WAAW,eAAe,0BAA0B,QAAQ;AACnE,YAAMA,YAAW,IAAI,qBAAqB,CAAC,YAAY;AACnD,gBAAQ,QAAQ,CAAC,UAAU;AACvB,cAAI,MAAM,gBAAgB;AACtB,iBAAK,UAAU;AAAA,cACX,KAAK,gBAAgB;AAAA,cACrB,KAAK,gBAAgB,eAAe;AAAA,YACxC;AACA,YAAAA,UAAS,WAAW;AAAA,UACxB;AAAA,QACJ,CAAC;AAAA,MACL,CAAC;AACD,MAAAA,UAAS,QAAQ,KAAK,oBAAoB,OAAQ;AAClD,WAAK,UAAU,KAAK,MAAMA,UAAS,WAAW,CAAC;AAAA,IACnD;AAAA,EACJ;AAAA,EAGA,MAAe,oBAAoB;AAC/B,SAAK,WAAW,KAAK,WAAY,OAAQ;AAEzC,QAAI,MAAM,IAAI,gBAAgB;AAAA,MAC1B,GAAG,KAAK;AAAA,MACR,GAAG,KAAK;AAAA;AAAA,IACZ,CAAC;AAED,QAAI,KAAK,MAAM,WAAW,cAAc;AACpC,YAAM;AAAA,QACF;AAAA,QACA,KAAK,MAAM,UAAU;AAAA,MACzB;AAAA,IACJ;AAKA,SAAK,KAAK,0BAA0B;AAGpC,SAAK,aAAa,wBAAwB,IAAI,WAAW;AACzD,2BAAuB,MAAM,UAAU;AACvC,SAAK,0BAA0B;AAC/B,SAAK,qBAAqB;AAC1B,SAAK,wBAAwB;AAAA,EACjC;AAAA,EAEQ,uBAAuB;AAC3B,QAAI,OAAO,WAAW,eAAe,oBAAoB,QAAQ;AAC7D,YAAM,oBAAoB,EAAE,SAAS,KAAK,UAAU,KAAK;AAAA,QACrD,SAAS;AAAA,MACb,CAAC;AACD,YAAM,iBAAiB,IAAI,eAAe,iBAAiB;AAC3D,qBAAe,QAAQ,KAAK,oBAAoB,OAAQ;AACxD,WAAK,UAAU,KAAK,MAAM;AACtB,uBAAe,WAAW;AAAA,MAC9B,CAAC;AAAA,IACL,WAAW,OAAO,WAAW,YAAY,OAAO,aAAa,UAAU;AAEnE,cAAQ;AAAA,QACJ;AAAA,MACJ;AAEA,WAAK,SAAS;AAAA,IAClB;AAIA,SAAK,UAAU;AAAA,MACX;AAAA,QACI,MAAM;AAAA,UACF,KAAK;AAAA,UACL,KAAK,gBAAgB,sBAAsB;AAAA,QAC/C;AAAA,QACA,MAAM,KAAK,wBAAwB;AAAA,MACvC;AAAA,IACJ;AAEA,SAAK,UAAU;AAAA,MACX;AAAA,QACI,MAAM,KAAK,aAAa;AAAA,QACxB,CAAC,yBAAyB;AACtB,gCAAsB;AAAA,YAAQ,CAAC,WAC3B,KAAK,+BAA+B,IAAI,MAAM;AAAA,UAClD;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAEA,QAAI,KAAK,MAAM,mBAAoB,MAAK,aAAa;AAAA,EACzD;AAAA,EAES,uBAAuB;AAC5B,SAAK,UAAU,QAAQ,CAAC,YAAY,QAAQ,CAAC;AAAA,EACjD;AAAA,EAEQ,gBAAgB;AACpB,QAAI,KAAK,aAAa,UAAW;AAEjC,SAAK,aAAa,YAAY,IAAI;AAAA,MAC9B,KAAK,gBAAgB,eAAe,0BAA0B;AAAA,MAC9D;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAAA,EAQc,MAAM,6BAA6B,gBAAwB;AACrE,QAAI,CAAC,KAAK,gBAAgB,4BAA6B;AACvD,SAAK,cAAc;AAEnB,UAAM,mBAAmB,KAAK,aAAa;AAC3C,SAAK,yCAAyC;AAAA,MAC1C;AAAA,MACA;AAAA,IACJ;AAEA,UAAM,mBAAmB;AAAA,MACrB,GAAG,KAAK;AAAA;AAAA,MACR,GAAG,KAAK,yCAAyC;AAAA,QAC7C,KAAK,gBAAgB;AAAA,MACzB;AAAA,MACA,SAAS,iBAAiB;AAAA,MAC1B,QAAQ,iBAAiB;AAAA,MACzB,MAAM,KAAK,aAAa;AAAA,IAC5B;AAEA,UAAM,cAAc,KAAK,aAAa;AAEtC,UAAM,KAAK,0BAA0B;AAErC,qBAAiB,MACb,KAAK,aAAa,0BAA0B,WAAW;AAG3D,QAAI,iBAAiB,QAAQ,yBAAyB,KAAK;AACvD,uBAAiB,QAAQ;AACzB,uBAAiB,YAAY;AAAA,IACjC;AAEA,SAAK,aAAa,wBAAwB,gBAAgB;AAS1D,UAAM,aAAa,KAAK,aAAa;AACrC,QAAI,gBAAgB;AAChB,WAAK,aAAa,iBAAiB,aAAa,UAAU;AAE9D,SAAK,UAAU;AAAA,MACX,KAAK,gBAAgB;AAAA,MACrB,KAAK,gBAAgB,eAAe;AAAA,IACxC;AAAA,EACJ;AAAA,EAEsB,gBAAgB,OAAoB;AACtD,SAAK,aAAa,aAAa,KAAK,sBAAsB,KAAK;AAAA,EACnE;AAAA,EAEU,IAAI,uBAAqC;AAC/C,UAAM,gBAAgB,KAAK;AAC3B,WAAO,MAAM,KAAK,aAAa;AAAA,EACnC;AAAA,EAEU,IAAY,qBAA8B;AAChD,WAAO,CAAC,KAAK;AAAA,EACjB;AAAA,EAWc,MAAM,4BAA4B;AAC5C,YAAQ,KAAK,gBAAgB,mBAAmB;AAAA,MAC5C,KAAK,0BAA0B;AAC3B,eAAO,KAAK,wCAAwC;AAAA,MACxD,KAAK,0BAA0B;AAC3B,eAAO,KAAK,0CAA0C;AAAA,MAC1D,KAAK,0BAA0B;AAC3B,eAAO,KAAK,0CAA0C;AAAA,IAC9D;AAAA,EACJ;AAAA,EAEU,IAAY,uCAGpB;AACE,UAAM,EAAE,2BAA2B,IAAI,KAAK;AAC5C,WAAO,EAAE;AAAA,MACL;AAAA,MACA,CAAC,QAAmB,IAAI,cAAc,IAAI;AAAA,IAC9C;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,qCAAqC,MAAwB;AACjE,UAAM,MAAM,KAAK,qCAAqC,IAAI;AAC1D,QAAI,CAAC,KAAK,UAAW,QAAO,CAAC;AAC7B,UAAM,YACF,uCAAuC,IAAI,SAAS,KAAK,CAAC;AAC9D,WAAO,UAAU,QAAQ,CAAC,aAAa;AAAA,MACnC,GAAG,KAAK,qCAAqC,QAAQ;AAAA,MACrD;AAAA,IACJ,CAAC;AAAA,EACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQQ,yCAAyC,MAAwB;AACrE,UAAM,EAAE,2BAA2B,IAAI,KAAK;AAC5C,UAAM,gCACF,KAAK,qCAAqC,IAAI;AAClD,UAAM,qBAA+B,2BAChC,OAAO,CAAC,QAAQ,CAAC,IAAI,UAAU,EAC/B,IAAI,CAAC,QAAQ,IAAI,IAAI;AAC1B,WAAO,8BAA8B;AAAA,MACjC,CAAC,2BACG,CAAC,mBAAmB,SAAS,sBAAsB;AAAA,IAC3D;AAAA,EACJ;AAAA,EAEc,MAAM,0CAA0C;AAC1D,UAAM,eAAe,KAAK;AAE1B,UAAM,EAAE,UAAU,IAAI,KAAK,gBAAgB;AAC3C,UAAM,gBAAgB,KAAK,eAAe,IAAI,SAAU;AACxD,QAAI,CAAC,eAAe;AAChB,UAAI,KAAK,MAAM,uBAAuB;AAClC,cAAM,IAAI,MAAM,oCAAoC,SAAS,EAAE;AAAA,MACnE;AAAA,IACJ;AACA,UAAM,qBAAqB,iBAAiB,CAAC;AAE7C,UAAM,SAAuC;AAAA,MACzC,GAAG;AAAA,QACC;AAAA,QACA,KAAK,gBAAgB;AAAA,MACzB;AAAA,MACA,SAAS,KAAK;AAAA,MACd,iBAAiB,KAAK;AAAA,MACtB,cAAc,KAAK;AAAA,MACnB,oBAAoB,KAAK;AAAA,MACzB,oBAAoB,KAAK;AAAA,IAC7B;AAGA,QAAI,KAAK,UAAU,cAAc;AAC7B,aAAO,sBAAsB,KAAK,UAAU;AAAA,IAChD;AAEA,iBAAa,mBAAmB,MAAM;AACtC,iBAAa,MAAM;AACnB,iBAAa,aAAa,iBAAiB;AAC3C,iBAAa,iBAAiB,MAAM;AACpC,QAAI,CAAC,OAAO,OAAO;AACf,YAAM,SACF,KAAK,MAAM,2BAA2B;AAC1C,YAAM,aAAa,OAAO;AAAA,QACtB,YAAY,OAAO;AAAA,QACnB,sBAAsB,OAAO;AAAA,QAC7B,YAAY,KAAK,MAAM;AAAA,QACvB,gBAAgB,KAAK,MAAM;AAAA,QAC3B,SAAS,KAAK,MAAM;AAAA,QACpB,kBAAkB,KAAK,MAAM;AAAA,MACjC,CAAC,EAAE,KAAK,CAAC,cAAe,YAAY,YAAY,iBAAiB,CAAE;AAInE,YAAM,KAAK,mBAAmB,IAAI,UAAU;AAAA,IAChD,OAAO;AACH,mBAAa,aAAa,KAAK,sBAAsB,OAAO,KAAK;AAAA,IACrE;AAAA,EACJ;AAAA,EAEc,MAAM,4CAA4C;AAC5D,UAAM,eAAe,KAAK;AAC1B,UAAM;AAAA,MACF,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACJ,IAAI,KAAK,gBAAgB;AAEzB,UAAM,mBAAmB,aACpB,MAAM,GAAG,EACT,IAAI,mBAAmB,EACvB,OAAO,CAAC,SAAS,SAAS,MAAS;AACxC,UAAM,YAAY,OAAO,MAAM,GAAG;AAElC,UAAM,uBACF,KAAK,kCAAkC,IAAI,iBAAiB,CAAC,CAAC;AAAA;AAAA;AAAA,IAI9D,KAAK,4BAA4B,IAAI,UAAU,CAAC,CAAC,KACjD,CAAC;AAEL,UAAM,SAAuC;AAAA,MACzC,GAAG;AAAA,QACC;AAAA,QACA,KAAK,gBAAgB;AAAA,MACzB;AAAA,MACA,iBAAiB,KAAK;AAAA,MACtB,cAAc,KAAK;AAAA,MACnB,oBAAoB,KAAK;AAAA,MACzB,oBAAoB,KAAK;AAAA,IAC7B;AAGA,QAAI,KAAK,UAAU,cAAc;AAC7B,aAAO,sBAAsB,KAAK,UAAU;AAAA,IAChD;AAIA,UAAM,aAAa,OAAO,YAAY,MAAM,KAAK,CAAC;AAClD,qBAAiB,QAAQ,CAAC,gBAAgB;AACtC,iBAAW,KAAK;AAAA,QACZ,YAAY;AAAA,QACZ,UAAU,kBAAkB;AAAA,MAChC,CAAC;AAAA,IACL,CAAC;AAED,QAAI,aAAa;AACb,YAAM,mBAAmB,oBAAoB,WAAW;AACxD,UAAI,qBAAqB;AACrB,mBAAW,KAAK;AAAA,UACZ,YAAY;AAAA,UACZ,UAAU,kBAAkB;AAAA,QAChC,CAAC;AAAA,IACT;AACA,QAAI,iBAAiB;AACjB,YAAM,uBAAuB,oBAAoB,eAAe;AAChE,UAAI,yBAAyB;AACzB,mBAAW,KAAK;AAAA,UACZ,YAAY;AAAA,UACZ,UAAU,kBAAkB;AAAA,QAChC,CAAC;AAAA,IACT;AACA,QAAI,gBAAgB;AAChB,YAAM,sBAAsB,oBAAoB,cAAc;AAC9D,UAAI,wBAAwB;AACxB,mBAAW,KAAK;AAAA,UACZ,YAAY;AAAA,UACZ,UAAU,kBAAkB;AAAA,QAChC,CAAC;AAAA,IACT;AAcA,UAAM,0BAA0B,EAAE;AAAA,MAC9B,CAAC,GAAG,OAAO,MAAM,GAAG,GAAG,OAAO,WAAW,QAAQ,EAAE;AAAA,QAC/C,EAAE;AAAA,MACN;AAAA,IACJ;AAGA,QAAI,wBAAwB,QAAQ;AAChC,YAAM,kBAAkB,EAAE;AAAA,QACtB,wBAAwB;AAAA,UAAQ,CAAC,SAC7B,KAAK,yCAAyC,IAAI;AAAA,QACtD;AAAA,MACJ,EACK,IAAI,CAAC,OAAO,SAAS,IAAI,EAAE,CAAC,EAC5B,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;AAC9B,sBAAgB,QAAQ,CAAC,eAAe;AACpC,cAAM,eAAe,WAAW;AAAA,UAC5B,CAAC,MAAM,EAAE,eAAe;AAAA,QAC5B;AACA,YAAI,CAAC,cAAc;AACf,qBAAW,KAAK;AAAA,YACZ;AAAA,YACA,UAAU,kBAAkB;AAAA;AAAA,UAChC,CAAC;AAAA,QACL;AAAA,MACJ,CAAC;AAAA,IACL;AAEA,WAAO,aAAa;AACpB,QAAI,UAAU,aAAc,QAAO,SAAS,SAAS,MAAM;AAE3D,SAAK,wBAAwB,CAAC,UAAuB;AAEjD,UAAI,wBAAwB,QAAQ;AAChC,cAAM,iBAAiB,EAAE;AAAA,UACrB,wBAAwB,QAAQ,CAAC,SAAS;AAAA,YACtC,GAAG,KAAK,qCAAqC,IAAI;AAAA,YACjD;AAAA,UACJ,CAAC;AAAA,QACL;AACA,cAAM,sBAAsB,MAAM;AAClC,cAAM,yBAAyB,eAAe;AAAA,UAC1C,CAAC,SAAS,CAAC,oBAAoB,SAAS,IAAI;AAAA,QAChD;AACA,cAAM,qBAAqB,uBACtB;AAAA,UACG,CAAC,SACG,KAAK,qCAAqC,IAAI;AAAA,QACtD,EACC,OAAO,EAAE,QAAQ;AACtB,gBAAQ,MAAM,cAAc,kBAAkB;AAAA,MAClD;AAGA,cAAQ,MAAM,WAAW,CAAC,QAAmB;AACzC,cAAM,sBACF,KAAK,qCAAqC,IAAI,IAAI,KAAK,CAAC;AAC5D,cAAM,YAAY,EAAE,GAAG,KAAK,GAAG,oBAAoB;AAGnD,kBAAU,YAAY,CAAC;AACvB,YAAI,oBAAoB;AACpB,oBAAU,QAAQ,OAAO,oBAAoB;AACjD,YAAI,oBAAoB;AACpB,oBAAU,QAAQ,OAAO,oBAAoB;AACjD,YAAI,oBAAoB;AACpB,oBAAU,QAAQ,YAAY,oBAAoB;AAEtD,eAAO;AAAA,MACX,CAAC;AACD,aAAO;AAAA,IACX;AAEA,iBAAa,mBAAmB,MAAM;AACtC,iBAAa,MAAM;AACnB,iBAAa,iBAAiB,MAAM;AACpC,QAAI,WAAW,WAAW,GAAG;AAGzB,mBAAa,aAAa,iBAAiB;AAAA,IAC/C,OAAO;AACH,YAAM,SACF,KAAK,MAAM,2BAA2B;AAC1C,YAAM,aAAa,OAAO;AAAA,QACtB,YAAY,OAAO;AAAA,QACnB,sBAAsB,OAAO;AAAA,QAC7B,gBAAgB,KAAK,MAAM;AAAA,QAC3B,YAAY,KAAK,MAAM;AAAA,QACvB,SAAS,KAAK,MAAM;AAAA,QACpB,kBAAkB,KAAK,MAAM;AAAA,MACjC,CAAC,EAAE,KAAK,CAAC,cAAe,YAAY,YAAY,iBAAiB,CAAE;AAInE,YAAM,KAAK,mBAAmB,IAAI,UAAU;AAAA,IAChD;AAAA,EACJ;AAAA,EAEc,MAAM,4CAA4C;AAC5D,UAAM,eAAe,KAAK;AAC1B,UAAM,EAAE,UAAU,IAAI,KAAK,gBAAgB;AAE3C,UAAM,SAAuC;AAAA,MACzC,GAAG,KAAK,gBAAgB;AAAA,MACxB,iBAAiB,KAAK;AAAA,MACtB,cAAc,KAAK;AAAA,MACnB,oBAAoB,KAAK;AAAA,MACzB,oBAAoB,KAAK;AAAA,IAC7B;AAGA,QAAI,KAAK,UAAU,cAAc;AAC7B,aAAO,sBAAsB,KAAK,UAAU;AAAA,IAChD;AAEA,iBAAa,mBAAmB,MAAM;AACtC,iBAAa,MAAM;AACnB,iBAAa,iBAAiB,MAAM;AAGpC,SAAK,SAAS,YAAY;AAE1B,SAAK;AAAA,MACD,iBAAiB,WAAW,kBAAkB,SAAS,GAAG;AAAA,IAC9D;AAIA,UAAM,KAAK,mBAAmB,IAAI,KAAK,YAAY,IAAI,SAAS,CAAC;AAAA,EACrE;AAAA,EAEc,SAAS,cAAuC;AAC1D,SAAK,gBAAgB,eAAe;AAAA,MAChC;AAAA,IACJ;AAAA,EACJ;AAAA,EAEU,IAAY,sBAA4C;AAC9D,UAAM,EAAE,eAAe,IAAI,KAAK;AAChC,WAAO,eAAe;AAAA,EAC1B;AAAA,EAEU,IAAI,cAAuC;AACjD,QACI,OAAO,WAAW,eAClB,OAAO,SAAS,KAAK,SAAS,uBAAuB;AAErD,mBAAa;AAAA,QACT,uCACI,KAAK,gBAAgB;AAAA,QACzB,KAAK,UAAU,KAAK,mBAAmB;AAAA,MAC3C;AAEJ,QAAI,MAAM,IAAI;AAAA,MACV,oBAAoB;AAAA,QAChB,GAAG,KAAK,aAAa;AAAA,QACrB,YAAY,KAAK;AAAA,QACjB,cAAc,KAAK;AAAA,QACnB,cAAc,KAAK,mBAAmB,gBAAgB;AAAA,QACtD,GAAG,KAAK;AAAA,MACZ,CAAC;AAAA,IACL;AAEA,UAAM;AAAA,MACF;AAAA,MACA,KAAK,UAAU,eACT,KAAK,UAAU,sBACf;AAAA,IACV;AAEA,WAAO,IAAI;AAAA,EACf;AAAA,EAEU,IAAI,aAAkB;AAC5B,QAAI,KAAK,MAAM,UAAW,QAAO,IAAI,gBAAgB,KAAK,WAAW;AACrE,WAAO,IAAI,QAAQ,OAAO,SAAS,IAAI,EAAE;AAAA,MACrC,KAAK;AAAA,IACT;AAAA,EACJ;AAAA,EAEQ,eAAe;AAGnB,UAAM,aAAa,MACf,aAAa,IAAI,gBAAgB,KAAK,WAAW,CAAC;AACtD,UAAM,sBAAsB,EAAE,SAAS,YAAY,GAAG;AAEtD,SAAK,UAAU;AAAA,MACX;AAAA,QACI,MAAM,KAAK;AAAA,QACX,MACI,KAAK,SAAS,eACR,oBAAoB,IACpB,WAAW;AAAA,MACzB;AAAA,IACJ;AAAA,EACJ;AAAA,EAEA,IAAY,SAAS;AACjB,WAAO,KAAK,gBAAgB,eAAe,wBAAwB;AAAA,MAC/D,CAAC,WACG;AAAA,QAAC;AAAA;AAAA,UACG,KAAK,OAAO;AAAA,UACZ,cAAc,KAAK,gBAAgB;AAAA,UACnC;AAAA,UACA,UAAU,KAAK,eAAe,OAAO,KAAK;AAAA,UAC1C,UAAU,KAAK;AAAA;AAAA,MACnB;AAAA,IAER;AAAA,EACJ;AAAA,EASQ,sBAAsB;AAC1B,WACI,oCAAC,SAAI,WAAU,uBACX,oCAAC,SAAI,WAAU,mBACV,KAAK,gBAAgB,eAAc,gBACxC,GACA,oCAAC,SAAI,WAAU,sBACX;AAAA,MAAC;AAAA;AAAA,QACG,UAAU;AAAA,QACV,MAAM,KAAK,gBAAgB,oBAAoB;AAAA;AAAA,IACnD,CACJ,GACC,KAAK,gBAAgB,oBAClB;AAAA,MAAC;AAAA;AAAA,QACG,MAAM,KAAK,gBAAgB;AAAA,QAC3B,WAAU;AAAA;AAAA,MACb;AAAA,IAED,CAER;AAAA,EAER;AAAA,EAIU,IAAY,aAAa;AAC/B,WAAO,WAAW;AAAA,EACtB;AAAA,EAEU,IAAY,uBAAuB;AACzC,QAAI,CAAC,KAAK,MAAM,oBAAoB,CAAC,KAAK,WAAY,QAAO;AAE7D,WAAO,EACH,KAAK,gBAAgB,gBACrB,KAAK,mBAAmB,iBAAiB;AAAA,EAEjD;AAAA,EAEU,IAAY,mBAAuC;AACzD,WAAO,KAAK,gBAAgB;AAAA,EAChC;AAAA,EAMQ,mBAAmB;AACvB,WACI;AAAA,MAAC;AAAA;AAAA,QACG,UAAU,KAAK;AAAA,QACf,cAAc,KAAK;AAAA,QACnB,eAAe,KAAK;AAAA;AAAA,MAEnB,KAAK;AAAA,IACV;AAAA,EAER;AAAA,EAEQ,qBAAqB;AACzB,UAAM,YACF,KAAK,aAAa,cAAc,KAAK,qBAC/B,KAAK,aAAa,UAAU,YAC5B,KAAK;AAEf,WACI;AAAA,MAAC;AAAA;AAAA,QACG,KAAI;AAAA,QACJ,SAAS;AAAA,QACT;AAAA,QACA,gBAAgB,KAAK,aAAa;AAAA,QAClC,kBAAkB,KAAK,aAAa;AAAA,QACpC,iBAAiB,KAAK,aAAa;AAAA,QACnC,gBAAgB,KAAK;AAAA;AAAA,IACzB;AAAA,EAER;AAAA,EAEsB,uBAAuB;AACzC,SAAK,0BAA0B,CAAC,KAAK;AAAA,EACzC;AAAA,EAEsB,WAAW;AAG7B,QAAI,KAAK,oBAAoB,SAAS,iBAAiB,KAAM;AAE7D,UAAM,cAAc,KAAK;AACzB,SAAK,WAAW,KAAK,MAAM,gBAAgB,QAAQ,SAAS;AAC5D,SAAK,oBAAoB;AAIzB,QAAI,KAAK,aAAa;AAClB,aAAO,WAAW,MAAM,KAAK,oBAAoB,GAAG,CAAC;AAAA,EAC7D;AAAA;AAAA,EAGQ,sBAAsB;AAC1B,UAAM,mBAAmB,KAAK,oBAAoB;AAClD,QAAI;AACA,WAAK,aAAa,iBAAiB,IAAI;AAAA,QACnC;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,MACrB;AAAA,EACR;AAAA,EAGA,IAAY,wBAAwB;AAChC,WACI;AAAA,MAAC;AAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAS,KAAK;AAAA,QACd,mBAAgB;AAAA;AAAA,MAEhB,oCAAC,mBAAgB,MAAM,aAAa;AAAA,MAAE;AAAA,IAC1C;AAAA,EAER;AAAA,EAEsB,gBAAgB;AAClC,SAAK,0BAA0B;AAAA,EACnC;AAAA,EAGU,IAAY,oBAAoB;AACtC,WACI,KAAK,wBACL,KAAK,gBAAgB,iBACrB,KAAK,OAAO,SAAS;AAAA,EAE7B;AAAA,EAES,SAAS;AACd,UAAM,EAAE,sBAAsB,kBAAkB,IAAI;AAEpD,WACI;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,WAAW;AAAA,UAClB,UAAU;AAAA,UACV,mBAAmB,KAAK;AAAA,UACxB,cAAc,CAAC;AAAA,UACf,YAAY,KAAK,MAAM;AAAA,QAC3B,CAAC;AAAA;AAAA,MAEA,qBAAqB,KAAK,oBAAoB;AAAA,MAC9C,qBAAqB,KAAK,iBAAiB;AAAA,MAC3C,wBAAwB,KAAK,mBAAmB;AAAA,MAChD,wBACG,KAAK,YACL,KAAK;AAAA,MACT,oCAAC,SAAI,WAAU,kBAAiB,KAAK,KAAK,uBACtC;AAAA,QAAC;AAAA;AAAA,UACG,KAAK,KAAK;AAAA,UACV,cAAc,KAAK;AAAA;AAAA,MACvB,CACJ;AAAA,IACJ;AAAA,EAER;AAAA,EAEU,IAAI,UAAU;AACpB,WAAO,GAAG,sBAAsB,IAAI,KAAK,MAAM,IAAI;AAAA,EACvD;AAAA,EAEU,IAAI,UAAU;AACpB,QAAI,aAAa;AACjB,QAAI,KAAK,kBAAkB;AACvB,mBAAa,KAAK,MAAM,gBAAgB;AAAA,IAC5C;AACA,WACI,cACA,GAAG,KAAK,YAAY,IAAI,sBAAsB,IAAI,KAAK,MAAM,IAAI;AAAA,EAEzE;AAAA,EAEU,IAAI,eAAe;AACzB,WACI,KAAK,MAAM,gBACX,IAAI,QAAQ,KAAK,OAAO,EAAE,eAAe,KAAK,WAAW,EAAE;AAAA,EAEnE;AAAA,EAEU,IAAI,eAAe;AACzB,WAAO,KAAK,cAAc;AAAA,EAC9B;AAAA,EAmBQ,0BAAgC;AAGpC,UAAM,kBAAkB,KAAK,qBACvB,KAAK,yBAAyB,KAAK,kBAAkB,IACrD,KAAK,gBAAgB,sBAAsB;AAEjD,SAAK,6BAA6B;AAClC,SAAK,KAAK,wBAAwB;AAAA,MAC9B,KAAK,YAAY,IAAI,eAAe;AAAA,IACxC;AAAA,EACJ;AAAA,EAEA,gBAAgB;AAAA,IACZ;AAAA,IACA;AAAA,EACJ,GAGG;AACC,SAAK,qBAAqB;AAC1B,QAAI,KAAM,MAAK,mBAAmB;AAAA,EACtC;AAAA,EAEQ,uBACJ,WACA,YACA,uBACF;AACE,WAAO,CAAC,CAAC,sBACJ,IAAI,SAAS,GACZ,KAAK,CAAC,QAAQ,IAAI,SAAS,UAAU;AAAA,EAC/C;AAAA,EAEQ,yBACJ,YACqB;AACrB,UAAM,wBAAwB,KAAK,gBAAgB;AAInD,UAAM,mBACF,KAAK,gBAAgB,sBAAsB;AAC/C,QACI,KAAK;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,IACJ,GACF;AACE,aAAO;AAAA,IACX;AAEA,WAAO,KAAK,gBAAgB,WAAW;AAAA,MAAK,CAAC,cACzC,KAAK;AAAA,QACD;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA,EAEU,IAAI,yBAA0C;AACpD,UAAM,gBAAgB,EAAE;AAAA,MACpB,MAAM;AAAA,QACF,KAAK,gBAAgB,sBAAsB,OAAO;AAAA,MACtD,EAAE,KAAK;AAAA,MACP,CAAC,QAAQ,IAAI;AAAA,IACjB;AAEA,QAAI,KAAK,gBAAgB,mBAAmB;AACxC,YAAM,mBAAmB,OAAO,eAAe,CAAC,QAAQ,IAAI,IAAI;AAEhE,aAAO;AAAA,QACH,KAAK,gBAAgB,kBAAkB;AAAA,UAAI,CAAC,SACxC,iBAAiB,IAAI,IAAI;AAAA,QAC7B;AAAA,MACJ;AAAA,IACJ,OAAO;AACH,YAAM,qBAAqB,oBAAI,IAAI;AAAA,QAC/B,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MACpB,CAAC;AACD,aAAO,cAAc;AAAA,QACjB,CAAC,SACI,IAAI,SAAS,UACV,CAAC,mBAAmB,IAAI,IAAI,IAAI,MACpC,IAAI,SAAS;AAAA,MACrB;AAAA,IACJ;AAAA,EACJ;AAAA,EAEU,IAAI,sBAAsB;AAChC,WAAO,KAAK,cAAc,YAAY,CAAC;AAAA,EAC3C;AACJ;AA96BkB;AAAA,EAAb,OAAO;AAAA,GAhJC,SAgJK;AAgBA;AAAA,EAAb;AAAA,GAhKQ,SAgKK;AAiIM;AAAA,EAAnB,OAAO;AAAA,GAjSC,SAiSW;AAoDE;AAAA,EAArB,OAAO;AAAA,GArVC,SAqVa;AAIR;AAAA,EAAb;AAAA,GAzVQ,SAyVK;AAKQ;AAAA,EAArB;AAAA,GA9VQ,SA8Va;AAaF;AAAA,EAAnB,OAAO;AAAA,GA3WC,SA2WW;AAWE;AAAA,EAArB;AAAA,GAtXQ,SAsXa;AA8CF;AAAA,EAAnB,OAAO;AAAA,GApaC,SAoaW;AAqDA;AAAA,EAAnB,OAAO;AAAA,GAzdC,SAydW;AA4LA;AAAA,EAAnB,OAAO;AAAA,GArpBC,SAqpBW;AAiCN;AAAA,EAAb,OAAO;AAAA,GAtrBC,SAsrBK;AAMQ;AAAA,EAArB;AAAA,GA5rBQ,SA4rBa;AAKR;AAAA,EAAb;AAAA,GAjsBQ,SAisBK;AA+BA;AAAA,EAAb;AAAA,GAhuBQ,SAguBK;AAwEQ;AAAA,EAArB;AAAA,GAxyBQ,SAwyBa;AAIA;AAAA,EAArB;AAAA,GA5yBQ,SA4yBa;AASA;AAAA,EAArB;AAAA,GArzBQ,SAqzBa;AAuCA;AAAA,EAArB,OAAO;AAAA,GA51BC,SA41Ba;AAIA;AAAA,EAArB,OAAO;AAAA,GAh2BC,SAg2Ba;AAwCA;AAAA,EAArB,OAAO;AAAA,GAx4BC,SAw4Ba;AAKA;AAAA,EAArB;AAAA,GA74BQ,SA64Ba;AAoCR;AAAA,EAAb;AAAA,GAj7BQ,SAi7BK;AAIA;AAAA,EAAb;AAAA,GAr7BQ,SAq7BK;AAWA;AAAA,EAAb;AAAA,GAh8BQ,SAg8BK;AAOA;AAAA,EAAb;AAAA,GAv8BQ,SAu8BK;AAmFA;AAAA,EAAb;AAAA,GA1hCQ,SA0hCK;AAiCA;AAAA,EAAb;AAAA,GA3jCQ,SA2jCK;AA3jCL,WAAN;AAAA,EADN;AAAA,GACY;",
+  "names": ["observer"]
+}

package/dist/explorer/Explorer.sample.d.ts

@@ -0,0 +1,4 @@
+import { Explorer, ExplorerProps } from "./Explorer.js";
+export declare const SampleExplorerOfGraphers: (props?: Partial<ExplorerProps>) => Explorer;
+export declare const SampleInlineDataExplorer: (props?: Partial<ExplorerProps>) => Explorer;
+//# sourceMappingURL=Explorer.sample.d.ts.map

package/dist/explorer/Explorer.sample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Explorer.sample.d.ts","sourceRoot":"","sources":["../../src/explorer/Explorer.sample.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAqIvD,eAAO,MAAM,wBAAwB,GAAI,QAAQ,OAAO,CAAC,aAAa,CAAC,aAuCtE,CAAA;AAuBD,eAAO,MAAM,wBAAwB,GAAI,QAAQ,OAAO,CAAC,aAAa,CAAC,aAUtE,CAAA"}

package/dist/explorer/Explorer.sample.js

@@ -0,0 +1,198 @@
+import { DimensionProperty } from "../utils/index.js";
+import { GRAPHER_TAB_CONFIG_OPTIONS } from "../types/index.js";
+import {
+  legacyToChartsTableAndDimensionsWithMandatorySlug
+} from "../grapher/index.js";
+import { Explorer } from "./Explorer.js";
+const SampleExplorerOfGraphersProgram = `explorerTitle	CO\u2082 Data Explorer
+isPublished	false
+explorerSubtitle	Download the complete CO\u2082 and GHG Emissions Dataset.
+subNavId	co2
+time	earliest..latest
+selection	China	United States	India	United Kingdom	World
+Gas Radio	CO\u2082
+Accounting Radio	Production-based
+subNavCurrentId	co2-data-explorer
+graphers
+	grapherId	Gas Radio	Accounting Radio	Fuel Dropdown	Count Dropdown	Relative to world total Checkbox	hasMapTab
+	488	CO\u2082	Production-based	Total	Per country	false	true
+	3219	CO\u2082	Production-based	Total	Per country	Share of global emissions	false
+	486	CO\u2082	Production-based	Total	Per capita	false
+	485	CO\u2082	Production-based	Total	Cumulative	false	false
+	3218	CO\u2082	Production-based	Total	Cumulative	Share of global emissions	false
+	4267	CO\u2082	Production-based	Total	Per MWh of energy	false
+	530	CO\u2082	Production-based	Total	Per $ of GDP	false
+	3621	CO\u2082	Consumption-based		Per country	false
+	3488	CO\u2082	Consumption-based		Per capita	false
+	4331	CO\u2082	Consumption-based		Per $ of GDP	false
+	696	CO\u2082	Consumption-based		Share of emissions embedded in trade	false
+	4250	CO\u2082	Production-based	Coal	Per country	false
+	4251	CO\u2082	Production-based	Oil	Per country	false
+	4253	CO\u2082	Production-based	Gas	Per country	false
+	4255	CO\u2082	Production-based	Cement	Per country	false
+	4332	CO\u2082	Production-based	Flaring	Per country	false
+	4249	CO\u2082	Production-based	Coal	Per capita	false
+	4252	CO\u2082	Production-based	Oil	Per capita	false
+	4254	CO\u2082	Production-based	Gas	Per capita	false
+	4256	CO\u2082	Production-based	Cement	Per capita	false
+	4333	CO\u2082	Production-based	Flaring	Per capita	false
+	4147	All GHGs (CO\u2082eq)	Production-based		Per country	false
+	4239	All GHGs (CO\u2082eq)	Production-based		Per capita	false
+	4222	Methane	Production-based		Per country	false
+	4243	Methane	Production-based		Per capita	false
+	4224	Nitrous oxide	Production-based		Per country	false
+	4244	Nitrous oxide	Production-based		Per capita	false`;
+function generateCO2PerCapitaData() {
+  const startYear = 1990;
+  const endYear = 2024;
+  const years = [];
+  const entities = [];
+  const values = [];
+  const entityData = [
+    {
+      id: 1,
+      name: "China",
+      code: "CHN",
+      // CO2 per capita rose from ~2 to ~8 tonnes
+      baseValue: 2.1,
+      trend: (year) => 2.1 + (year - 1990) * 0.18
+    },
+    {
+      id: 2,
+      name: "United States",
+      code: "USA",
+      // CO2 per capita declined from ~20 to ~14 tonnes
+      baseValue: 19.5,
+      trend: (year) => 19.5 - (year - 1990) * 0.15 + Math.sin(year * 0.5) * 0.3
+    },
+    {
+      id: 3,
+      name: "India",
+      code: "IND",
+      // CO2 per capita rose from ~0.7 to ~2 tonnes
+      baseValue: 0.7,
+      trend: (year) => 0.7 + (year - 1990) * 0.04
+    },
+    {
+      id: 4,
+      name: "United Kingdom",
+      code: "GBR",
+      // CO2 per capita declined from ~10 to ~5 tonnes
+      baseValue: 10.2,
+      trend: (year) => 10.2 - (year - 1990) * 0.15 + Math.sin(year * 0.3) * 0.2
+    },
+    {
+      id: 5,
+      name: "World",
+      code: "WRL",
+      // Global average rose from ~4 to ~4.7 tonnes
+      baseValue: 4,
+      trend: (year) => 4 + (year - 1990) * 0.02 + Math.sin(year * 0.2) * 0.1
+    }
+  ];
+  for (let year = startYear; year <= endYear; year++) {
+    for (const entity of entityData) {
+      years.push(year);
+      entities.push(entity.id);
+      const baseValue = entity.trend(year);
+      const noise = (Math.sin(year * entity.id) * 0.1 + 1) * baseValue;
+      values.push(Math.round(noise * 100) / 100);
+    }
+  }
+  const yearValues = [];
+  for (let year = startYear; year <= endYear; year++) {
+    yearValues.push({ id: year });
+  }
+  return {
+    data: { years, entities, values },
+    metadata: {
+      id: 142609,
+      display: { yearIsDay: false },
+      dimensions: {
+        entities: {
+          values: entityData.map((e) => ({
+            name: e.name,
+            code: e.code,
+            id: e.id
+          }))
+        },
+        years: { values: yearValues }
+      }
+    }
+  };
+}
+const SampleExplorerOfGraphers = (props) => {
+  const title = "CO\u2082 emissions per capita";
+  const co2Data = generateCO2PerCapitaData();
+  const dataset = /* @__PURE__ */ new Map([[142609, co2Data]]);
+  const dimensions = [
+    {
+      variableId: 142609,
+      property: DimensionProperty.y
+    }
+  ];
+  const first = {
+    id: 488,
+    title,
+    dimensions,
+    tab: GRAPHER_TAB_CONFIG_OPTIONS.chart
+  };
+  first.table = legacyToChartsTableAndDimensionsWithMandatorySlug(
+    dataset,
+    dimensions,
+    {}
+  );
+  const grapherConfigs = [
+    first,
+    {
+      ...first,
+      id: 4147,
+      title: "All GHGs per capita"
+    }
+  ];
+  return new Explorer({
+    slug: "test-slug",
+    program: SampleExplorerOfGraphersProgram,
+    grapherConfigs,
+    adminBaseUrl: "",
+    bakedBaseUrl: "",
+    bakedGrapherUrl: "",
+    dataApiUrl: "",
+    ...props
+  });
+};
+const SampleInlineDataExplorerProgram = `explorerTitle	Sample Explorer
+selection	Argentina
+graphers
+	Test Radio	xSlug	ySlugs	colorSlug	sizeSlug	type
+	Scatter	x	y	color	size	ScatterPlot
+	Line		y			LineChart
+
+columns
+	slug	type	name
+	Country	EntityName	Country
+	Quarter	Quarter	Quarter
+	x	Numeric	x
+	y	Numeric	y
+	color	Numeric	color
+	size	Numeric	size
+
+table
+	Country	Year	x	y	color	size
+	Argentina	2020	1	1	1	1
+	Argentina	2021	1	1	1	1`;
+const SampleInlineDataExplorer = (props) => {
+  return new Explorer({
+    slug: "test-slug-inline-data",
+    program: SampleInlineDataExplorerProgram,
+    adminBaseUrl: "",
+    bakedBaseUrl: "",
+    bakedGrapherUrl: "",
+    dataApiUrl: "",
+    ...props
+  });
+};
+export {
+  SampleExplorerOfGraphers,
+  SampleInlineDataExplorer
+};

package/dist/explorer/Explorer.sample.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/explorer/Explorer.sample.ts"],
+  "sourcesContent": ["import { DimensionProperty } from \"../utils/index.js\"\nimport { GRAPHER_TAB_CONFIG_OPTIONS } from \"../types/index.js\"\nimport {\n    GrapherProgrammaticInterface,\n    legacyToChartsTableAndDimensionsWithMandatorySlug,\n} from \"../grapher/index.js\"\nimport { Explorer, ExplorerProps } from \"./Explorer.js\"\n\nconst SampleExplorerOfGraphersProgram = `explorerTitle\tCO\u2082 Data Explorer\nisPublished\tfalse\nexplorerSubtitle\tDownload the complete CO\u2082 and GHG Emissions Dataset.\nsubNavId\tco2\ntime\tearliest..latest\nselection\tChina\tUnited States\tIndia\tUnited Kingdom\tWorld\nGas Radio\tCO\u2082\nAccounting Radio\tProduction-based\nsubNavCurrentId\tco2-data-explorer\ngraphers\n\tgrapherId\tGas Radio\tAccounting Radio\tFuel Dropdown\tCount Dropdown\tRelative to world total Checkbox\thasMapTab\n\t488\tCO\u2082\tProduction-based\tTotal\tPer country\tfalse\ttrue\n\t3219\tCO\u2082\tProduction-based\tTotal\tPer country\tShare of global emissions\tfalse\n\t486\tCO\u2082\tProduction-based\tTotal\tPer capita\tfalse\n\t485\tCO\u2082\tProduction-based\tTotal\tCumulative\tfalse\tfalse\n\t3218\tCO\u2082\tProduction-based\tTotal\tCumulative\tShare of global emissions\tfalse\n\t4267\tCO\u2082\tProduction-based\tTotal\tPer MWh of energy\tfalse\n\t530\tCO\u2082\tProduction-based\tTotal\tPer $ of GDP\tfalse\n\t3621\tCO\u2082\tConsumption-based\t\tPer country\tfalse\n\t3488\tCO\u2082\tConsumption-based\t\tPer capita\tfalse\n\t4331\tCO\u2082\tConsumption-based\t\tPer $ of GDP\tfalse\n\t696\tCO\u2082\tConsumption-based\t\tShare of emissions embedded in trade\tfalse\n\t4250\tCO\u2082\tProduction-based\tCoal\tPer country\tfalse\n\t4251\tCO\u2082\tProduction-based\tOil\tPer country\tfalse\n\t4253\tCO\u2082\tProduction-based\tGas\tPer country\tfalse\n\t4255\tCO\u2082\tProduction-based\tCement\tPer country\tfalse\n\t4332\tCO\u2082\tProduction-based\tFlaring\tPer country\tfalse\n\t4249\tCO\u2082\tProduction-based\tCoal\tPer capita\tfalse\n\t4252\tCO\u2082\tProduction-based\tOil\tPer capita\tfalse\n\t4254\tCO\u2082\tProduction-based\tGas\tPer capita\tfalse\n\t4256\tCO\u2082\tProduction-based\tCement\tPer capita\tfalse\n\t4333\tCO\u2082\tProduction-based\tFlaring\tPer capita\tfalse\n\t4147\tAll GHGs (CO\u2082eq)\tProduction-based\t\tPer country\tfalse\n\t4239\tAll GHGs (CO\u2082eq)\tProduction-based\t\tPer capita\tfalse\n\t4222\tMethane\tProduction-based\t\tPer country\tfalse\n\t4243\tMethane\tProduction-based\t\tPer capita\tfalse\n\t4224\tNitrous oxide\tProduction-based\t\tPer country\tfalse\n\t4244\tNitrous oxide\tProduction-based\t\tPer capita\tfalse`\n\n// Generate realistic CO2 per capita emissions data (tonnes per person)\n// Based on approximate real-world trends from CO2 data\nfunction generateCO2PerCapitaData() {\n    const startYear = 1990\n    const endYear = 2024\n    const years: number[] = []\n    const entities: number[] = []\n    const values: number[] = []\n\n    // Entity IDs matching the selection: China, United States, India, United Kingdom, World\n    const entityData = [\n        {\n            id: 1,\n            name: \"China\",\n            code: \"CHN\",\n            // CO2 per capita rose from ~2 to ~8 tonnes\n            baseValue: 2.1,\n            trend: (year: number) => 2.1 + (year - 1990) * 0.18,\n        },\n        {\n            id: 2,\n            name: \"United States\",\n            code: \"USA\",\n            // CO2 per capita declined from ~20 to ~14 tonnes\n            baseValue: 19.5,\n            trend: (year: number) =>\n                19.5 - (year - 1990) * 0.15 + Math.sin(year * 0.5) * 0.3,\n        },\n        {\n            id: 3,\n            name: \"India\",\n            code: \"IND\",\n            // CO2 per capita rose from ~0.7 to ~2 tonnes\n            baseValue: 0.7,\n            trend: (year: number) => 0.7 + (year - 1990) * 0.04,\n        },\n        {\n            id: 4,\n            name: \"United Kingdom\",\n            code: \"GBR\",\n            // CO2 per capita declined from ~10 to ~5 tonnes\n            baseValue: 10.2,\n            trend: (year: number) =>\n                10.2 - (year - 1990) * 0.15 + Math.sin(year * 0.3) * 0.2,\n        },\n        {\n            id: 5,\n            name: \"World\",\n            code: \"WRL\",\n            // Global average rose from ~4 to ~4.7 tonnes\n            baseValue: 4.0,\n            trend: (year: number) =>\n                4.0 + (year - 1990) * 0.02 + Math.sin(year * 0.2) * 0.1,\n        },\n    ]\n\n    // Generate data for each year and entity\n    for (let year = startYear; year <= endYear; year++) {\n        for (const entity of entityData) {\n            years.push(year)\n            entities.push(entity.id)\n            // Add some realistic variation\n            const baseValue = entity.trend(year)\n            const noise = (Math.sin(year * entity.id) * 0.1 + 1) * baseValue\n            values.push(Math.round(noise * 100) / 100)\n        }\n    }\n\n    const yearValues: { id: number }[] = []\n    for (let year = startYear; year <= endYear; year++) {\n        yearValues.push({ id: year })\n    }\n\n    return {\n        data: { years, entities, values },\n        metadata: {\n            id: 142609,\n            display: { yearIsDay: false },\n            dimensions: {\n                entities: {\n                    values: entityData.map((e) => ({\n                        name: e.name,\n                        code: e.code,\n                        id: e.id,\n                    })),\n                },\n                years: { values: yearValues },\n            },\n        },\n    }\n}\n\nexport const SampleExplorerOfGraphers = (props?: Partial<ExplorerProps>) => {\n    const title = \"CO\u2082 emissions per capita\"\n    const co2Data = generateCO2PerCapitaData()\n    const dataset = new Map([[142609, co2Data]])\n    const dimensions = [\n        {\n            variableId: 142609,\n            property: DimensionProperty.y,\n        },\n    ]\n    const first: GrapherProgrammaticInterface = {\n        id: 488,\n        title,\n        dimensions,\n        tab: GRAPHER_TAB_CONFIG_OPTIONS.chart,\n    }\n    first.table = legacyToChartsTableAndDimensionsWithMandatorySlug(\n        dataset,\n        dimensions,\n        {}\n    )\n    const grapherConfigs: GrapherProgrammaticInterface[] = [\n        first,\n        {\n            ...first,\n            id: 4147,\n            title: \"All GHGs per capita\",\n        },\n    ]\n    return new Explorer({\n        slug: \"test-slug\",\n        program: SampleExplorerOfGraphersProgram,\n        grapherConfigs,\n        adminBaseUrl: \"\",\n        bakedBaseUrl: \"\",\n        bakedGrapherUrl: \"\",\n        dataApiUrl: \"\",\n        ...props,\n    })\n}\n\nconst SampleInlineDataExplorerProgram = `explorerTitle\tSample Explorer\nselection\tArgentina\ngraphers\n\tTest Radio\txSlug\tySlugs\tcolorSlug\tsizeSlug\ttype\n\tScatter\tx\ty\tcolor\tsize\tScatterPlot\n\tLine\t\ty\t\t\tLineChart\n\ncolumns\n\tslug\ttype\tname\n\tCountry\tEntityName\tCountry\n\tQuarter\tQuarter\tQuarter\n\tx\tNumeric\tx\n\ty\tNumeric\ty\n\tcolor\tNumeric\tcolor\n\tsize\tNumeric\tsize\n\ntable\n\tCountry\tYear\tx\ty\tcolor\tsize\n\tArgentina\t2020\t1\t1\t1\t1\n\tArgentina\t2021\t1\t1\t1\t1`\n\nexport const SampleInlineDataExplorer = (props?: Partial<ExplorerProps>) => {\n    return new Explorer({\n        slug: \"test-slug-inline-data\",\n        program: SampleInlineDataExplorerProgram,\n        adminBaseUrl: \"\",\n        bakedBaseUrl: \"\",\n        bakedGrapherUrl: \"\",\n        dataApiUrl: \"\",\n        ...props,\n    })\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/explorer/ExplorerConstants.d.ts

@@ -0,0 +1,61 @@
+import { SortOrder, GrapherQueryParams } from "../types/index.js";
+import { ColumnSlug, SerializedGridProgram } from "../utils/index.js";
+export declare enum ExplorerControlType {
+    Radio = "Radio",
+    Checkbox = "Checkbox",
+    Dropdown = "Dropdown"
+}
+export declare enum ExplorerChartCreationMode {
+    FromGrapherId = "FromGrapherId",
+    FromVariableIds = "FromVariableIds",
+    FromExplorerTableColumnSlugs = "FromExplorerTableColumnSlugs"
+}
+export declare const DefaultNewExplorerSlug = "new";
+export declare const ExplorerControlTypeRegex: RegExp;
+export interface ExplorerChoice {
+    title: string;
+    displayTitle?: string;
+    options: ExplorerChoiceOption[];
+    value: string;
+    type: ExplorerControlType;
+}
+export interface ExplorerChoiceOption {
+    label: string;
+    available: boolean;
+    value: string;
+    checked?: boolean;
+}
+export type ChoiceName = string;
+export type ChoiceValue = string;
+export interface ExplorerChoiceParams {
+    [choiceName: string]: ChoiceValue;
+}
+export interface ChoiceMap {
+    [choiceName: string]: ChoiceValue[];
+}
+/** Query params available in all explorers */
+export interface ExplorerStandardQueryParams extends GrapherQueryParams {
+    pickerSort?: SortOrder;
+    pickerMetric?: ColumnSlug;
+    hideControls?: string;
+}
+export type ExplorerFullQueryParams = ExplorerStandardQueryParams & ExplorerChoiceParams;
+export declare const UNSAVED_EXPLORER_DRAFT = "UNSAVED_EXPLORER_DRAFT";
+export declare const UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS = "UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS";
+export declare const EMBEDDED_EXPLORER_DELIMITER = "\n//EMBEDDED_EXPLORER\n";
+export declare const EXPLORER_CONSTANTS_DELIMITER = "\n//EXPLORER_CONSTANTS\n";
+export declare const EMBEDDED_EXPLORER_GRAPHER_CONFIGS = "\n//EMBEDDED_EXPLORER_GRAPHER_CONFIGS\n";
+export declare const EMBEDDED_EXPLORER_PARTIAL_GRAPHER_CONFIGS = "\n//EMBEDDED_PARTIAL_EXPLORER_GRAPHER_CONFIGS\n";
+export declare const EXPLORER_EMBEDDED_FIGURE_SELECTOR = "data-explorer-src";
+export declare const ExplorerContainerId = "ExplorerContainer";
+export declare const GetAllExplorersRoute = "allExplorers.json";
+export declare const GetAllExplorersTagsRoute = "allExplorersTags.json";
+export declare const EXPLORERS_ROUTE_FOLDER = "explorers";
+export declare const EXPLORERS_GIT_CMS_FOLDER = "explorers";
+export declare const EXPLORERS_PREVIEW_ROUTE = "explorers/preview";
+export interface ExplorersRouteResponse {
+    success: boolean;
+    errorMessage?: string;
+    explorers: SerializedGridProgram[];
+}
+//# sourceMappingURL=ExplorerConstants.d.ts.map

package/dist/explorer/ExplorerConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplorerConstants.d.ts","sourceRoot":"","sources":["../../src/explorer/ExplorerConstants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAErE,oBAAY,mBAAmB;IAC3B,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACxB;AAED,oBAAY,yBAAyB;IACjC,aAAa,kBAAkB;IAC/B,eAAe,oBAAoB;IACnC,4BAA4B,iCAAiC;CAChE;AAED,eAAO,MAAM,sBAAsB,QAAQ,CAAA;AAE3C,eAAO,MAAM,wBAAwB,QAEpC,CAAA;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,mBAAmB,CAAA;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAA;AAC/B,MAAM,MAAM,WAAW,GAAG,MAAM,CAAA;AAEhC,MAAM,WAAW,oBAAoB;IACjC,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,CAAA;CACpC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,EAAE,CAAA;CACtC;AAED,8CAA8C;AAC9C,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;IACnE,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAC7D,oBAAoB,CAAA;AAExB,eAAO,MAAM,sBAAsB,2BAA2B,CAAA;AAC9D,eAAO,MAAM,oCAAoC,yCACP,CAAA;AAE1C,eAAO,MAAM,2BAA2B,4BAA4B,CAAA;AACpE,eAAO,MAAM,4BAA4B,6BAA6B,CAAA;AACtE,eAAO,MAAM,iCAAiC,4CACD,CAAA;AAC7C,eAAO,MAAM,yCAAyC,oDACD,CAAA;AAErD,eAAO,MAAM,iCAAiC,sBAAsB,CAAA;AAEpE,eAAO,MAAM,mBAAmB,sBAAsB,CAAA;AAEtD,eAAO,MAAM,oBAAoB,sBAAsB,CAAA;AAEvD,eAAO,MAAM,wBAAwB,0BAA0B,CAAA;AAE/D,eAAO,MAAM,sBAAsB,cAAc,CAAA;AACjD,eAAO,MAAM,wBAAwB,cAAc,CAAA;AACnD,eAAO,MAAM,uBAAuB,sBAAsC,CAAA;AAE1E,MAAM,WAAW,sBAAsB;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,qBAAqB,EAAE,CAAA;CACrC"}

package/dist/explorer/ExplorerConstants.js

@@ -0,0 +1,48 @@
+var ExplorerControlType = /* @__PURE__ */ ((ExplorerControlType2) => {
+  ExplorerControlType2["Radio"] = "Radio";
+  ExplorerControlType2["Checkbox"] = "Checkbox";
+  ExplorerControlType2["Dropdown"] = "Dropdown";
+  return ExplorerControlType2;
+})(ExplorerControlType || {});
+var ExplorerChartCreationMode = /* @__PURE__ */ ((ExplorerChartCreationMode2) => {
+  ExplorerChartCreationMode2["FromGrapherId"] = "FromGrapherId";
+  ExplorerChartCreationMode2["FromVariableIds"] = "FromVariableIds";
+  ExplorerChartCreationMode2["FromExplorerTableColumnSlugs"] = "FromExplorerTableColumnSlugs";
+  return ExplorerChartCreationMode2;
+})(ExplorerChartCreationMode || {});
+const DefaultNewExplorerSlug = "new";
+const ExplorerControlTypeRegex = new RegExp(
+  " (" + Object.values(ExplorerControlType).join("|") + ")$"
+);
+const UNSAVED_EXPLORER_DRAFT = "UNSAVED_EXPLORER_DRAFT";
+const UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS = "UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS";
+const EMBEDDED_EXPLORER_DELIMITER = "\n//EMBEDDED_EXPLORER\n";
+const EXPLORER_CONSTANTS_DELIMITER = "\n//EXPLORER_CONSTANTS\n";
+const EMBEDDED_EXPLORER_GRAPHER_CONFIGS = "\n//EMBEDDED_EXPLORER_GRAPHER_CONFIGS\n";
+const EMBEDDED_EXPLORER_PARTIAL_GRAPHER_CONFIGS = "\n//EMBEDDED_PARTIAL_EXPLORER_GRAPHER_CONFIGS\n";
+const EXPLORER_EMBEDDED_FIGURE_SELECTOR = "data-explorer-src";
+const ExplorerContainerId = "ExplorerContainer";
+const GetAllExplorersRoute = "allExplorers.json";
+const GetAllExplorersTagsRoute = "allExplorersTags.json";
+const EXPLORERS_ROUTE_FOLDER = "explorers";
+const EXPLORERS_GIT_CMS_FOLDER = "explorers";
+const EXPLORERS_PREVIEW_ROUTE = `${EXPLORERS_ROUTE_FOLDER}/preview`;
+export {
+  DefaultNewExplorerSlug,
+  EMBEDDED_EXPLORER_DELIMITER,
+  EMBEDDED_EXPLORER_GRAPHER_CONFIGS,
+  EMBEDDED_EXPLORER_PARTIAL_GRAPHER_CONFIGS,
+  EXPLORERS_GIT_CMS_FOLDER,
+  EXPLORERS_PREVIEW_ROUTE,
+  EXPLORERS_ROUTE_FOLDER,
+  EXPLORER_CONSTANTS_DELIMITER,
+  EXPLORER_EMBEDDED_FIGURE_SELECTOR,
+  ExplorerChartCreationMode,
+  ExplorerContainerId,
+  ExplorerControlType,
+  ExplorerControlTypeRegex,
+  GetAllExplorersRoute,
+  GetAllExplorersTagsRoute,
+  UNSAVED_EXPLORER_DRAFT,
+  UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS
+};

package/dist/explorer/ExplorerConstants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/explorer/ExplorerConstants.ts"],
+  "sourcesContent": ["import { SortOrder, GrapherQueryParams } from \"../types/index.js\"\nimport { ColumnSlug, SerializedGridProgram } from \"../utils/index.js\"\n\nexport enum ExplorerControlType {\n    Radio = \"Radio\",\n    Checkbox = \"Checkbox\",\n    Dropdown = \"Dropdown\",\n}\n\nexport enum ExplorerChartCreationMode {\n    FromGrapherId = \"FromGrapherId\",\n    FromVariableIds = \"FromVariableIds\",\n    FromExplorerTableColumnSlugs = \"FromExplorerTableColumnSlugs\",\n}\n\nexport const DefaultNewExplorerSlug = \"new\"\n\nexport const ExplorerControlTypeRegex = new RegExp(\n    \" (\" + Object.values(ExplorerControlType).join(\"|\") + \")$\"\n)\n\nexport interface ExplorerChoice {\n    title: string\n    displayTitle?: string\n    options: ExplorerChoiceOption[]\n    value: string\n    type: ExplorerControlType\n}\n\nexport interface ExplorerChoiceOption {\n    label: string\n    available: boolean\n    value: string\n    checked?: boolean\n}\n\nexport type ChoiceName = string\nexport type ChoiceValue = string\n\nexport interface ExplorerChoiceParams {\n    [choiceName: string]: ChoiceValue\n}\n\nexport interface ChoiceMap {\n    [choiceName: string]: ChoiceValue[]\n}\n\n/** Query params available in all explorers */\nexport interface ExplorerStandardQueryParams extends GrapherQueryParams {\n    pickerSort?: SortOrder\n    pickerMetric?: ColumnSlug\n    hideControls?: string\n}\n\nexport type ExplorerFullQueryParams = ExplorerStandardQueryParams &\n    ExplorerChoiceParams\n\nexport const UNSAVED_EXPLORER_DRAFT = \"UNSAVED_EXPLORER_DRAFT\"\nexport const UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS =\n    \"UNSAVED_EXPLORER_PREVIEW_QUERYPARAMS\"\n\nexport const EMBEDDED_EXPLORER_DELIMITER = \"\\n//EMBEDDED_EXPLORER\\n\"\nexport const EXPLORER_CONSTANTS_DELIMITER = \"\\n//EXPLORER_CONSTANTS\\n\"\nexport const EMBEDDED_EXPLORER_GRAPHER_CONFIGS =\n    \"\\n//EMBEDDED_EXPLORER_GRAPHER_CONFIGS\\n\"\nexport const EMBEDDED_EXPLORER_PARTIAL_GRAPHER_CONFIGS =\n    \"\\n//EMBEDDED_PARTIAL_EXPLORER_GRAPHER_CONFIGS\\n\"\n\nexport const EXPLORER_EMBEDDED_FIGURE_SELECTOR = \"data-explorer-src\"\n\nexport const ExplorerContainerId = \"ExplorerContainer\"\n\nexport const GetAllExplorersRoute = \"allExplorers.json\"\n\nexport const GetAllExplorersTagsRoute = \"allExplorersTags.json\"\n\nexport const EXPLORERS_ROUTE_FOLDER = \"explorers\" // Url path: /{explorers}\nexport const EXPLORERS_GIT_CMS_FOLDER = \"explorers\" // Disk path: git-content/{explorers}\nexport const EXPLORERS_PREVIEW_ROUTE = `${EXPLORERS_ROUTE_FOLDER}/preview`\n\nexport interface ExplorersRouteResponse {\n    success: boolean\n    errorMessage?: string\n    explorers: SerializedGridProgram[]\n}\n"],
+  "mappings": "AAGO,IAAK,sBAAL,kBAAKA,yBAAL;AACH,EAAAA,qBAAA,WAAQ;AACR,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,cAAW;AAHH,SAAAA;AAAA,GAAA;AAML,IAAK,4BAAL,kBAAKC,+BAAL;AACH,EAAAA,2BAAA,mBAAgB;AAChB,EAAAA,2BAAA,qBAAkB;AAClB,EAAAA,2BAAA,kCAA+B;AAHvB,SAAAA;AAAA,GAAA;AAML,MAAM,yBAAyB;AAE/B,MAAM,2BAA2B,IAAI;AAAA,EACxC,OAAO,OAAO,OAAO,mBAAmB,EAAE,KAAK,GAAG,IAAI;AAC1D;AAsCO,MAAM,yBAAyB;AAC/B,MAAM,uCACT;AAEG,MAAM,8BAA8B;AACpC,MAAM,+BAA+B;AACrC,MAAM,oCACT;AACG,MAAM,4CACT;AAEG,MAAM,oCAAoC;AAE1C,MAAM,sBAAsB;AAE5B,MAAM,uBAAuB;AAE7B,MAAM,2BAA2B;AAEjC,MAAM,yBAAyB;AAC/B,MAAM,2BAA2B;AACjC,MAAM,0BAA0B,GAAG,sBAAsB;",
+  "names": ["ExplorerControlType", "ExplorerChartCreationMode"]
+}

package/dist/explorer/ExplorerControls.d.ts

@@ -0,0 +1,24 @@
+import { Component } from "react";
+import { ExplorerChoice } from "./ExplorerConstants.js";
+export declare class ExplorerControlBar extends Component<{
+    isMobile?: boolean;
+    showControls?: boolean;
+    closeControls?: () => void;
+    children: React.ReactNode;
+}> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export declare class ExplorerControlPanel extends Component<{
+    choice: ExplorerChoice;
+    explorerSlug?: string;
+    onChange?: (value: string) => void;
+    isMobile: boolean;
+}> {
+    private renderCheckboxOrRadio;
+    private get options();
+    private renderDropdown;
+    private customOnChange;
+    private renderColumn;
+    render(): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+}
+//# sourceMappingURL=ExplorerControls.d.ts.map

package/dist/explorer/ExplorerControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplorerControls.d.ts","sourceRoot":"","sources":["../../src/explorer/ExplorerControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,EAGH,cAAc,EACjB,MAAM,wBAAwB,CAAA;AAW/B,qBAAa,kBAAmB,SAAQ,SAAS,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAC;IACW,MAAM;CA4BlB;AAwCD,qBAAa,oBAAqB,SAAQ,SAAS,CAAC;IAChD,MAAM,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,OAAO,CAAA;CACpB,CAAC;IACE,OAAO,CAAC,qBAAqB;IA6C7B,OAAO,KAAK,OAAO,GAElB;IAED,OAAO,CAAC,cAAc;IAwBhB,OAAO,CAAC,cAAc;IAI5B,OAAO,CAAC,YAAY;IAwBX,MAAM;CAUlB"}