@datawheel/bespoke 0.1.9 → 0.1.10

package/dist/index.js

@@ -1,8 +1,6 @@
 import * as d3Array from 'd3-array';
-import { sum, max, min, ticks, tickIncrement, tickStep, bisect } from 'd3-array';
 import * as d3Collection from 'd3-collection';
 import * as d3Format from 'd3-format';
-import { formatSpecifier, precisionFixed, precisionRound, precisionPrefix, formatPrefix, format as format$1 } from 'd3-format';
 import * as d3TimeFormat from 'd3-time-format';
 import { formatAbbreviate } from 'd3plus-format';
 import { date } from 'd3plus-axis';
@@ -14,13 +12,12 @@ import { schema, normalize } from 'normalizr';
 import { createSlice, configureStore } from '@reduxjs/toolkit';
 import { HYDRATE, createWrapper } from 'next-redux-wrapper';
 import { NotificationsProvider, showNotification } from '@mantine/notifications';
-import React, { forwardRef, useMemo, useState, useCallback, useContext, useEffect, createContext, useRef, Component, createElement, Fragment as Fragment$1 } from 'react';
+import React, { forwardRef, useMemo, useState, useCallback, useContext, useEffect, createContext, useRef, createElement, Fragment as Fragment$1 } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
 import { Stack, Text, Badge, Group, Tooltip, ActionIcon, Center, useMantineTheme, Modal, Button, Title, Select, MultiSelect, MantineProvider, AppShell, Navbar, UnstyledButton, Skeleton, Container, TextInput, Loader, LoadingOverlay, Alert, Autocomplete, Chip, Card, Space, Code, Divider, SegmentedControl, Overlay, Grid, ThemeIcon, Burger, Popover, Checkbox, Radio, Switch, ScrollArea, Drawer, Header, Input, Avatar, Textarea, Tabs, FileInput, SimpleGrid, Image, Accordion, NumberInput, CopyButton, Col, Menu } from '@mantine/core';
 import { IconInfoCircle, IconCircleDashed, IconSearch, IconTrash, IconDatabase, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconCirclePlus, IconCircleX, IconFileAnalytics, IconPlus, IconBoxMargin, IconTable, IconMathFunction, IconChevronLeft, IconSettings, IconAlignLeft, IconAlignCenter, IconAlignRight, IconMenu, IconRefresh, IconPolaroid, IconCircleMinus, IconEyeOff, IconLogout, IconLogin, IconWorld, IconCamera, IconShare, IconVariable, IconArrowRightCircle, IconUpload, IconPalette, IconCode, IconExternalLink, IconDownload, IconTemplate, IconChartBar, IconLink, IconClipboardCheck, IconClipboardCopy, IconEye, IconRss, IconGlobe } from '@tabler/icons';
-import { dataConcat, dataLoad } from 'd3plus-viz';
-import ReactTable from 'react-table-6';
+import { dataConcat } from 'd3plus-viz';
 import * as d3plus from 'd3plus-react';
 import { useDebouncedValue, useMediaQuery, useDisclosure, useHotkeys, useUncontrolled, getHotkeyHandler } from '@mantine/hooks';
 import Link$1 from 'next/link';
@@ -42,39 +39,15 @@ import { saveElement } from 'd3plus-export';
 import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, TelegramShareButton, TelegramIcon, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon, RedditShareButton, RedditIcon, EmailShareButton, EmailIcon } from 'react-share';
 import { useForm } from '@mantine/form';
 
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 
 // ../../node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
@@ -916,12 +889,12 @@ function apiFactory(baseURL) {
     updateVariant: httpPOST(axios7, "update/variant"),
     searchReport: httpGET(axios7, "search/reports"),
     validateVariantSlug: httpGET(axios7, "validate/variant"),
-    readMember: httpGET(axios7, "read/member"),
+    readMember: httpGET(axios7, "read/members"),
     readMemberImage: httpGET(axios7, {
       url: "member/image.png",
       responseType: "blob"
     }),
-    searchMember: httpGET(axios7, "memberSearch"),
+    searchMember: httpGET(axios7, "search/members"),
     updateMember: httpGET(axios7, "update/member"),
     imageLocalSearch: httpImageSearchFactory(axios7, "local"),
     imageLocalSave: httpImageSaveFactory(axios7, "local"),
@@ -1189,6 +1162,18 @@ var init_previewsToAttributes = __esm({
   }
 });
 
+// store/envvars.ts
+var localeDefault3, locales;
+var init_envvars = __esm({
+  "store/envvars.ts"() {
+    init_esm_shims();
+    localeDefault3 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
+    locales = process.env.NEXT_PUBLIC_REPORTS_LOCALES?.split(",") || [localeDefault3];
+    if (!locales.includes(localeDefault3))
+      locales.push(localeDefault3);
+  }
+});
+
 // libs/ordering.ts
 function assertDev(expr) {
   if (!expr) {
@@ -1298,8 +1283,8 @@ function determineOrdering(entities, entityIds, destination, isNew = false, desc
   );
 }
 function findMaxOrdering(positions, next = false) {
-  const max2 = positions.reduce((acc, d) => comparePositions(d, acc) < 0 ? d : acc, FIRST_POSITION);
-  return next ? positionAfter(max2) : max2;
+  const max = positions.reduce((acc, d) => comparePositions(d, acc) < 0 ? d : acc, FIRST_POSITION);
+  return next ? positionAfter(max) : max;
 }
 var START_CHAR_CODE, END_CHAR_CODE, FIRST_POSITION;
 var init_ordering = __esm({
@@ -1364,14 +1349,14 @@ function normalizeEntity(type, entities) {
 function getTypedRecord(record, key) {
   return record.hasOwnProperty(key) ? record[key] : {};
 }
-var localeDefault3, blockSchema, variantSchema, dimensionSchema, sectionSchema, reportSchema, formatterSchema, entitySchema, parseVariableUpdateParams, funcifyFormattersByLocale;
+var localeDefault4, blockSchema, variantSchema, dimensionSchema, sectionSchema, reportSchema, formatterSchema, entitySchema, parseVariableUpdateParams, funcifyFormattersByLocale;
 var init_lib2 = __esm({
   "store/lib.ts"() {
     init_esm_shims();
     init_ordering();
     init_FUNC();
     init_getLocales();
-    ({ localeDefault: localeDefault3 } = getLocales_default());
+    ({ localeDefault: localeDefault4 } = getLocales_default());
     blockSchema = new schema.Entity("block" /* BLOCKS */);
     blockSchema.define({
       consumers: [blockSchema],
@@ -1443,7 +1428,7 @@ var init_lib2 = __esm({
         statusPayload
       };
     };
-    funcifyFormattersByLocale = (formatters = [], locale = localeDefault3) => formatters.reduce((acc, f) => {
+    funcifyFormattersByLocale = (formatters = [], locale = localeDefault4) => formatters.reduce((acc, f) => {
       const formatterFn = parse({ vars: ["n"], logic: f.content.logic }, {}, locale, {});
       acc[f.name] = formatterFn;
       return acc;
@@ -1842,25 +1827,13 @@ var init_recordsActions = __esm({
     });
   }
 });
-
-// store/envvars.ts
-var localeDefault4, locales;
-var init_envvars = __esm({
-  "store/envvars.ts"() {
-    init_esm_shims();
-    localeDefault4 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
-    locales = process.env.NEXT_PUBLIC_REPORTS_LOCALES?.split(",") || [localeDefault4];
-    if (!locales.includes(localeDefault4))
-      locales.push(localeDefault4);
-  }
-});
 var initialState2, statusSlice;
 var init_statusSlice = __esm({
   "store/statusSlice.ts"() {
     init_esm_shims();
     init_envvars();
     initialState2 = {
-      localeDefault: localeDefault4,
+      localeDefault: localeDefault3,
       locales,
       showToolbar: false,
       activeSection: null,
@@ -1914,8 +1887,8 @@ __export(actions_exports, {
   deleteEntity: () => deleteEntity,
   deleteQueryParam: () => deleteQueryParam,
   initialize: () => initialize,
-  memberRead: () => memberRead,
   readEntity: () => readEntity,
+  readMember: () => readMember,
   readMetadata: () => readMetadata,
   recalculateVariables: () => recalculateVariables,
   reportSearch: () => reportSearch,
@@ -1958,7 +1931,7 @@ function searchRegenerate() {
     return result.data;
   };
 }
-function memberRead(params) {
+function readMember(params) {
   return async (_, __, api) => {
     const result = await api.readMember(params);
     if ("error" in result) {
@@ -1988,7 +1961,7 @@ function recalculateVariables(resource, params) {
   return async (dispatch, getState) => {
     const state = getState();
     const blocks = state.records.entities.block;
-    const formatterFunctions = resource.formatterFunctions[localeDefault4];
+    const formatterFunctions = resource.formatterFunctions[localeDefault3];
     const { parsedParams, statusPayload } = parseVariableUpdateParams(state.status, params);
     const {
       sid,
@@ -2037,29 +2010,25 @@ var init_actions = __esm({
     init_esm_shims();
     init_runConsumers();
     init_previewsToAttributes();
+    init_envvars();
     init_lib2();
     init_recordsActions();
     init_statusSlice();
     init_variablesSlice();
-    init_envvars();
     init_recordsActions();
   }
 });
 function ResourceProvider({ children }) {
   const formatters = useFormatterList();
   const value = useMemo(() => ({
-    formatterFunctions: locales2.reduce((acc, locale) => ({
-      ...acc,
-      [locale]: formatters.data ? funcifyFormattersByLocale(formatters.data, locale) : {}
-    }), {})
+    formatterFunctions: Object.fromEntries(
+      locales2.map((locale) => [
+        locale,
+        formatters.data ? funcifyFormattersByLocale(formatters.data, locale) : {}
+      ])
+    )
   }), [formatters]);
-  return /* @__PURE__ */ jsx(
-    ResourceContext.Provider,
-    {
-      value,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx(ResourceContext.Provider, { value, children });
 }
 var locales2, initialContext, ResourceContext;
 var init_ResourceProvider = __esm({
@@ -2259,2018 +2228,183 @@ var init_store = __esm({
     storeWrapper = createWrapper(storeFactory);
   }
 });
-function withFetcher(Component2, useRef7) {
-  const ComponentWithFetcher = (props) => {
-    const {
-      id,
-      skelHeight,
-      skelWidth,
-      ...otherProps
-    } = props;
-    const ref = useRef7(id);
-    if (ref.isUninitialized || ref.isFetching) {
-      return /* @__PURE__ */ jsx(Skeleton, { width: skelWidth, height: skelHeight });
-    }
-    if (ref.isError) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Component2, { ...otherProps, for: ref.data });
-  };
-  ComponentWithFetcher.displayName = `withFetcher(${Component2.displayName || Component2.name || "Component"})`;
-  return ComponentWithFetcher;
-}
-var init_withFetcher = __esm({
-  "store/withFetcher.tsx"() {
-    init_esm_shims();
-  }
-});
-
-// store/index.ts
-var init_store2 = __esm({
-  "store/index.ts"() {
-    init_esm_shims();
-    init_actions();
-    init_hooks();
-    init_store();
-    init_withFetcher();
-  }
-});
-
-// libs/js/stripHTML.ts
-function stripHTML(n) {
-  const entities = {
-    "&amp;": "&",
-    "&lt;": "<",
-    "&gt;": ">",
-    "&quot;": '"',
-    "&#x27;": "'",
-    "&#x60;": "`",
-    "&nbsp;": ""
-  };
-  const source = `(?:${Object.keys(entities).join("|")})`;
-  const testRegexp = RegExp(source);
-  const replaceRegexp = RegExp(source, "g");
-  const s = String(n).replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
-  return testRegexp.test(s) ? s.replace(replaceRegexp, (match) => entities[match]) : s;
-}
-var init_stripHTML = __esm({
-  "libs/js/stripHTML.ts"() {
-    init_esm_shims();
-  }
-});
-
-// libs/blocks/sanitizeBlockContent.ts
-var stripTrail, clearBlank, stripOuterTags, sanitizeBlockContent, sanitizeBlockContent_default;
-var init_sanitizeBlockContent = __esm({
-  "libs/blocks/sanitizeBlockContent.ts"() {
-    init_esm_shims();
-    stripTrail = (d) => typeof d === "string" ? d.replace(/\&nbsp;<\/p>/g, "</p>") : d;
-    clearBlank = (d) => typeof d === "string" && d === "<p><br></p>" ? "" : d;
-    stripOuterTags = (d) => typeof d === "string" ? d.replace(/^<p>(.*)<\/p>$/, "$1") : d;
-    sanitizeBlockContent = (d) => d ? stripOuterTags(clearBlank(stripTrail(d))) : d;
-    sanitizeBlockContent_default = sanitizeBlockContent;
-  }
-});
-function StatPreview({
-  subtitle,
-  title,
-  value,
-  tooltip
-}) {
-  let titleHTML = sanitizeBlockContent_default(title);
-  let valueHTML = sanitizeBlockContent_default(value);
-  let subtitleHTML = sanitizeBlockContent_default(subtitle);
-  const tooltipHTML = sanitizeBlockContent_default(tooltip);
-  if (!titleHTML && !valueHTML && !subtitleHTML) {
-    titleHTML = "<span class='cr-block-placeholder'>Title</span>";
-    valueHTML = "<span class='cr-block-placeholder'>Big Stat</span>";
-    subtitleHTML = "<span class='cr-block-placeholder'>Subtitle</span>";
-  }
-  return /* @__PURE__ */ jsxs("div", { children: [
-    tooltip && /* @__PURE__ */ jsx("div", { style: { position: "absolute", right: "50px" }, children: /* @__PURE__ */ jsx(Tooltip, { label: tooltipHTML, withArrow: true, withinPortal: true, children: /* @__PURE__ */ jsx(ActionIcon, { children: /* @__PURE__ */ jsx(IconInfoCircle, {}) }) }) }, "tooltip"),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Text, { size: "md", dangerouslySetInnerHTML: { __html: titleHTML } }),
-      /* @__PURE__ */ jsx(Text, { size: "xl", dangerouslySetInnerHTML: { __html: valueHTML } }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", dangerouslySetInnerHTML: { __html: subtitleHTML } })
-    ] }, "stat")
-  ] });
-}
-var init_Stat = __esm({
-  "components/blocks/types/renderers/Stat.tsx"() {
-    init_esm_shims();
-    init_sanitizeBlockContent();
-  }
-});
-
-// libs/viz/defaultConfig.ts
-var defaultConfig_default;
-var init_defaultConfig = __esm({
-  "libs/viz/defaultConfig.ts"() {
-    init_esm_shims();
-    defaultConfig_default = {
-      loadingHTML: `<div style="left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);">
-      <svg class="cp-viz-spinner" width="60px" height="60px" viewBox="0 0 317 317" xmlns="http://www.w3.org/2000/svg">
-        <path class="outer" d="M16.43 157.072c0 34.797 12.578 66.644 33.428 91.277l-11.144 11.141c-23.673-27.496-37.992-63.283-37.992-102.418 0-39.133 14.319-74.921 37.992-102.423l11.144 11.144c-20.85 24.63-33.428 56.481-33.428 91.279z"/>
-        <path class="outer" d="M157.793 15.708c34.798 0 66.648 12.58 91.28 33.427l11.143-11.144c-27.502-23.676-63.29-37.991-102.423-37.991-39.132 0-74.919 14.315-102.422 37.991l11.148 11.144c24.627-20.847 56.477-33.427 91.274-33.427"/>
-        <path class="outer" d="M299.159 157.072c0 34.797-12.578 66.644-33.43 91.277l11.145 11.141c23.674-27.496 37.992-63.283 37.992-102.418 0-39.133-14.318-74.921-37.992-102.423l-11.145 11.144c20.852 24.63 33.43 56.481 33.43 91.279"/>
-        <path class="outer" d="M157.793 298.432c-34.797 0-66.647-12.574-91.274-33.424l-11.148 11.138c27.503 23.682 63.29 37.997 102.422 37.997 39.133 0 74.921-14.315 102.423-37.997l-11.143-11.138c-24.632 20.85-56.482 33.424-91.28 33.424"/>
-        <path class="middle" d="M226.59 61.474l-7.889 13.659c24.997 18.61 41.184 48.382 41.184 81.94 0 33.555-16.187 63.329-41.184 81.936l7.889 13.664c29.674-21.394 49.004-56.23 49.004-95.6 0-39.373-19.33-74.21-49.004-95.599"/>
-        <path class="middle" d="M157.793 259.169c-52.398 0-95.553-39.485-101.399-90.317h-15.814c5.912 59.524 56.131 106.018 117.213 106.018 17.26 0 33.633-3.742 48.404-10.406l-7.893-13.672c-12.425 5.38-26.114 8.377-40.511 8.377"/>
-        <path class="middle" d="M157.793 54.976c14.397 0 28.086 2.993 40.511 8.371l7.893-13.667c-14.771-6.669-31.144-10.412-48.404-10.412-61.082 0-111.301 46.493-117.213 106.021h15.814c5.846-50.831 49.001-90.313 101.399-90.313"/>
-        <path class="inner" d="M95.371 164.193c-3.476-30.475 15.471-58.324 43.723-67.097l-1.804-15.842c-36.899 9.931-61.986 45.602-57.524 84.719 4.461 39.115 36.934 68.219 75.122 69.584l-1.806-15.838c-29.504-2.186-54.235-25.054-57.711-55.526"/>
-        <path class="inner" d="M162.504 94.425c29.508 2.185 54.235 25.053 57.711 55.529 3.476 30.469-15.466 58.319-43.724 67.096l1.806 15.834c36.898-9.927 61.986-45.598 57.525-84.712-4.461-39.117-36.936-68.223-75.125-69.588l1.807 15.841z"/>
-      </svg>
-      <strong>Loading</strong>
-      <sub style="bottom: 0; display: block; line-height: 1; margin-top: 5px;">
-        <a style="color: inherit;" href="https://www.datawheel.us/" target="_blank">
-          Built by Datawheel
-        </a>
-      </sub>
-    </div>`,
-      noDataHTML: `<div style="left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);">
-      <strong>No Data Available</strong>
-    </div>`
-    };
-  }
-});
-
-// cms/components/reportVizes/Graphic.css
-var init_ = __esm({
-  "cms/components/reportVizes/Graphic.css"() {
-  }
-});
-function Graphic({ config, dataFormat }) {
-  const [builtConfig, setBuiltConfig] = useState();
-  useEffect(() => {
-    const defaults = {
-      numberFormat: (d, value, total) => {
-        const perc = Number(d[value] / total * 100);
-        return isNaN(perc) ? "No Data" : `${perc.toFixed(2)}%`;
-      }
-    };
-    let rebuiltConfig = { ...defaults, ...config };
-    if (!rebuiltConfig || !rebuiltConfig.data) {
-      console.log("no config/data");
-    } else if (typeof rebuiltConfig.data === "string") {
-      axios.get(rebuiltConfig.data).then((resp) => {
-        rebuiltConfig.data = dataFormat(resp.data);
-        if (typeof rebuiltConfig.data === "object" && !(rebuiltConfig.data instanceof Array))
-          rebuiltConfig = Object.assign(rebuiltConfig, rebuiltConfig.data);
-        if (!rebuiltConfig.total)
-          rebuiltConfig.total = rebuiltConfig.data.reduce((acc, d) => isNaN(d[rebuiltConfig.value]) ? acc : acc + Number(d[rebuiltConfig.value]), 0);
-        setBuiltConfig(rebuiltConfig);
-      });
-    } else {
-      rebuiltConfig.data = dataFormat(rebuiltConfig.data);
-      if (typeof rebuiltConfig.data === "object" && !(rebuiltConfig.data instanceof Array))
-        rebuiltConfig = Object.assign(rebuiltConfig, rebuiltConfig.data);
-      if (!rebuiltConfig.total)
-        rebuiltConfig.total = rebuiltConfig.data.reduce((acc, d) => isNaN(d[rebuiltConfig.value]) ? acc : acc + Number(d[rebuiltConfig.value]), 0);
-      setBuiltConfig(rebuiltConfig);
-    }
-  }, [config]);
-  if (!builtConfig)
-    return null;
-  return /* @__PURE__ */ jsxs("div", { className: "cp-graphic", children: [
-    builtConfig.imageURL && /* @__PURE__ */ jsx("img", { src: builtConfig.imageURL, className: "cp-graphic-img", alt: "" }),
-    builtConfig.value && /* @__PURE__ */ jsx(
-      StatPreview,
-      {
-        title: builtConfig.label,
-        value: builtConfig.value,
-        subtitle: builtConfig.subtitle,
-        tooltip: builtConfig.tooltip
-      }
-    )
-  ] });
-}
-var init_Graphic = __esm({
-  "cms/components/reportVizes/Graphic.tsx"() {
-    init_esm_shims();
-    init_Stat();
-    init_();
-  }
-});
-function HTML({ config }) {
-  if (!config || !config.html)
-    return null;
-  return /* @__PURE__ */ jsx("div", { className: "cp-viz cp-html", dangerouslySetInnerHTML: { __html: config.html } });
-}
-var init_HTML = __esm({
-  "cms/components/reportVizes/HTML.tsx"() {
-    init_esm_shims();
-  }
-});
-
-// ../../node_modules/react-is/cjs/react-is.production.min.js
-var require_react_is_production_min = __commonJS({
-  "../../node_modules/react-is/cjs/react-is.production.min.js"(exports) {
-    init_esm_shims();
-    var b = "function" === typeof Symbol && Symbol.for;
-    var c = b ? Symbol.for("react.element") : 60103;
-    var d = b ? Symbol.for("react.portal") : 60106;
-    var e = b ? Symbol.for("react.fragment") : 60107;
-    var f = b ? Symbol.for("react.strict_mode") : 60108;
-    var g = b ? Symbol.for("react.profiler") : 60114;
-    var h = b ? Symbol.for("react.provider") : 60109;
-    var k = b ? Symbol.for("react.context") : 60110;
-    var l = b ? Symbol.for("react.async_mode") : 60111;
-    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
-    var n = b ? Symbol.for("react.forward_ref") : 60112;
-    var p = b ? Symbol.for("react.suspense") : 60113;
-    var q = b ? Symbol.for("react.suspense_list") : 60120;
-    var r = b ? Symbol.for("react.memo") : 60115;
-    var t = b ? Symbol.for("react.lazy") : 60116;
-    var v = b ? Symbol.for("react.block") : 60121;
-    var w = b ? Symbol.for("react.fundamental") : 60117;
-    var x = b ? Symbol.for("react.responder") : 60118;
-    var y = b ? Symbol.for("react.scope") : 60119;
-    function z(a) {
-      if ("object" === typeof a && null !== a) {
-        var u = a.$$typeof;
-        switch (u) {
-          case c:
-            switch (a = a.type, a) {
-              case l:
-              case m:
-              case e:
-              case g:
-              case f:
-              case p:
-                return a;
-              default:
-                switch (a = a && a.$$typeof, a) {
-                  case k:
-                  case n:
-                  case t:
-                  case r:
-                  case h:
-                    return a;
-                  default:
-                    return u;
-                }
-            }
-          case d:
-            return u;
-        }
-      }
-    }
-    function A(a) {
-      return z(a) === m;
-    }
-    exports.AsyncMode = l;
-    exports.ConcurrentMode = m;
-    exports.ContextConsumer = k;
-    exports.ContextProvider = h;
-    exports.Element = c;
-    exports.ForwardRef = n;
-    exports.Fragment = e;
-    exports.Lazy = t;
-    exports.Memo = r;
-    exports.Portal = d;
-    exports.Profiler = g;
-    exports.StrictMode = f;
-    exports.Suspense = p;
-    exports.isAsyncMode = function(a) {
-      return A(a) || z(a) === l;
-    };
-    exports.isConcurrentMode = A;
-    exports.isContextConsumer = function(a) {
-      return z(a) === k;
-    };
-    exports.isContextProvider = function(a) {
-      return z(a) === h;
-    };
-    exports.isElement = function(a) {
-      return "object" === typeof a && null !== a && a.$$typeof === c;
-    };
-    exports.isForwardRef = function(a) {
-      return z(a) === n;
-    };
-    exports.isFragment = function(a) {
-      return z(a) === e;
-    };
-    exports.isLazy = function(a) {
-      return z(a) === t;
-    };
-    exports.isMemo = function(a) {
-      return z(a) === r;
-    };
-    exports.isPortal = function(a) {
-      return z(a) === d;
-    };
-    exports.isProfiler = function(a) {
-      return z(a) === g;
-    };
-    exports.isStrictMode = function(a) {
-      return z(a) === f;
-    };
-    exports.isSuspense = function(a) {
-      return z(a) === p;
-    };
-    exports.isValidElementType = function(a) {
-      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
-    };
-    exports.typeOf = z;
-  }
-});
-
-// ../../node_modules/react-is/cjs/react-is.development.js
-var require_react_is_development = __commonJS({
-  "../../node_modules/react-is/cjs/react-is.development.js"(exports) {
-    init_esm_shims();
-    if (process.env.NODE_ENV !== "production") {
-      (function() {
-        var hasSymbol = typeof Symbol === "function" && Symbol.for;
-        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
-        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
-        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
-        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
-        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
-        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
-        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
-        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
-        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
-        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
-        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
-        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
-        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
-        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
-        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
-        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
-        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
-        function isValidElementType(type) {
-          return typeof type === "string" || typeof type === "function" || type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-        }
-        function typeOf(object) {
-          if (typeof object === "object" && object !== null) {
-            var $$typeof = object.$$typeof;
-            switch ($$typeof) {
-              case REACT_ELEMENT_TYPE:
-                var type = object.type;
-                switch (type) {
-                  case REACT_ASYNC_MODE_TYPE:
-                  case REACT_CONCURRENT_MODE_TYPE:
-                  case REACT_FRAGMENT_TYPE:
-                  case REACT_PROFILER_TYPE:
-                  case REACT_STRICT_MODE_TYPE:
-                  case REACT_SUSPENSE_TYPE:
-                    return type;
-                  default:
-                    var $$typeofType = type && type.$$typeof;
-                    switch ($$typeofType) {
-                      case REACT_CONTEXT_TYPE:
-                      case REACT_FORWARD_REF_TYPE:
-                      case REACT_LAZY_TYPE:
-                      case REACT_MEMO_TYPE:
-                      case REACT_PROVIDER_TYPE:
-                        return $$typeofType;
-                      default:
-                        return $$typeof;
-                    }
-                }
-              case REACT_PORTAL_TYPE:
-                return $$typeof;
-            }
-          }
-          return void 0;
-        }
-        var AsyncMode = REACT_ASYNC_MODE_TYPE;
-        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-        var ContextConsumer = REACT_CONTEXT_TYPE;
-        var ContextProvider = REACT_PROVIDER_TYPE;
-        var Element = REACT_ELEMENT_TYPE;
-        var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment17 = REACT_FRAGMENT_TYPE;
-        var Lazy = REACT_LAZY_TYPE;
-        var Memo = REACT_MEMO_TYPE;
-        var Portal = REACT_PORTAL_TYPE;
-        var Profiler = REACT_PROFILER_TYPE;
-        var StrictMode = REACT_STRICT_MODE_TYPE;
-        var Suspense = REACT_SUSPENSE_TYPE;
-        var hasWarnedAboutDeprecatedIsAsyncMode = false;
-        function isAsyncMode(object) {
-          {
-            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-              hasWarnedAboutDeprecatedIsAsyncMode = true;
-              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
-            }
-          }
-          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-        }
-        function isConcurrentMode(object) {
-          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-        }
-        function isContextConsumer(object) {
-          return typeOf(object) === REACT_CONTEXT_TYPE;
-        }
-        function isContextProvider(object) {
-          return typeOf(object) === REACT_PROVIDER_TYPE;
-        }
-        function isElement(object) {
-          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-        }
-        function isForwardRef(object) {
-          return typeOf(object) === REACT_FORWARD_REF_TYPE;
-        }
-        function isFragment(object) {
-          return typeOf(object) === REACT_FRAGMENT_TYPE;
-        }
-        function isLazy(object) {
-          return typeOf(object) === REACT_LAZY_TYPE;
-        }
-        function isMemo(object) {
-          return typeOf(object) === REACT_MEMO_TYPE;
-        }
-        function isPortal(object) {
-          return typeOf(object) === REACT_PORTAL_TYPE;
-        }
-        function isProfiler(object) {
-          return typeOf(object) === REACT_PROFILER_TYPE;
-        }
-        function isStrictMode(object) {
-          return typeOf(object) === REACT_STRICT_MODE_TYPE;
-        }
-        function isSuspense(object) {
-          return typeOf(object) === REACT_SUSPENSE_TYPE;
-        }
-        exports.AsyncMode = AsyncMode;
-        exports.ConcurrentMode = ConcurrentMode;
-        exports.ContextConsumer = ContextConsumer;
-        exports.ContextProvider = ContextProvider;
-        exports.Element = Element;
-        exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment17;
-        exports.Lazy = Lazy;
-        exports.Memo = Memo;
-        exports.Portal = Portal;
-        exports.Profiler = Profiler;
-        exports.StrictMode = StrictMode;
-        exports.Suspense = Suspense;
-        exports.isAsyncMode = isAsyncMode;
-        exports.isConcurrentMode = isConcurrentMode;
-        exports.isContextConsumer = isContextConsumer;
-        exports.isContextProvider = isContextProvider;
-        exports.isElement = isElement;
-        exports.isForwardRef = isForwardRef;
-        exports.isFragment = isFragment;
-        exports.isLazy = isLazy;
-        exports.isMemo = isMemo;
-        exports.isPortal = isPortal;
-        exports.isProfiler = isProfiler;
-        exports.isStrictMode = isStrictMode;
-        exports.isSuspense = isSuspense;
-        exports.isValidElementType = isValidElementType;
-        exports.typeOf = typeOf;
-      })();
-    }
-  }
-});
-
-// ../../node_modules/react-is/index.js
-var require_react_is = __commonJS({
-  "../../node_modules/react-is/index.js"(exports, module) {
-    init_esm_shims();
-    if (process.env.NODE_ENV === "production") {
-      module.exports = require_react_is_production_min();
-    } else {
-      module.exports = require_react_is_development();
-    }
-  }
-});
-
-// ../../node_modules/object-assign/index.js
-var require_object_assign = __commonJS({
-  "../../node_modules/object-assign/index.js"(exports, module) {
-    init_esm_shims();
-    var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-    var hasOwnProperty = Object.prototype.hasOwnProperty;
-    var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-    function toObject(val) {
-      if (val === null || val === void 0) {
-        throw new TypeError("Object.assign cannot be called with null or undefined");
-      }
-      return Object(val);
-    }
-    function shouldUseNative() {
-      try {
-        if (!Object.assign) {
-          return false;
-        }
-        var test1 = new String("abc");
-        test1[5] = "de";
-        if (Object.getOwnPropertyNames(test1)[0] === "5") {
-          return false;
-        }
-        var test2 = {};
-        for (var i = 0; i < 10; i++) {
-          test2["_" + String.fromCharCode(i)] = i;
-        }
-        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
-          return test2[n];
-        });
-        if (order2.join("") !== "0123456789") {
-          return false;
-        }
-        var test3 = {};
-        "abcdefghijklmnopqrst".split("").forEach(function(letter) {
-          test3[letter] = letter;
-        });
-        if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
-          return false;
-        }
-        return true;
-      } catch (err) {
-        return false;
-      }
-    }
-    module.exports = shouldUseNative() ? Object.assign : function(target, source) {
-      var from;
-      var to = toObject(target);
-      var symbols;
-      for (var s = 1; s < arguments.length; s++) {
-        from = Object(arguments[s]);
-        for (var key in from) {
-          if (hasOwnProperty.call(from, key)) {
-            to[key] = from[key];
-          }
-        }
-        if (getOwnPropertySymbols) {
-          symbols = getOwnPropertySymbols(from);
-          for (var i = 0; i < symbols.length; i++) {
-            if (propIsEnumerable.call(from, symbols[i])) {
-              to[symbols[i]] = from[symbols[i]];
-            }
-          }
-        }
-      }
-      return to;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/lib/ReactPropTypesSecret.js
-var require_ReactPropTypesSecret = __commonJS({
-  "../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
-    init_esm_shims();
-    var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-    module.exports = ReactPropTypesSecret;
-  }
-});
-
-// ../../node_modules/prop-types/lib/has.js
-var require_has = __commonJS({
-  "../../node_modules/prop-types/lib/has.js"(exports, module) {
-    init_esm_shims();
-    module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
-  }
-});
-
-// ../../node_modules/prop-types/checkPropTypes.js
-var require_checkPropTypes = __commonJS({
-  "../../node_modules/prop-types/checkPropTypes.js"(exports, module) {
-    init_esm_shims();
-    var printWarning = function() {
-    };
-    if (process.env.NODE_ENV !== "production") {
-      ReactPropTypesSecret = require_ReactPropTypesSecret();
-      loggedTypeFailures = {};
-      has = require_has();
-      printWarning = function(text) {
-        var message = "Warning: " + text;
-        if (typeof console !== "undefined") {
-          console.error(message);
-        }
-        try {
-          throw new Error(message);
-        } catch (x) {
-        }
-      };
-    }
-    var ReactPropTypesSecret;
-    var loggedTypeFailures;
-    var has;
-    function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
-      if (process.env.NODE_ENV !== "production") {
-        for (var typeSpecName in typeSpecs) {
-          if (has(typeSpecs, typeSpecName)) {
-            var error;
-            try {
-              if (typeof typeSpecs[typeSpecName] !== "function") {
-                var err = Error(
-                  (componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-                );
-                err.name = "Invariant Violation";
-                throw err;
-              }
-              error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
-            } catch (ex) {
-              error = ex;
-            }
-            if (error && !(error instanceof Error)) {
-              printWarning(
-                (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-              );
-            }
-            if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-              loggedTypeFailures[error.message] = true;
-              var stack = getStack ? getStack() : "";
-              printWarning(
-                "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
-              );
-            }
-          }
-        }
-      }
-    }
-    checkPropTypes.resetWarningCache = function() {
-      if (process.env.NODE_ENV !== "production") {
-        loggedTypeFailures = {};
-      }
-    };
-    module.exports = checkPropTypes;
-  }
-});
-
-// ../../node_modules/prop-types/factoryWithTypeCheckers.js
-var require_factoryWithTypeCheckers = __commonJS({
-  "../../node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
-    init_esm_shims();
-    var ReactIs = require_react_is();
-    var assign2 = require_object_assign();
-    var ReactPropTypesSecret = require_ReactPropTypesSecret();
-    var has = require_has();
-    var checkPropTypes = require_checkPropTypes();
-    var printWarning = function() {
-    };
-    if (process.env.NODE_ENV !== "production") {
-      printWarning = function(text) {
-        var message = "Warning: " + text;
-        if (typeof console !== "undefined") {
-          console.error(message);
-        }
-        try {
-          throw new Error(message);
-        } catch (x) {
-        }
-      };
-    }
-    function emptyFunctionThatReturnsNull() {
-      return null;
-    }
-    module.exports = function(isValidElement, throwOnDirectAccess) {
-      var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
-      var FAUX_ITERATOR_SYMBOL = "@@iterator";
-      function getIteratorFn(maybeIterable) {
-        var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
-        if (typeof iteratorFn === "function") {
-          return iteratorFn;
-        }
-      }
-      var ANONYMOUS = "<<anonymous>>";
-      var ReactPropTypes = {
-        array: createPrimitiveTypeChecker("array"),
-        bigint: createPrimitiveTypeChecker("bigint"),
-        bool: createPrimitiveTypeChecker("boolean"),
-        func: createPrimitiveTypeChecker("function"),
-        number: createPrimitiveTypeChecker("number"),
-        object: createPrimitiveTypeChecker("object"),
-        string: createPrimitiveTypeChecker("string"),
-        symbol: createPrimitiveTypeChecker("symbol"),
-        any: createAnyTypeChecker(),
-        arrayOf: createArrayOfTypeChecker,
-        element: createElementTypeChecker(),
-        elementType: createElementTypeTypeChecker(),
-        instanceOf: createInstanceTypeChecker,
-        node: createNodeChecker(),
-        objectOf: createObjectOfTypeChecker,
-        oneOf: createEnumTypeChecker,
-        oneOfType: createUnionTypeChecker,
-        shape: createShapeTypeChecker,
-        exact: createStrictShapeTypeChecker
-      };
-      function is(x, y) {
-        if (x === y) {
-          return x !== 0 || 1 / x === 1 / y;
-        } else {
-          return x !== x && y !== y;
-        }
-      }
-      function PropTypeError(message, data) {
-        this.message = message;
-        this.data = data && typeof data === "object" ? data : {};
-        this.stack = "";
-      }
-      PropTypeError.prototype = Error.prototype;
-      function createChainableTypeChecker(validate) {
-        if (process.env.NODE_ENV !== "production") {
-          var manualPropTypeCallCache = {};
-          var manualPropTypeWarningCount = 0;
-        }
-        function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
-          componentName = componentName || ANONYMOUS;
-          propFullName = propFullName || propName;
-          if (secret !== ReactPropTypesSecret) {
-            if (throwOnDirectAccess) {
-              var err = new Error(
-                "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-              );
-              err.name = "Invariant Violation";
-              throw err;
-            } else if (process.env.NODE_ENV !== "production" && typeof console !== "undefined") {
-              var cacheKey = componentName + ":" + propName;
-              if (!manualPropTypeCallCache[cacheKey] && manualPropTypeWarningCount < 3) {
-                printWarning(
-                  "You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-                );
-                manualPropTypeCallCache[cacheKey] = true;
-                manualPropTypeWarningCount++;
-              }
-            }
-          }
-          if (props[propName] == null) {
-            if (isRequired) {
-              if (props[propName] === null) {
-                return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`."));
-              }
-              return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`."));
-            }
-            return null;
-          } else {
-            return validate(props, propName, componentName, location, propFullName);
-          }
-        }
-        var chainedCheckType = checkType.bind(null, false);
-        chainedCheckType.isRequired = checkType.bind(null, true);
-        return chainedCheckType;
-      }
-      function createPrimitiveTypeChecker(expectedType) {
-        function validate(props, propName, componentName, location, propFullName, secret) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== expectedType) {
-            var preciseType = getPreciseType(propValue);
-            return new PropTypeError(
-              "Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
-              { expectedType }
-            );
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createAnyTypeChecker() {
-        return createChainableTypeChecker(emptyFunctionThatReturnsNull);
-      }
-      function createArrayOfTypeChecker(typeChecker) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (typeof typeChecker !== "function") {
-            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf.");
-          }
-          var propValue = props[propName];
-          if (!Array.isArray(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
-          }
-          for (var i = 0; i < propValue.length; i++) {
-            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
-            if (error instanceof Error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createElementTypeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          if (!isValidElement(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createElementTypeTypeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          if (!ReactIs.isValidElementType(propValue)) {
-            var propType = getPropType(propValue);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createInstanceTypeChecker(expectedClass) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (!(props[propName] instanceof expectedClass)) {
-            var expectedClassName = expectedClass.name || ANONYMOUS;
-            var actualClassName = getClassName(props[propName]);
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createEnumTypeChecker(expectedValues) {
-        if (!Array.isArray(expectedValues)) {
-          if (process.env.NODE_ENV !== "production") {
-            if (arguments.length > 1) {
-              printWarning(
-                "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-              );
-            } else {
-              printWarning("Invalid argument supplied to oneOf, expected an array.");
-            }
-          }
-          return emptyFunctionThatReturnsNull;
-        }
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          for (var i = 0; i < expectedValues.length; i++) {
-            if (is(propValue, expectedValues[i])) {
-              return null;
-            }
-          }
-          var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
-            var type = getPreciseType(value);
-            if (type === "symbol") {
-              return String(value);
-            }
-            return value;
-          });
-          return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + "."));
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createObjectOfTypeChecker(typeChecker) {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (typeof typeChecker !== "function") {
-            return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf.");
-          }
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object."));
-          }
-          for (var key in propValue) {
-            if (has(propValue, key)) {
-              var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-              if (error instanceof Error) {
-                return error;
-              }
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createUnionTypeChecker(arrayOfTypeCheckers) {
-        if (!Array.isArray(arrayOfTypeCheckers)) {
-          process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
-          return emptyFunctionThatReturnsNull;
-        }
-        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-          var checker = arrayOfTypeCheckers[i];
-          if (typeof checker !== "function") {
-            printWarning(
-              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
-            );
-            return emptyFunctionThatReturnsNull;
-          }
-        }
-        function validate(props, propName, componentName, location, propFullName) {
-          var expectedTypes = [];
-          for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
-            var checker2 = arrayOfTypeCheckers[i2];
-            var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
-            if (checkerResult == null) {
-              return null;
-            }
-            if (checkerResult.data && has(checkerResult.data, "expectedType")) {
-              expectedTypes.push(checkerResult.data.expectedType);
-            }
-          }
-          var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "";
-          return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + "."));
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createNodeChecker() {
-        function validate(props, propName, componentName, location, propFullName) {
-          if (!isNode(props[propName])) {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode."));
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function invalidValidatorError(componentName, location, propFullName, key, type) {
-        return new PropTypeError(
-          (componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
-        );
-      }
-      function createShapeTypeChecker(shapeTypes) {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
-          }
-          for (var key in shapeTypes) {
-            var checker = shapeTypes[key];
-            if (typeof checker !== "function") {
-              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-            }
-            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-            if (error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function createStrictShapeTypeChecker(shapeTypes) {
-        function validate(props, propName, componentName, location, propFullName) {
-          var propValue = props[propName];
-          var propType = getPropType(propValue);
-          if (propType !== "object") {
-            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
-          }
-          var allKeys = assign2({}, props[propName], shapeTypes);
-          for (var key in allKeys) {
-            var checker = shapeTypes[key];
-            if (has(shapeTypes, key) && typeof checker !== "function") {
-              return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-            }
-            if (!checker) {
-              return new PropTypeError(
-                "Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  ")
-              );
-            }
-            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-            if (error) {
-              return error;
-            }
-          }
-          return null;
-        }
-        return createChainableTypeChecker(validate);
-      }
-      function isNode(propValue) {
-        switch (typeof propValue) {
-          case "number":
-          case "string":
-          case "undefined":
-            return true;
-          case "boolean":
-            return !propValue;
-          case "object":
-            if (Array.isArray(propValue)) {
-              return propValue.every(isNode);
-            }
-            if (propValue === null || isValidElement(propValue)) {
-              return true;
-            }
-            var iteratorFn = getIteratorFn(propValue);
-            if (iteratorFn) {
-              var iterator = iteratorFn.call(propValue);
-              var step;
-              if (iteratorFn !== propValue.entries) {
-                while (!(step = iterator.next()).done) {
-                  if (!isNode(step.value)) {
-                    return false;
-                  }
-                }
-              } else {
-                while (!(step = iterator.next()).done) {
-                  var entry = step.value;
-                  if (entry) {
-                    if (!isNode(entry[1])) {
-                      return false;
-                    }
-                  }
-                }
-              }
-            } else {
-              return false;
-            }
-            return true;
-          default:
-            return false;
-        }
-      }
-      function isSymbol(propType, propValue) {
-        if (propType === "symbol") {
-          return true;
-        }
-        if (!propValue) {
-          return false;
-        }
-        if (propValue["@@toStringTag"] === "Symbol") {
-          return true;
-        }
-        if (typeof Symbol === "function" && propValue instanceof Symbol) {
-          return true;
-        }
-        return false;
-      }
-      function getPropType(propValue) {
-        var propType = typeof propValue;
-        if (Array.isArray(propValue)) {
-          return "array";
-        }
-        if (propValue instanceof RegExp) {
-          return "object";
-        }
-        if (isSymbol(propType, propValue)) {
-          return "symbol";
-        }
-        return propType;
-      }
-      function getPreciseType(propValue) {
-        if (typeof propValue === "undefined" || propValue === null) {
-          return "" + propValue;
-        }
-        var propType = getPropType(propValue);
-        if (propType === "object") {
-          if (propValue instanceof Date) {
-            return "date";
-          } else if (propValue instanceof RegExp) {
-            return "regexp";
-          }
-        }
-        return propType;
-      }
-      function getPostfixForTypeWarning(value) {
-        var type = getPreciseType(value);
-        switch (type) {
-          case "array":
-          case "object":
-            return "an " + type;
-          case "boolean":
-          case "date":
-          case "regexp":
-            return "a " + type;
-          default:
-            return type;
-        }
-      }
-      function getClassName(propValue) {
-        if (!propValue.constructor || !propValue.constructor.name) {
-          return ANONYMOUS;
-        }
-        return propValue.constructor.name;
-      }
-      ReactPropTypes.checkPropTypes = checkPropTypes;
-      ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/factoryWithThrowingShims.js
-var require_factoryWithThrowingShims = __commonJS({
-  "../../node_modules/prop-types/factoryWithThrowingShims.js"(exports, module) {
-    init_esm_shims();
-    var ReactPropTypesSecret = require_ReactPropTypesSecret();
-    function emptyFunction() {
-    }
-    function emptyFunctionWithReset() {
-    }
-    emptyFunctionWithReset.resetWarningCache = emptyFunction;
-    module.exports = function() {
-      function shim(props, propName, componentName, location, propFullName, secret) {
-        if (secret === ReactPropTypesSecret) {
-          return;
-        }
-        var err = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        err.name = "Invariant Violation";
-        throw err;
-      }
-      shim.isRequired = shim;
-      function getShim() {
-        return shim;
-      }
-      var ReactPropTypes = {
-        array: shim,
-        bigint: shim,
-        bool: shim,
-        func: shim,
-        number: shim,
-        object: shim,
-        string: shim,
-        symbol: shim,
-        any: shim,
-        arrayOf: getShim,
-        element: shim,
-        elementType: shim,
-        instanceOf: getShim,
-        node: shim,
-        objectOf: getShim,
-        oneOf: getShim,
-        oneOfType: getShim,
-        shape: getShim,
-        exact: getShim,
-        checkPropTypes: emptyFunctionWithReset,
-        resetWarningCache: emptyFunction
-      };
-      ReactPropTypes.PropTypes = ReactPropTypes;
-      return ReactPropTypes;
-    };
-  }
-});
-
-// ../../node_modules/prop-types/index.js
-var require_prop_types = __commonJS({
-  "../../node_modules/prop-types/index.js"(exports, module) {
-    init_esm_shims();
-    if (process.env.NODE_ENV !== "production") {
-      ReactIs = require_react_is();
-      throwOnDirectAccess = true;
-      module.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
-    } else {
-      module.exports = require_factoryWithThrowingShims()();
-    }
-    var ReactIs;
-    var throwOnDirectAccess;
-  }
-});
-
-// ../../node_modules/d3-scale/src/init.js
-function initRange(domain, range) {
-  switch (arguments.length) {
-    case 0:
-      break;
-    case 1:
-      this.range(domain);
-      break;
-    default:
-      this.range(range).domain(domain);
-      break;
-  }
-  return this;
-}
-var init_init = __esm({
-  "../../node_modules/d3-scale/src/init.js"() {
-    init_esm_shims();
-  }
-});
-
-// ../../node_modules/d3-color/src/define.js
-function define_default(constructor, factory, prototype) {
-  constructor.prototype = factory.prototype = prototype;
-  prototype.constructor = constructor;
-}
-function extend(parent, definition) {
-  var prototype = Object.create(parent.prototype);
-  for (var key in definition)
-    prototype[key] = definition[key];
-  return prototype;
-}
-var init_define = __esm({
-  "../../node_modules/d3-color/src/define.js"() {
-    init_esm_shims();
-  }
-});
-
-// ../../node_modules/d3-color/src/color.js
-function Color() {
-}
-function color_formatHex() {
-  return this.rgb().formatHex();
-}
-function color_formatHsl() {
-  return hslConvert(this).formatHsl();
-}
-function color_formatRgb() {
-  return this.rgb().formatRgb();
-}
-function color(format3) {
-  var m, l;
-  format3 = (format3 + "").trim().toLowerCase();
-  return (m = reHex.exec(format3)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) : l === 3 ? new Rgb(m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, (m & 15) << 4 | m & 15, 1) : l === 8 ? rgba(m >> 24 & 255, m >> 16 & 255, m >> 8 & 255, (m & 255) / 255) : l === 4 ? rgba(m >> 12 & 15 | m >> 8 & 240, m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, ((m & 15) << 4 | m & 15) / 255) : null) : (m = reRgbInteger.exec(format3)) ? new Rgb(m[1], m[2], m[3], 1) : (m = reRgbPercent.exec(format3)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) : (m = reRgbaInteger.exec(format3)) ? rgba(m[1], m[2], m[3], m[4]) : (m = reRgbaPercent.exec(format3)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) : (m = reHslPercent.exec(format3)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) : (m = reHslaPercent.exec(format3)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) : named.hasOwnProperty(format3) ? rgbn(named[format3]) : format3 === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
-}
-function rgbn(n) {
-  return new Rgb(n >> 16 & 255, n >> 8 & 255, n & 255, 1);
-}
-function rgba(r, g, b, a) {
-  if (a <= 0)
-    r = g = b = NaN;
-  return new Rgb(r, g, b, a);
-}
-function rgbConvert(o) {
-  if (!(o instanceof Color))
-    o = color(o);
-  if (!o)
-    return new Rgb();
-  o = o.rgb();
-  return new Rgb(o.r, o.g, o.b, o.opacity);
-}
-function rgb(r, g, b, opacity) {
-  return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
-}
-function Rgb(r, g, b, opacity) {
-  this.r = +r;
-  this.g = +g;
-  this.b = +b;
-  this.opacity = +opacity;
-}
-function rgb_formatHex() {
-  return "#" + hex(this.r) + hex(this.g) + hex(this.b);
-}
-function rgb_formatRgb() {
-  var a = this.opacity;
-  a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
-  return (a === 1 ? "rgb(" : "rgba(") + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.b) || 0)) + (a === 1 ? ")" : ", " + a + ")");
-}
-function hex(value) {
-  value = Math.max(0, Math.min(255, Math.round(value) || 0));
-  return (value < 16 ? "0" : "") + value.toString(16);
-}
-function hsla(h, s, l, a) {
-  if (a <= 0)
-    h = s = l = NaN;
-  else if (l <= 0 || l >= 1)
-    h = s = NaN;
-  else if (s <= 0)
-    h = NaN;
-  return new Hsl(h, s, l, a);
-}
-function hslConvert(o) {
-  if (o instanceof Hsl)
-    return new Hsl(o.h, o.s, o.l, o.opacity);
-  if (!(o instanceof Color))
-    o = color(o);
-  if (!o)
-    return new Hsl();
-  if (o instanceof Hsl)
-    return o;
-  o = o.rgb();
-  var r = o.r / 255, g = o.g / 255, b = o.b / 255, min2 = Math.min(r, g, b), max2 = Math.max(r, g, b), h = NaN, s = max2 - min2, l = (max2 + min2) / 2;
-  if (s) {
-    if (r === max2)
-      h = (g - b) / s + (g < b) * 6;
-    else if (g === max2)
-      h = (b - r) / s + 2;
-    else
-      h = (r - g) / s + 4;
-    s /= l < 0.5 ? max2 + min2 : 2 - max2 - min2;
-    h *= 60;
-  } else {
-    s = l > 0 && l < 1 ? 0 : h;
-  }
-  return new Hsl(h, s, l, o.opacity);
-}
-function hsl(h, s, l, opacity) {
-  return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
-}
-function Hsl(h, s, l, opacity) {
-  this.h = +h;
-  this.s = +s;
-  this.l = +l;
-  this.opacity = +opacity;
-}
-function hsl2rgb(h, m1, m2) {
-  return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
-}
-var darker, brighter, reI, reN, reP, reHex, reRgbInteger, reRgbPercent, reRgbaInteger, reRgbaPercent, reHslPercent, reHslaPercent, named;
-var init_color = __esm({
-  "../../node_modules/d3-color/src/color.js"() {
-    init_esm_shims();
-    init_define();
-    darker = 0.7;
-    brighter = 1 / darker;
-    reI = "\\s*([+-]?\\d+)\\s*";
-    reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*";
-    reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*";
-    reHex = /^#([0-9a-f]{3,8})$/;
-    reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$");
-    reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$");
-    reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$");
-    reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$");
-    reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$");
-    reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
-    named = {
-      aliceblue: 15792383,
-      antiquewhite: 16444375,
-      aqua: 65535,
-      aquamarine: 8388564,
-      azure: 15794175,
-      beige: 16119260,
-      bisque: 16770244,
-      black: 0,
-      blanchedalmond: 16772045,
-      blue: 255,
-      blueviolet: 9055202,
-      brown: 10824234,
-      burlywood: 14596231,
-      cadetblue: 6266528,
-      chartreuse: 8388352,
-      chocolate: 13789470,
-      coral: 16744272,
-      cornflowerblue: 6591981,
-      cornsilk: 16775388,
-      crimson: 14423100,
-      cyan: 65535,
-      darkblue: 139,
-      darkcyan: 35723,
-      darkgoldenrod: 12092939,
-      darkgray: 11119017,
-      darkgreen: 25600,
-      darkgrey: 11119017,
-      darkkhaki: 12433259,
-      darkmagenta: 9109643,
-      darkolivegreen: 5597999,
-      darkorange: 16747520,
-      darkorchid: 10040012,
-      darkred: 9109504,
-      darksalmon: 15308410,
-      darkseagreen: 9419919,
-      darkslateblue: 4734347,
-      darkslategray: 3100495,
-      darkslategrey: 3100495,
-      darkturquoise: 52945,
-      darkviolet: 9699539,
-      deeppink: 16716947,
-      deepskyblue: 49151,
-      dimgray: 6908265,
-      dimgrey: 6908265,
-      dodgerblue: 2003199,
-      firebrick: 11674146,
-      floralwhite: 16775920,
-      forestgreen: 2263842,
-      fuchsia: 16711935,
-      gainsboro: 14474460,
-      ghostwhite: 16316671,
-      gold: 16766720,
-      goldenrod: 14329120,
-      gray: 8421504,
-      green: 32768,
-      greenyellow: 11403055,
-      grey: 8421504,
-      honeydew: 15794160,
-      hotpink: 16738740,
-      indianred: 13458524,
-      indigo: 4915330,
-      ivory: 16777200,
-      khaki: 15787660,
-      lavender: 15132410,
-      lavenderblush: 16773365,
-      lawngreen: 8190976,
-      lemonchiffon: 16775885,
-      lightblue: 11393254,
-      lightcoral: 15761536,
-      lightcyan: 14745599,
-      lightgoldenrodyellow: 16448210,
-      lightgray: 13882323,
-      lightgreen: 9498256,
-      lightgrey: 13882323,
-      lightpink: 16758465,
-      lightsalmon: 16752762,
-      lightseagreen: 2142890,
-      lightskyblue: 8900346,
-      lightslategray: 7833753,
-      lightslategrey: 7833753,
-      lightsteelblue: 11584734,
-      lightyellow: 16777184,
-      lime: 65280,
-      limegreen: 3329330,
-      linen: 16445670,
-      magenta: 16711935,
-      maroon: 8388608,
-      mediumaquamarine: 6737322,
-      mediumblue: 205,
-      mediumorchid: 12211667,
-      mediumpurple: 9662683,
-      mediumseagreen: 3978097,
-      mediumslateblue: 8087790,
-      mediumspringgreen: 64154,
-      mediumturquoise: 4772300,
-      mediumvioletred: 13047173,
-      midnightblue: 1644912,
-      mintcream: 16121850,
-      mistyrose: 16770273,
-      moccasin: 16770229,
-      navajowhite: 16768685,
-      navy: 128,
-      oldlace: 16643558,
-      olive: 8421376,
-      olivedrab: 7048739,
-      orange: 16753920,
-      orangered: 16729344,
-      orchid: 14315734,
-      palegoldenrod: 15657130,
-      palegreen: 10025880,
-      paleturquoise: 11529966,
-      palevioletred: 14381203,
-      papayawhip: 16773077,
-      peachpuff: 16767673,
-      peru: 13468991,
-      pink: 16761035,
-      plum: 14524637,
-      powderblue: 11591910,
-      purple: 8388736,
-      rebeccapurple: 6697881,
-      red: 16711680,
-      rosybrown: 12357519,
-      royalblue: 4286945,
-      saddlebrown: 9127187,
-      salmon: 16416882,
-      sandybrown: 16032864,
-      seagreen: 3050327,
-      seashell: 16774638,
-      sienna: 10506797,
-      silver: 12632256,
-      skyblue: 8900331,
-      slateblue: 6970061,
-      slategray: 7372944,
-      slategrey: 7372944,
-      snow: 16775930,
-      springgreen: 65407,
-      steelblue: 4620980,
-      tan: 13808780,
-      teal: 32896,
-      thistle: 14204888,
-      tomato: 16737095,
-      turquoise: 4251856,
-      violet: 15631086,
-      wheat: 16113331,
-      white: 16777215,
-      whitesmoke: 16119285,
-      yellow: 16776960,
-      yellowgreen: 10145074
-    };
-    define_default(Color, color, {
-      copy: function(channels) {
-        return Object.assign(new this.constructor(), this, channels);
-      },
-      displayable: function() {
-        return this.rgb().displayable();
-      },
-      hex: color_formatHex,
-      formatHex: color_formatHex,
-      formatHsl: color_formatHsl,
-      formatRgb: color_formatRgb,
-      toString: color_formatRgb
-    });
-    define_default(Rgb, rgb, extend(Color, {
-      brighter: function(k) {
-        k = k == null ? brighter : Math.pow(brighter, k);
-        return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-      },
-      darker: function(k) {
-        k = k == null ? darker : Math.pow(darker, k);
-        return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-      },
-      rgb: function() {
-        return this;
-      },
-      displayable: function() {
-        return -0.5 <= this.r && this.r < 255.5 && (-0.5 <= this.g && this.g < 255.5) && (-0.5 <= this.b && this.b < 255.5) && (0 <= this.opacity && this.opacity <= 1);
-      },
-      hex: rgb_formatHex,
-      formatHex: rgb_formatHex,
-      formatRgb: rgb_formatRgb,
-      toString: rgb_formatRgb
-    }));
-    define_default(Hsl, hsl, extend(Color, {
-      brighter: function(k) {
-        k = k == null ? brighter : Math.pow(brighter, k);
-        return new Hsl(this.h, this.s, this.l * k, this.opacity);
-      },
-      darker: function(k) {
-        k = k == null ? darker : Math.pow(darker, k);
-        return new Hsl(this.h, this.s, this.l * k, this.opacity);
-      },
-      rgb: function() {
-        var h = this.h % 360 + (this.h < 0) * 360, s = isNaN(h) || isNaN(this.s) ? 0 : this.s, l = this.l, m2 = l + (l < 0.5 ? l : 1 - l) * s, m1 = 2 * l - m2;
-        return new Rgb(
-          hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
-          hsl2rgb(h, m1, m2),
-          hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),
-          this.opacity
-        );
-      },
-      displayable: function() {
-        return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && (0 <= this.l && this.l <= 1) && (0 <= this.opacity && this.opacity <= 1);
-      },
-      formatHsl: function() {
-        var a = this.opacity;
-        a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
-        return (a === 1 ? "hsl(" : "hsla(") + (this.h || 0) + ", " + (this.s || 0) * 100 + "%, " + (this.l || 0) * 100 + "%" + (a === 1 ? ")" : ", " + a + ")");
-      }
-    }));
-  }
-});
-
-// ../../node_modules/d3-color/src/index.js
-var init_src = __esm({
-  "../../node_modules/d3-color/src/index.js"() {
-    init_esm_shims();
-    init_color();
-  }
-});
-var init_basis = __esm({
-  "../../node_modules/d3-interpolate/src/basis.js"() {
-    init_esm_shims();
-  }
-});
-var init_basisClosed = __esm({
-  "../../node_modules/d3-interpolate/src/basisClosed.js"() {
-    init_esm_shims();
-    init_basis();
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/constant.js
-var constant_default;
-var init_constant = __esm({
-  "../../node_modules/d3-interpolate/src/constant.js"() {
-    init_esm_shims();
-    constant_default = (x) => () => x;
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/color.js
-function linear(a, d) {
-  return function(t) {
-    return a + t * d;
-  };
-}
-function exponential(a, b, y) {
-  return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t) {
-    return Math.pow(a + t * b, y);
-  };
-}
-function gamma(y) {
-  return (y = +y) === 1 ? nogamma : function(a, b) {
-    return b - a ? exponential(a, b, y) : constant_default(isNaN(a) ? b : a);
-  };
-}
-function nogamma(a, b) {
-  var d = b - a;
-  return d ? linear(a, d) : constant_default(isNaN(a) ? b : a);
-}
-var init_color2 = __esm({
-  "../../node_modules/d3-interpolate/src/color.js"() {
-    init_esm_shims();
-    init_constant();
-  }
-});
-var rgb_default;
-var init_rgb = __esm({
-  "../../node_modules/d3-interpolate/src/rgb.js"() {
-    init_esm_shims();
-    init_src();
-    init_basis();
-    init_basisClosed();
-    init_color2();
-    rgb_default = function rgbGamma(y) {
-      var color2 = gamma(y);
-      function rgb2(start, end) {
-        var r = color2((start = rgb(start)).r, (end = rgb(end)).r), g = color2(start.g, end.g), b = color2(start.b, end.b), opacity = nogamma(start.opacity, end.opacity);
-        return function(t) {
-          start.r = r(t);
-          start.g = g(t);
-          start.b = b(t);
-          start.opacity = opacity(t);
-          return start + "";
-        };
-      }
-      rgb2.gamma = rgbGamma;
-      return rgb2;
-    }(1);
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/numberArray.js
-function numberArray_default(a, b) {
-  if (!b)
-    b = [];
-  var n = a ? Math.min(b.length, a.length) : 0, c = b.slice(), i;
-  return function(t) {
-    for (i = 0; i < n; ++i)
-      c[i] = a[i] * (1 - t) + b[i] * t;
-    return c;
-  };
-}
-function isNumberArray(x) {
-  return ArrayBuffer.isView(x) && !(x instanceof DataView);
-}
-var init_numberArray = __esm({
-  "../../node_modules/d3-interpolate/src/numberArray.js"() {
-    init_esm_shims();
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/array.js
-function genericArray(a, b) {
-  var nb = b ? b.length : 0, na = a ? Math.min(nb, a.length) : 0, x = new Array(na), c = new Array(nb), i;
-  for (i = 0; i < na; ++i)
-    x[i] = value_default(a[i], b[i]);
-  for (; i < nb; ++i)
-    c[i] = b[i];
-  return function(t) {
-    for (i = 0; i < na; ++i)
-      c[i] = x[i](t);
-    return c;
-  };
-}
-var init_array = __esm({
-  "../../node_modules/d3-interpolate/src/array.js"() {
-    init_esm_shims();
-    init_value();
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/date.js
-function date_default(a, b) {
-  var d = new Date();
-  return a = +a, b = +b, function(t) {
-    return d.setTime(a * (1 - t) + b * t), d;
-  };
-}
-var init_date = __esm({
-  "../../node_modules/d3-interpolate/src/date.js"() {
-    init_esm_shims();
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/number.js
-function number_default(a, b) {
-  return a = +a, b = +b, function(t) {
-    return a * (1 - t) + b * t;
-  };
-}
-var init_number = __esm({
-  "../../node_modules/d3-interpolate/src/number.js"() {
-    init_esm_shims();
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/object.js
-function object_default(a, b) {
-  var i = {}, c = {}, k;
-  if (a === null || typeof a !== "object")
-    a = {};
-  if (b === null || typeof b !== "object")
-    b = {};
-  for (k in b) {
-    if (k in a) {
-      i[k] = value_default(a[k], b[k]);
-    } else {
-      c[k] = b[k];
-    }
-  }
-  return function(t) {
-    for (k in i)
-      c[k] = i[k](t);
-    return c;
-  };
-}
-var init_object = __esm({
-  "../../node_modules/d3-interpolate/src/object.js"() {
-    init_esm_shims();
-    init_value();
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/string.js
-function zero(b) {
-  return function() {
-    return b;
-  };
-}
-function one(b) {
-  return function(t) {
-    return b(t) + "";
-  };
-}
-function string_default(a, b) {
-  var bi = reA.lastIndex = reB.lastIndex = 0, am, bm, bs, i = -1, s = [], q = [];
-  a = a + "", b = b + "";
-  while ((am = reA.exec(a)) && (bm = reB.exec(b))) {
-    if ((bs = bm.index) > bi) {
-      bs = b.slice(bi, bs);
-      if (s[i])
-        s[i] += bs;
-      else
-        s[++i] = bs;
-    }
-    if ((am = am[0]) === (bm = bm[0])) {
-      if (s[i])
-        s[i] += bm;
-      else
-        s[++i] = bm;
-    } else {
-      s[++i] = null;
-      q.push({ i, x: number_default(am, bm) });
-    }
-    bi = reB.lastIndex;
-  }
-  if (bi < b.length) {
-    bs = b.slice(bi);
-    if (s[i])
-      s[i] += bs;
-    else
-      s[++i] = bs;
-  }
-  return s.length < 2 ? q[0] ? one(q[0].x) : zero(b) : (b = q.length, function(t) {
-    for (var i2 = 0, o; i2 < b; ++i2)
-      s[(o = q[i2]).i] = o.x(t);
-    return s.join("");
-  });
-}
-var reA, reB;
-var init_string = __esm({
-  "../../node_modules/d3-interpolate/src/string.js"() {
-    init_esm_shims();
-    init_number();
-    reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g;
-    reB = new RegExp(reA.source, "g");
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/value.js
-function value_default(a, b) {
-  var t = typeof b, c;
-  return b == null || t === "boolean" ? constant_default(b) : (t === "number" ? number_default : t === "string" ? (c = color(b)) ? (b = c, rgb_default) : string_default : b instanceof color ? rgb_default : b instanceof Date ? date_default : isNumberArray(b) ? numberArray_default : Array.isArray(b) ? genericArray : typeof b.valueOf !== "function" && typeof b.toString !== "function" || isNaN(b) ? object_default : number_default)(a, b);
-}
-var init_value = __esm({
-  "../../node_modules/d3-interpolate/src/value.js"() {
-    init_esm_shims();
-    init_src();
-    init_rgb();
-    init_array();
-    init_date();
-    init_number();
-    init_object();
-    init_string();
-    init_constant();
-    init_numberArray();
-  }
-});
-
-// ../../node_modules/d3-interpolate/src/round.js
-function round_default(a, b) {
-  return a = +a, b = +b, function(t) {
-    return Math.round(a * (1 - t) + b * t);
+function withFetcher(Component, useRef7) {
+  const ComponentWithFetcher = (props) => {
+    const {
+      id,
+      skelHeight,
+      skelWidth,
+      ...otherProps
+    } = props;
+    const ref = useRef7(id);
+    if (ref.isUninitialized || ref.isFetching) {
+      return /* @__PURE__ */ jsx(Skeleton, { width: skelWidth, height: skelHeight });
+    }
+    if (ref.isError) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(Component, { ...otherProps, for: ref.data });
   };
+  ComponentWithFetcher.displayName = `withFetcher(${Component.displayName || Component.name || "Component"})`;
+  return ComponentWithFetcher;
 }
-var init_round = __esm({
-  "../../node_modules/d3-interpolate/src/round.js"() {
+var init_withFetcher = __esm({
+  "store/withFetcher.tsx"() {
     init_esm_shims();
   }
 });
 
-// ../../node_modules/d3-interpolate/src/index.js
-var init_src2 = __esm({
-  "../../node_modules/d3-interpolate/src/index.js"() {
+// store/index.ts
+var init_store2 = __esm({
+  "store/index.ts"() {
     init_esm_shims();
-    init_value();
-    init_number();
-    init_round();
+    init_actions();
+    init_hooks();
+    init_store();
+    init_withFetcher();
   }
 });
 
-// ../../node_modules/d3-scale/src/constant.js
-function constants(x) {
-  return function() {
-    return x;
-  };
-}
-var init_constant2 = __esm({
-  "../../node_modules/d3-scale/src/constant.js"() {
+// libs/blocks/sanitizeBlockContent.ts
+var stripTrail, clearBlank, stripOuterTags, sanitizeBlockContent, sanitizeBlockContent_default;
+var init_sanitizeBlockContent = __esm({
+  "libs/blocks/sanitizeBlockContent.ts"() {
     init_esm_shims();
+    stripTrail = (d) => typeof d === "string" ? d.replace(/\&nbsp;<\/p>/g, "</p>") : d;
+    clearBlank = (d) => typeof d === "string" && d === "<p><br></p>" ? "" : d;
+    stripOuterTags = (d) => typeof d === "string" ? d.replace(/^<p>(.*)<\/p>$/, "$1") : d;
+    sanitizeBlockContent = (d) => d ? stripOuterTags(clearBlank(stripTrail(d))) : d;
+    sanitizeBlockContent_default = sanitizeBlockContent;
   }
 });
-
-// ../../node_modules/d3-scale/src/number.js
-function number(x) {
-  return +x;
+function StatPreview({
+  subtitle,
+  title,
+  value,
+  tooltip
+}) {
+  let titleHTML = sanitizeBlockContent_default(title);
+  let valueHTML = sanitizeBlockContent_default(value);
+  let subtitleHTML = sanitizeBlockContent_default(subtitle);
+  const tooltipHTML = sanitizeBlockContent_default(tooltip);
+  if (!titleHTML && !valueHTML && !subtitleHTML) {
+    titleHTML = "<span class='cr-block-placeholder'>Title</span>";
+    valueHTML = "<span class='cr-block-placeholder'>Big Stat</span>";
+    subtitleHTML = "<span class='cr-block-placeholder'>Subtitle</span>";
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    tooltip && /* @__PURE__ */ jsx("div", { style: { position: "absolute", right: "50px" }, children: /* @__PURE__ */ jsx(Tooltip, { label: tooltipHTML, withArrow: true, withinPortal: true, children: /* @__PURE__ */ jsx(ActionIcon, { children: /* @__PURE__ */ jsx(IconInfoCircle, {}) }) }) }, "tooltip"),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Text, { size: "md", dangerouslySetInnerHTML: { __html: titleHTML } }),
+      /* @__PURE__ */ jsx(Text, { size: "xl", dangerouslySetInnerHTML: { __html: valueHTML } }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", dangerouslySetInnerHTML: { __html: subtitleHTML } })
+    ] }, "stat")
+  ] });
 }
-var init_number2 = __esm({
-  "../../node_modules/d3-scale/src/number.js"() {
+var init_Stat = __esm({
+  "components/blocks/types/renderers/Stat.tsx"() {
     init_esm_shims();
+    init_sanitizeBlockContent();
   }
 });
-function identity(x) {
-  return x;
-}
-function normalize2(a, b) {
-  return (b -= a = +a) ? function(x) {
-    return (x - a) / b;
-  } : constants(isNaN(b) ? NaN : 0.5);
-}
-function clamper(a, b) {
-  var t;
-  if (a > b)
-    t = a, a = b, b = t;
-  return function(x) {
-    return Math.max(a, Math.min(b, x));
-  };
-}
-function bimap(domain, range, interpolate) {
-  var d0 = domain[0], d1 = domain[1], r0 = range[0], r1 = range[1];
-  if (d1 < d0)
-    d0 = normalize2(d1, d0), r0 = interpolate(r1, r0);
-  else
-    d0 = normalize2(d0, d1), r0 = interpolate(r0, r1);
-  return function(x) {
-    return r0(d0(x));
-  };
-}
-function polymap(domain, range, interpolate) {
-  var j = Math.min(domain.length, range.length) - 1, d = new Array(j), r = new Array(j), i = -1;
-  if (domain[j] < domain[0]) {
-    domain = domain.slice().reverse();
-    range = range.slice().reverse();
-  }
-  while (++i < j) {
-    d[i] = normalize2(domain[i], domain[i + 1]);
-    r[i] = interpolate(range[i], range[i + 1]);
-  }
-  return function(x) {
-    var i2 = bisect(domain, x, 1, j) - 1;
-    return r[i2](d[i2](x));
-  };
-}
-function copy(source, target) {
-  return target.domain(source.domain()).range(source.range()).interpolate(source.interpolate()).clamp(source.clamp()).unknown(source.unknown());
-}
-function transformer() {
-  var domain = unit, range = unit, interpolate = value_default, transform, untransform, unknown, clamp = identity, piecewise, output, input;
-  function rescale() {
-    var n = Math.min(domain.length, range.length);
-    if (clamp !== identity)
-      clamp = clamper(domain[0], domain[n - 1]);
-    piecewise = n > 2 ? polymap : bimap;
-    output = input = null;
-    return scale;
-  }
-  function scale(x) {
-    return x == null || isNaN(x = +x) ? unknown : (output || (output = piecewise(domain.map(transform), range, interpolate)))(transform(clamp(x)));
-  }
-  scale.invert = function(y) {
-    return clamp(untransform((input || (input = piecewise(range, domain.map(transform), number_default)))(y)));
-  };
-  scale.domain = function(_) {
-    return arguments.length ? (domain = Array.from(_, number), rescale()) : domain.slice();
-  };
-  scale.range = function(_) {
-    return arguments.length ? (range = Array.from(_), rescale()) : range.slice();
-  };
-  scale.rangeRound = function(_) {
-    return range = Array.from(_), interpolate = round_default, rescale();
-  };
-  scale.clamp = function(_) {
-    return arguments.length ? (clamp = _ ? true : identity, rescale()) : clamp !== identity;
-  };
-  scale.interpolate = function(_) {
-    return arguments.length ? (interpolate = _, rescale()) : interpolate;
-  };
-  scale.unknown = function(_) {
-    return arguments.length ? (unknown = _, scale) : unknown;
-  };
-  return function(t, u) {
-    transform = t, untransform = u;
-    return rescale();
-  };
-}
-function continuous() {
-  return transformer()(identity, identity);
-}
-var unit;
-var init_continuous = __esm({
-  "../../node_modules/d3-scale/src/continuous.js"() {
+
+// libs/viz/defaultConfig.ts
+var defaultConfig_default;
+var init_defaultConfig = __esm({
+  "libs/viz/defaultConfig.ts"() {
     init_esm_shims();
-    init_src2();
-    init_constant2();
-    init_number2();
-    unit = [0, 1];
+    defaultConfig_default = {
+      loadingHTML: `<div style="left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);">
+      <svg class="cp-viz-spinner" width="60px" height="60px" viewBox="0 0 317 317" xmlns="http://www.w3.org/2000/svg">
+        <path class="outer" d="M16.43 157.072c0 34.797 12.578 66.644 33.428 91.277l-11.144 11.141c-23.673-27.496-37.992-63.283-37.992-102.418 0-39.133 14.319-74.921 37.992-102.423l11.144 11.144c-20.85 24.63-33.428 56.481-33.428 91.279z"/>
+        <path class="outer" d="M157.793 15.708c34.798 0 66.648 12.58 91.28 33.427l11.143-11.144c-27.502-23.676-63.29-37.991-102.423-37.991-39.132 0-74.919 14.315-102.422 37.991l11.148 11.144c24.627-20.847 56.477-33.427 91.274-33.427"/>
+        <path class="outer" d="M299.159 157.072c0 34.797-12.578 66.644-33.43 91.277l11.145 11.141c23.674-27.496 37.992-63.283 37.992-102.418 0-39.133-14.318-74.921-37.992-102.423l-11.145 11.144c20.852 24.63 33.43 56.481 33.43 91.279"/>
+        <path class="outer" d="M157.793 298.432c-34.797 0-66.647-12.574-91.274-33.424l-11.148 11.138c27.503 23.682 63.29 37.997 102.422 37.997 39.133 0 74.921-14.315 102.423-37.997l-11.143-11.138c-24.632 20.85-56.482 33.424-91.28 33.424"/>
+        <path class="middle" d="M226.59 61.474l-7.889 13.659c24.997 18.61 41.184 48.382 41.184 81.94 0 33.555-16.187 63.329-41.184 81.936l7.889 13.664c29.674-21.394 49.004-56.23 49.004-95.6 0-39.373-19.33-74.21-49.004-95.599"/>
+        <path class="middle" d="M157.793 259.169c-52.398 0-95.553-39.485-101.399-90.317h-15.814c5.912 59.524 56.131 106.018 117.213 106.018 17.26 0 33.633-3.742 48.404-10.406l-7.893-13.672c-12.425 5.38-26.114 8.377-40.511 8.377"/>
+        <path class="middle" d="M157.793 54.976c14.397 0 28.086 2.993 40.511 8.371l7.893-13.667c-14.771-6.669-31.144-10.412-48.404-10.412-61.082 0-111.301 46.493-117.213 106.021h15.814c5.846-50.831 49.001-90.313 101.399-90.313"/>
+        <path class="inner" d="M95.371 164.193c-3.476-30.475 15.471-58.324 43.723-67.097l-1.804-15.842c-36.899 9.931-61.986 45.602-57.524 84.719 4.461 39.115 36.934 68.219 75.122 69.584l-1.806-15.838c-29.504-2.186-54.235-25.054-57.711-55.526"/>
+        <path class="inner" d="M162.504 94.425c29.508 2.185 54.235 25.053 57.711 55.529 3.476 30.469-15.466 58.319-43.724 67.096l1.806 15.834c36.898-9.927 61.986-45.598 57.525-84.712-4.461-39.117-36.936-68.223-75.125-69.588l1.807 15.841z"/>
+      </svg>
+      <strong>Loading</strong>
+      <sub style="bottom: 0; display: block; line-height: 1; margin-top: 5px;">
+        <a style="color: inherit;" href="https://www.datawheel.us/" target="_blank">
+          Built by Datawheel
+        </a>
+      </sub>
+    </div>`,
+      noDataHTML: `<div style="left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);">
+      <strong>No Data Available</strong>
+    </div>`
+    };
   }
 });
-function tickFormat(start, stop, count, specifier) {
-  var step = tickStep(start, stop, count), precision;
-  specifier = formatSpecifier(specifier == null ? ",f" : specifier);
-  switch (specifier.type) {
-    case "s": {
-      var value = Math.max(Math.abs(start), Math.abs(stop));
-      if (specifier.precision == null && !isNaN(precision = precisionPrefix(step, value)))
-        specifier.precision = precision;
-      return formatPrefix(specifier, value);
-    }
-    case "":
-    case "e":
-    case "g":
-    case "p":
-    case "r": {
-      if (specifier.precision == null && !isNaN(precision = precisionRound(step, Math.max(Math.abs(start), Math.abs(stop)))))
-        specifier.precision = precision - (specifier.type === "e");
-      break;
-    }
-    case "f":
-    case "%": {
-      if (specifier.precision == null && !isNaN(precision = precisionFixed(step)))
-        specifier.precision = precision - (specifier.type === "%") * 2;
-      break;
-    }
-  }
-  return format$1(specifier);
-}
-var init_tickFormat = __esm({
-  "../../node_modules/d3-scale/src/tickFormat.js"() {
-    init_esm_shims();
+
+// cms/components/reportVizes/Graphic.css
+var init_ = __esm({
+  "cms/components/reportVizes/Graphic.css"() {
   }
 });
-function linearish(scale) {
-  var domain = scale.domain;
-  scale.ticks = function(count) {
-    var d = domain();
-    return ticks(d[0], d[d.length - 1], count == null ? 10 : count);
-  };
-  scale.tickFormat = function(count, specifier) {
-    var d = domain();
-    return tickFormat(d[0], d[d.length - 1], count == null ? 10 : count, specifier);
-  };
-  scale.nice = function(count) {
-    if (count == null)
-      count = 10;
-    var d = domain();
-    var i0 = 0;
-    var i1 = d.length - 1;
-    var start = d[i0];
-    var stop = d[i1];
-    var prestep;
-    var step;
-    var maxIter = 10;
-    if (stop < start) {
-      step = start, start = stop, stop = step;
-      step = i0, i0 = i1, i1 = step;
-    }
-    while (maxIter-- > 0) {
-      step = tickIncrement(start, stop, count);
-      if (step === prestep) {
-        d[i0] = start;
-        d[i1] = stop;
-        return domain(d);
-      } else if (step > 0) {
-        start = Math.floor(start / step) * step;
-        stop = Math.ceil(stop / step) * step;
-      } else if (step < 0) {
-        start = Math.ceil(start * step) / step;
-        stop = Math.floor(stop * step) / step;
-      } else {
-        break;
+function Graphic({ config, dataFormat }) {
+  const [builtConfig, setBuiltConfig] = useState();
+  useEffect(() => {
+    const defaults = {
+      numberFormat: (d, value, total) => {
+        const perc = Number(d[value] / total * 100);
+        return isNaN(perc) ? "No Data" : `${perc.toFixed(2)}%`;
       }
-      prestep = step;
+    };
+    let rebuiltConfig = { ...defaults, ...config };
+    if (!rebuiltConfig || !rebuiltConfig.data) {
+      console.log("no config/data");
+    } else if (typeof rebuiltConfig.data === "string") {
+      axios.get(rebuiltConfig.data).then((resp) => {
+        rebuiltConfig.data = dataFormat(resp.data);
+        if (typeof rebuiltConfig.data === "object" && !(rebuiltConfig.data instanceof Array))
+          rebuiltConfig = Object.assign(rebuiltConfig, rebuiltConfig.data);
+        if (!rebuiltConfig.total)
+          rebuiltConfig.total = rebuiltConfig.data.reduce((acc, d) => isNaN(d[rebuiltConfig.value]) ? acc : acc + Number(d[rebuiltConfig.value]), 0);
+        setBuiltConfig(rebuiltConfig);
+      });
+    } else {
+      rebuiltConfig.data = dataFormat(rebuiltConfig.data);
+      if (typeof rebuiltConfig.data === "object" && !(rebuiltConfig.data instanceof Array))
+        rebuiltConfig = Object.assign(rebuiltConfig, rebuiltConfig.data);
+      if (!rebuiltConfig.total)
+        rebuiltConfig.total = rebuiltConfig.data.reduce((acc, d) => isNaN(d[rebuiltConfig.value]) ? acc : acc + Number(d[rebuiltConfig.value]), 0);
+      setBuiltConfig(rebuiltConfig);
     }
-    return scale;
-  };
-  return scale;
-}
-function linear2() {
-  var scale = continuous();
-  scale.copy = function() {
-    return copy(scale, linear2());
-  };
-  initRange.apply(scale, arguments);
-  return linearish(scale);
+  }, [config]);
+  if (!builtConfig)
+    return null;
+  return /* @__PURE__ */ jsxs("div", { className: "cp-graphic", children: [
+    builtConfig.imageURL && /* @__PURE__ */ jsx("img", { src: builtConfig.imageURL, className: "cp-graphic-img", alt: "" }),
+    builtConfig.value && /* @__PURE__ */ jsx(
+      StatPreview,
+      {
+        title: builtConfig.label,
+        value: builtConfig.value,
+        subtitle: builtConfig.subtitle,
+        tooltip: builtConfig.tooltip
+      }
+    )
+  ] });
 }
-var init_linear = __esm({
-  "../../node_modules/d3-scale/src/linear.js"() {
-    init_esm_shims();
-    init_continuous();
-    init_init();
-    init_tickFormat();
-  }
-});
-
-// ../../node_modules/d3-scale/src/index.js
-var init_src3 = __esm({
-  "../../node_modules/d3-scale/src/index.js"() {
+var init_Graphic = __esm({
+  "cms/components/reportVizes/Graphic.tsx"() {
     init_esm_shims();
-    init_linear();
+    init_Stat();
+    init_();
   }
 });
-
-// libs/js/abbreviate.ts
-function abbreviate(n) {
-  return libs_default.d3plus.formatAbbreviate(n);
+function HTML({ config }) {
+  if (!config || !config.html)
+    return null;
+  return /* @__PURE__ */ jsx("div", { className: "cp-viz cp-html", dangerouslySetInnerHTML: { __html: config.html } });
 }
-var init_abbreviate = __esm({
-  "libs/js/abbreviate.ts"() {
+var init_HTML = __esm({
+  "cms/components/reportVizes/HTML.tsx"() {
     init_esm_shims();
-    init_libs();
   }
 });
 
@@ -4279,217 +2413,31 @@ var init_2 = __esm({
   "cms/components/reportVizes/Table.css"() {
   }
 });
-function spanify(html, cell, onClick) {
-  return /* @__PURE__ */ jsx("span", { className: `cp-table-cell-inner cp-table-cell-inner-${onClick ? "clickable" : "static"}`, onClick: onClick ? onClick.bind(this, cell.original) : void 0, dangerouslySetInnerHTML: { __html: html } });
+function Table({ config, dataFormat }) {
+  console.log("TO-DO, implement table using mantine and pagination");
+  return /* @__PURE__ */ jsxs("table", { children: [
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { children: "ID" }),
+      /* @__PURE__ */ jsx("th", { children: "Foo" }),
+      /* @__PURE__ */ jsx("th", { children: "Var" })
+    ] }),
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { children: "1" }),
+      /* @__PURE__ */ jsx("td", { children: "123123" }),
+      /* @__PURE__ */ jsx("td", { children: "4234234" })
+    ] }),
+    /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { children: "2" }),
+      /* @__PURE__ */ jsx("td", { children: "23432" }),
+      /* @__PURE__ */ jsx("td", { children: "45435" })
+    ] })
+  ] });
 }
-var import_prop_types, letters, measureString, defaultCellFormat, Table, Table_default;
+var Table_default;
 var init_Table = __esm({
   "cms/components/reportVizes/Table.jsx"() {
     init_esm_shims();
-    import_prop_types = __toESM(require_prop_types());
-    init_src3();
-    init_stripHTML();
-    init_abbreviate();
     init_2();
-    letters = {
-      i: 2,
-      l: 2,
-      I: 2,
-      " ": 4
-    };
-    measureString = (str) => typeof str === "string" ? sum(str.split("").map((l) => letters[l] || l.toUpperCase() === l ? 8 : 6)) : 0;
-    defaultCellFormat = (d, val) => isNaN(val) || d.column.id.includes("Year") || val === "" || val === " " ? val : abbreviate(val);
-    Table = class extends Component {
-      constructor(props) {
-        super(props);
-        __publicField(this, "renderGrouping", (currColumn, config) => {
-          const { headerFormat } = config;
-          let groupingTitle;
-          let nestedColumns;
-          if (currColumn[0] && typeof currColumn[0] === "string")
-            groupingTitle = currColumn[0];
-          if (currColumn[1] && Array.isArray(currColumn[1]))
-            nestedColumns = currColumn[1];
-          if (nestedColumns) {
-            if (typeof nestedColumns[0] === "string") {
-              return {
-                Header: headerFormat(groupingTitle),
-                accessor: (d) => d[nestedColumns[0]],
-                id: groupingTitle,
-                columns: nestedColumns.map((col) => this.renderColumn(col))
-              };
-            }
-            if (Array.isArray(nestedColumns[0])) {
-              return {
-                Header: headerFormat(groupingTitle),
-                id: groupingTitle,
-                columns: nestedColumns.map((col) => this.renderGrouping(col))
-              };
-            }
-          }
-          console.log("Invalid columns config passed to table viz; expected either an array of strings, or an array of arrays, each with a string first (table heading grouping title) and an array of strings.");
-          return void 0;
-        });
-        __publicField(this, "renderColumn", (obj, config) => {
-          const { data, headerFormat, cellFormat } = config;
-          const col = typeof obj === "string" ? obj : obj.accessor;
-          const onClick = typeof obj === "object" ? obj.onClick : void 0;
-          const header = obj.Header ? obj.Header : col;
-          const title = headerFormat ? headerFormat(header) : header;
-          const { print } = this.context;
-          function formatValue(cell, value) {
-            try {
-              return cellFormat ? cellFormat(cell, value) : defaultCellFormat(cell, value);
-            } catch (e) {
-              console.log("Error in cellFormat: ", e);
-              return defaultCellFormat(cell, value);
-            }
-          }
-          const padding = 20;
-          const sortIconWidth = 30;
-          const values = data.reduce((arr, d) => {
-            const html = formatValue({ original: d, value: d[col], column: { id: col } }, d[col]);
-            const text = stripHTML(html);
-            if (!text) {
-              const inlineWidth = html.match(/width[:="'\s]{1,}([0-9]{1,})px/);
-              arr.push(inlineWidth ? +inlineWidth[1] : 0);
-            } else {
-              arr.push(measureString(text));
-            }
-            return arr;
-          }, [measureString(title) + sortIconWidth]);
-          const columnWidth = max(values) + padding;
-          const calculatedMinWidth = min([200, max([padding * 2, columnWidth])]);
-          const minWidth = obj.minWidth !== void 0 ? obj.minWidth : calculatedMinWidth;
-          const maxWidth = obj.maxWidth !== void 0 ? obj.maxWidth : calculatedMinWidth < 100 ? calculatedMinWidth : void 0;
-          const { width } = obj;
-          return {
-            Header: print ? /* @__PURE__ */ jsx("button", { className: "cp-table-header-button", children: title }) : /* @__PURE__ */ jsxs("button", { className: "cp-table-header-button", children: [
-              title,
-              " ",
-              /* @__PURE__ */ jsx("span", { className: "u-visually-hidden", children: ", sort by column" }),
-              /* @__PURE__ */ jsx(Icon, { className: "cp-table-header-icon", icon: "caret-down" })
-            ] }),
-            id: col,
-            accessor: (d) => d[col],
-            minWidth,
-            maxWidth,
-            width,
-            Cell: (cell) => {
-              if (obj.cellStyle) {
-                try {
-                  const newCell = obj.cellStyle(cell);
-                  if (newCell)
-                    cell = newCell;
-                } catch (e) {
-                  console.error("Error in cellStyle");
-                }
-              }
-              const html = formatValue(cell, cell.value);
-              const span = spanify.bind(this)(html, cell, onClick);
-              return span;
-            }
-          };
-        });
-        this.state = {
-          data: [],
-          error: false,
-          loading: false
-        };
-        this.viz = React.createRef();
-      }
-      componentDidMount() {
-        this.loadData.bind(this)();
-      }
-      loadData() {
-        const { config, dataFormat } = this.props;
-        const url = config.data;
-        if (url) {
-          const fetch = () => dataLoad.bind({})(url, dataFormat, void 0, (error, data) => {
-            if (this.state.loading === JSON.stringify(url)) {
-              if (error) {
-                console.error(error);
-                this.setState({ error, loading: false });
-              } else
-                this.setState({ data, loading: false });
-            }
-          });
-          this.setState({ error: false, loading: JSON.stringify(url) }, fetch.bind(this));
-        }
-      }
-      componentDidUpdate(prevProps) {
-        const { data } = this.props.config;
-        const { loading } = this.state;
-        if (loading !== data && JSON.stringify(prevProps.config.data) !== JSON.stringify(data)) {
-          this.loadData.bind(this)();
-        }
-      }
-      render() {
-        const { data, loading } = this.state;
-        const { minRowsForPagination, size, t } = this.props;
-        const config = { ...this.props.config };
-        const { d3plus: d3plus2, print } = this.context;
-        config.data = data;
-        if (config.column)
-          delete config.column;
-        let columns = data.length ? Object.keys(data[0]) : [];
-        if (Array.isArray(config.columns))
-          columns = config.columns;
-        else if (typeof config.columns === "string")
-          columns = [config.columns];
-        else if (typeof config.columns === "function")
-          columns = config.columns(columns);
-        const tableStructure = columns.map((col) => {
-          if (typeof col === "string" || typeof col === "object" && col.accessor) {
-            return this.renderColumn(col, config);
-          }
-          if (Array.isArray(col)) {
-            return this.renderGrouping(col, config);
-          }
-          return {};
-        }).filter(Boolean).map((d) => {
-          if (d.cellStyle)
-            delete d.cellStyle;
-          return d;
-        });
-        if (print && typeof window !== "undefined") {
-          const totalWidth = sum(tableStructure, (d) => d.minWidth);
-          const widthScale = linear2().domain([0, totalWidth]).range([0, size.width - 6]);
-          tableStructure.forEach((col) => {
-            col.maxWidth = void 0;
-            col.minWidth = widthScale(col.minWidth);
-          });
-        }
-        return /* @__PURE__ */ jsxs("div", { className: "cp-table-wrapper", ref: this.viz, children: [
-          tableStructure.length ? /* @__PURE__ */ jsx(
-            ReactTable,
-            {
-              resizable: !print,
-              sortable: !print,
-              loadingText: t("CMS.Table.Loading"),
-              nextText: t("CMS.Table.Next"),
-              noDataText: t("CMS.Table.No rows found"),
-              ofText: t("CMS.Table.of"),
-              pageText: t("CMS.Table.Page"),
-              previousText: t("CMS.Table.Previous"),
-              rowsText: t("CMS.Table.rows"),
-              showPagination: data.length >= minRowsForPagination,
-              ...config,
-              className: `cp-table ${loading ? "cp-table-loading" : ""}`,
-              columns: tableStructure
-            }
-          ) : null,
-          loading && /* @__PURE__ */ jsx("div", { className: "cp-loading", dangerouslySetInnerHTML: { __html: config.loadingHTML || d3plus2.loadingHTML } })
-        ] });
-      }
-    };
-    Table.contextTypes = {
-      d3plus: import_prop_types.default.object,
-      print: import_prop_types.default.bool
-    };
-    Table.defaultProps = {
-      minRowsForPagination: 15
-    };
     Table_default = Table;
   }
 });
@@ -4950,7 +2898,7 @@ function BespokeExplore({
         rightSectionWidth: 100,
         rightSectionProps: {
           style: {
-            "justify-content": "flex-end",
+            justifyContent: "flex-end",
             padding: "0 15px 0 0"
           }
         },
@@ -5426,7 +3374,25 @@ init_esm_shims();
 
 // libs/js/slugify.ts
 init_esm_shims();
-init_stripHTML();
+
+// libs/js/stripHTML.ts
+init_esm_shims();
+function stripHTML(n) {
+  const entities = {
+    "&amp;": "&",
+    "&lt;": "<",
+    "&gt;": ">",
+    "&quot;": '"',
+    "&#x27;": "'",
+    "&#x60;": "`",
+    "&nbsp;": ""
+  };
+  const source = `(?:${Object.keys(entities).join("|")})`;
+  const testRegexp = RegExp(source);
+  const replaceRegexp = RegExp(source, "g");
+  const s = String(n).replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
+  return testRegexp.test(s) ? s.replace(replaceRegexp, (match) => entities[match]) : s;
+}
 
 // libs/js/stripEntities.ts
 init_esm_shims();
@@ -6285,7 +4251,7 @@ function ReportEditor({ id, onClose: closeHandler }) {
   }, [id]);
   const submitHandler = useCallback(() => {
     dispatch(actions_exports.updateEntity("report", { ...config, id })).then(closeHandler);
-  }, [id]);
+  }, [id, config]);
   const onChange = useCallback((field, value) => {
     setConfig({ ...config, [field]: value });
   }, []);
@@ -8473,7 +6439,7 @@ function CopyInput(props) {
       icon: /* @__PURE__ */ jsx(IconLink, {}),
       value: url,
       readOnly: true,
-      rightSection: /* @__PURE__ */ jsx(CopyButton, { value: url, timeout: 2e3, children: ({ copied, copy: copy2 }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, position: "right", children: /* @__PURE__ */ jsx(ActionIcon, { color: "blue", variant: copied ? "filled" : "subtle", onClick: copy2, children: copied ? /* @__PURE__ */ jsx(IconClipboardCheck, { size: 16 }) : /* @__PURE__ */ jsx(IconClipboardCopy, { size: 16 }) }) }) })
+      rightSection: /* @__PURE__ */ jsx(CopyButton, { value: url, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied" : "Copy", withArrow: true, position: "right", children: /* @__PURE__ */ jsx(ActionIcon, { color: "blue", variant: copied ? "filled" : "subtle", onClick: copy, children: copied ? /* @__PURE__ */ jsx(IconClipboardCheck, { size: 16 }) : /* @__PURE__ */ jsx(IconClipboardCopy, { size: 16 }) }) }) })
     }
   ) });
 }
@@ -8507,7 +6473,6 @@ function SortableTable({ data, customIdAccessor = "id" }) {
     setSortStatus(void 0);
     setRecords(getSortedData(void 0));
   }, [data]);
-  console.log("records", records);
   return /* @__PURE__ */ jsx(
     DataTable,
     {
@@ -8553,10 +6518,10 @@ function DataTab(props) {
       setSelectedSource(sourcesOptions[0]);
     }
   }, []);
-  const getFileName = (format3) => {
+  const getFileName = (format2) => {
     const sectionId = section.id;
     const sourceId = selectedSource.id;
-    return `data_section_${sectionId}_block_${sourceId}.${format3.toLowerCase()}`;
+    return `data_section_${sectionId}_block_${sourceId}.${format2.toLowerCase()}`;
   };
   const onSaveClick = async () => {
     if (selectedSource) {
@@ -8625,16 +6590,16 @@ function DataTab(props) {
     selectedSource && selectedSource.data && selectedSource.data.length > 0 && /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(Input.Wrapper, { label: `Formatted ${selectedSource.title}:`, style: { height: "300px" }, children: /* @__PURE__ */ jsx(SortableTable, { data: selectedSource.data }) }),
       /* @__PURE__ */ jsx(Space, { h: "xs" }),
-      /* @__PURE__ */ jsx(Input.Wrapper, { label: "Choose format:", children: /* @__PURE__ */ jsx(Button.Group, { children: Object.keys(formatOptions).map((format3) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Input.Wrapper, { label: "Choose format:", children: /* @__PURE__ */ jsx(Button.Group, { children: Object.keys(formatOptions).map((format2) => /* @__PURE__ */ jsx(
         Button,
         {
           leftIcon: /* @__PURE__ */ jsx(IconTable, { size: 16 }),
-          onClick: () => setFileFormat(formatOptions[format3]),
-          variant: fileFormat === formatOptions[format3] ? "filled" : "default",
+          onClick: () => setFileFormat(formatOptions[format2]),
+          variant: fileFormat === formatOptions[format2] ? "filled" : "default",
           fullWidth: true,
-          children: formatOptions[format3]
+          children: formatOptions[format2]
         },
-        `format-${format3}`
+        `format-${format2}`
       )) }) }),
       /* @__PURE__ */ jsx(
         Button,
@@ -8700,9 +6665,9 @@ function ImageTab(props) {
   const getBackground = (elem) => {
     if (transparentBackground)
       return "transparent";
-    const color2 = select(elem).style("background-color");
-    if (color2 !== "rgba(0, 0, 0, 0)" && color2 !== "transparent")
-      return color2;
+    const color = select(elem).style("background-color");
+    if (color !== "rgba(0, 0, 0, 0)" && color !== "transparent")
+      return color;
     if (elem === document.body)
       return "white";
     return getBackground(elem.parentNode);
@@ -9952,22 +7917,22 @@ function MemberForm({ memberId, onEditEnd }) {
     acc[item] = useForm({});
     return acc;
   }, {});
+  const dispatch = useAppDispatch();
   const fetchMemberData = async () => {
     setLoading(true);
     setError(false);
-    const memberRecord = await axios.get(
-      "/api/cms/read/members",
+    const memberRecord = await dispatch(actions_exports.readMember(
       {
-        params: {
-          ids: memberId,
-          locale: "all"
-        }
+        locale: "all",
+        content_ids: memberId,
+        all: false,
+        mode: "content_ids"
       }
-    ).then((response) => {
+    )).then((response) => {
       let obj;
-      if (response.data && response.data.data && response.data.data.results && response.data.data.results[0]) {
+      if (response.results && response.results[0]) {
         setError(false);
-        obj = response.data.data.results[0];
+        obj = response.results[0];
       } else {
         setError(true);
       }
@@ -10206,7 +8171,10 @@ function MemberForm({ memberId, onEditEnd }) {
                         {
                           onClick: () => {
                             const current = localizedForms[selectedLocale].values.keywords;
-                            localizedForms[selectedLocale].setFieldValue("keywords", current.filter((k) => k !== label));
+                            localizedForms[selectedLocale].setFieldValue(
+                              "keywords",
+                              current.filter((k) => k !== label)
+                            );
                           },
                           children: [
                             label,
@@ -11141,26 +9109,5 @@ init_esm_shims();
 function BespokeRenderer() {
   return /* @__PURE__ */ jsx("div", { children: "Report COMING SOON" });
 }
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 
 export { BespokeCMS, Explore_default as BespokeExplore, ExploreModal_default as BespokeExploreModal, BespokeRenderer, Report_default as BespokeReport, Search_default as BespokeSearch, DialogProvider, actions_exports as actions, storeWrapper, useAppDispatch as useBespokeDispatch, useAppSelector as useBespokeSelector, useDialog };