@buildcanada/charts 0.3.6 → 0.3.8

package/dist/components/TextWrap/TextWrap.js

@@ -0,0 +1,283 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import * as _ from "lodash-es";
+import * as R from "remeda";
+import {
+  stripHTML,
+  Bounds,
+  VerticalAlign
+} from "../../utils/index.js";
+import { computed, makeObservable } from "mobx";
+import * as React from "react";
+import { joinFragments, splitIntoFragments } from "./TextWrapUtils.js";
+import { match } from "ts-pattern";
+const HTML_OPENING_CLOSING_TAG_REGEX = /<(\/?)([A-Za-z]+)( [^<>]*)?>/g;
+function startsWithNewline(text) {
+  return /^\n/.test(text);
+}
+const shortenForTargetWidth = (text, targetWidth, fontSettings = {}) => {
+  let low = 0;
+  let high = text.length;
+  while (low <= high) {
+    const mid = high + low >> 1;
+    const bounds = Bounds.forText(text.slice(0, mid), fontSettings);
+    if (bounds.width < targetWidth) {
+      low = mid + 1;
+    } else {
+      high = mid - 1;
+    }
+  }
+  return text.slice(0, low - 1);
+};
+const shortenWithEllipsis = (text, targetWidth, fontSettings = {}) => {
+  const ellipsis = "\u2026";
+  const ellipsisWidth = Bounds.forText(ellipsis, fontSettings).width;
+  const truncatedText = shortenForTargetWidth(
+    text,
+    targetWidth - ellipsisWidth,
+    fontSettings
+  );
+  return `${truncatedText}${ellipsis}`;
+};
+class TextWrap {
+  constructor(props) {
+    makeObservable(this);
+    this.props = props;
+  }
+  get maxWidth() {
+    return this.props.maxWidth ?? Infinity;
+  }
+  get lineHeight() {
+    return this.props.lineHeight ?? 1.1;
+  }
+  get fontSize() {
+    return this.props.fontSize ?? 1;
+  }
+  get fontWeight() {
+    return this.props.fontWeight;
+  }
+  get verticalAlign() {
+    return this.props.verticalAlign ?? VerticalAlign.bottom;
+  }
+  get text() {
+    return this.props.text;
+  }
+  get separators() {
+    return this.props.separators ?? [" "];
+  }
+  // We need to take care that HTML tags are not split across lines.
+  // Instead, we want every line to have opening and closing tags for all tags that appear.
+  // This is so we don't produce invalid HTML.
+  processHtmlTags(lines) {
+    const currentlyOpenTags = [];
+    for (const line of lines) {
+      const prependOpenTags = currentlyOpenTags.map((t) => t.fullTag).join("");
+      const tagMatches = line.text.matchAll(
+        HTML_OPENING_CLOSING_TAG_REGEX
+      );
+      for (const tag of tagMatches) {
+        const isOpeningTag = tag[1] !== "/";
+        if (isOpeningTag) {
+          currentlyOpenTags.push({
+            tag: tag[2],
+            fullTag: tag[0]
+          });
+        } else {
+          if (!currentlyOpenTags.length || currentlyOpenTags.at(-1)?.tag !== tag[2]) {
+            throw new Error(
+              "TextWrap: Opening and closing HTML tags do not match"
+            );
+          }
+          currentlyOpenTags.pop();
+        }
+      }
+      const appendCloseTags = currentlyOpenTags.toReversed().map((t) => `</${t.tag}>`).join("");
+      line.text = prependOpenTags + line.text + appendCloseTags;
+    }
+    return lines;
+  }
+  get lines() {
+    const { text, separators, maxWidth, fontSize, fontWeight } = this;
+    const fragments = splitIntoFragments(
+      text.replace(/\n/g, " \n"),
+      separators
+    );
+    const lines = [];
+    let line = [];
+    let lineBounds = Bounds.empty();
+    fragments.forEach((fragment) => {
+      const nextLine = line.concat([fragment]);
+      const text2 = this.props.rawHtml ? stripHTML(joinFragments(nextLine)) : joinFragments(nextLine);
+      const nextBounds = Bounds.forText(text2, {
+        fontSize,
+        fontWeight
+      });
+      if (startsWithNewline(fragment.text) || nextBounds.width + 10 > maxWidth && line.length >= 1) {
+        lines.push({
+          text: joinFragments(line),
+          width: lineBounds.width,
+          height: lineBounds.height
+        });
+        const wordWithoutNewline = fragment.text.replace(/^\n/, "");
+        line = [
+          {
+            text: wordWithoutNewline,
+            separator: fragment.separator
+          }
+        ];
+        lineBounds = Bounds.forText(wordWithoutNewline, {
+          fontSize,
+          fontWeight
+        });
+      } else {
+        line = nextLine;
+        lineBounds = nextBounds;
+      }
+    });
+    if (line.length > 0)
+      lines.push({
+        text: joinFragments(line),
+        width: lineBounds.width,
+        height: lineBounds.height
+      });
+    if (this.props.rawHtml) return this.processHtmlTags(lines);
+    else return lines;
+  }
+  get lineCount() {
+    return this.lines.length;
+  }
+  get singleLineHeight() {
+    return this.fontSize * this.lineHeight;
+  }
+  get height() {
+    if (this.lineCount === 0) return 0;
+    return this.lineCount * this.singleLineHeight;
+  }
+  get width() {
+    return _.max(this.lines.map((l) => l.width)) ?? 0;
+  }
+  get lastLineWidth() {
+    return R.last(this.lines)?.width ?? 0;
+  }
+  get htmlStyle() {
+    const { fontSize, fontWeight, lineHeight } = this;
+    return {
+      fontSize: fontSize.toFixed(2) + "px",
+      fontWeight,
+      lineHeight,
+      overflowY: "visible"
+    };
+  }
+  getPositionForSvgRendering(x, y) {
+    const { lines, fontSize, lineHeight, height, verticalAlign } = this;
+    const HEIGHT_CORRECTION_FACTOR = 0.74;
+    const textHeight = _.max(lines.map((line) => line.height)) ?? 0;
+    const correctedTextHeight = textHeight * HEIGHT_CORRECTION_FACTOR;
+    const containerHeight = lineHeight * fontSize;
+    const correctedY = y + (containerHeight - (containerHeight - correctedTextHeight) / 2);
+    const renderY = match(verticalAlign).with(VerticalAlign.top, () => correctedY - height).with(VerticalAlign.middle, () => correctedY - height / 2).with(VerticalAlign.bottom, () => correctedY).exhaustive();
+    return [x, renderY];
+  }
+  renderHTML() {
+    const { props, lines } = this;
+    if (lines.length === 0) return null;
+    return /* @__PURE__ */ React.createElement("span", null, lines.map((line, index) => {
+      const content = props.rawHtml ? /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          dangerouslySetInnerHTML: {
+            __html: line.text
+          }
+        }
+      ) : /* @__PURE__ */ React.createElement("span", null, line.text);
+      return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, content, /* @__PURE__ */ React.createElement("br", null));
+    }));
+  }
+  renderSVG(x, y, options = {}) {
+    const { props, lines, fontSize, fontWeight } = this;
+    if (lines.length === 0) return /* @__PURE__ */ React.createElement(React.Fragment, null);
+    const [renderX, renderY] = this.getPositionForSvgRendering(x, y);
+    return /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        id: options.id,
+        fontSize: fontSize.toFixed(2),
+        fontWeight,
+        x: renderX.toFixed(1),
+        y: renderY.toFixed(1),
+        ...options.textProps
+      },
+      lines.map((line, i) => {
+        const x2 = renderX;
+        const y2 = renderY + this.singleLineHeight * i;
+        if (props.rawHtml)
+          return /* @__PURE__ */ React.createElement(
+            "tspan",
+            {
+              key: i,
+              x: x2,
+              y: y2,
+              dangerouslySetInnerHTML: { __html: line.text }
+            }
+          );
+        else
+          return /* @__PURE__ */ React.createElement("tspan", { key: i, x: x2, y: y2 }, line.text);
+      })
+    );
+  }
+}
+__decorateClass([
+  computed
+], TextWrap.prototype, "maxWidth", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "lineHeight", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "fontSize", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "fontWeight", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "verticalAlign", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "text", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "separators", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "lines", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "lineCount", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "singleLineHeight", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "height", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "width", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "lastLineWidth", 1);
+__decorateClass([
+  computed
+], TextWrap.prototype, "htmlStyle", 1);
+export {
+  TextWrap,
+  shortenForTargetWidth,
+  shortenWithEllipsis
+};

package/dist/components/TextWrap/TextWrap.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/components/TextWrap/TextWrap.tsx"],
+  "sourcesContent": ["import * as _ from \"lodash-es\"\nimport * as R from \"remeda\"\nimport {\n    stripHTML,\n    Bounds,\n    FontFamily,\n    VerticalAlign,\n} from \"../../utils/index.js\"\nimport { computed, makeObservable } from \"mobx\"\nimport * as React from \"react\"\nimport { Fragment, joinFragments, splitIntoFragments } from \"./TextWrapUtils.js\"\nimport { match } from \"ts-pattern\"\n\ndeclare type FontSize = number\n\ninterface TextWrapProps {\n    text: string\n    maxWidth: number\n    lineHeight?: number\n    fontSize: FontSize\n    fontWeight?: number\n    separators?: string[]\n    rawHtml?: boolean\n    verticalAlign?: VerticalAlign\n}\n\ninterface WrapLine {\n    text: string\n    width: number\n    height: number\n}\n\ninterface OpenHtmlTag {\n    tag: string // e.g. \"a\" for an <a> tag, or \"span\" for a <span> tag\n    fullTag: string // e.g. \"<a href='https://ourworldindata.org'>\"\n}\n\ninterface SVGRenderProps {\n    textProps?: React.SVGProps<SVGTextElement>\n    id?: string\n}\n\nconst HTML_OPENING_CLOSING_TAG_REGEX = /<(\\/?)([A-Za-z]+)( [^<>]*)?>/g\n\nfunction startsWithNewline(text: string): boolean {\n    return /^\\n/.test(text)\n}\n\n/**\n * Shortens text to fit within a target width using binary search.\n * Returns the longest substring that fits within the target width.\n */\nexport const shortenForTargetWidth = (\n    text: string,\n    targetWidth: number,\n    fontSettings: {\n        fontSize?: number\n        fontWeight?: number\n        fontFamily?: FontFamily\n    } = {}\n): string => {\n    // Use binary search to find the largest substring that fits within the target width\n    let low = 0\n    let high = text.length\n    while (low <= high) {\n        const mid = (high + low) >> 1\n        const bounds = Bounds.forText(text.slice(0, mid), fontSettings)\n        if (bounds.width < targetWidth) {\n            low = mid + 1\n        } else {\n            high = mid - 1\n        }\n    }\n    return text.slice(0, low - 1)\n}\n\n/** Shortens text to fit within the target width and appends an ellipsis (\u2026) */\nexport const shortenWithEllipsis = (\n    text: string,\n    targetWidth: number,\n    fontSettings: {\n        fontSize?: number\n        fontWeight?: number\n        fontFamily?: FontFamily\n    } = {}\n): string => {\n    const ellipsis = \"\u2026\"\n    const ellipsisWidth = Bounds.forText(ellipsis, fontSettings).width\n    const truncatedText = shortenForTargetWidth(\n        text,\n        targetWidth - ellipsisWidth,\n        fontSettings\n    )\n    return `${truncatedText}${ellipsis}`\n}\n\nexport class TextWrap {\n    props: TextWrapProps\n    constructor(props: TextWrapProps) {\n        makeObservable(this)\n        this.props = props\n    }\n\n    @computed get maxWidth(): number {\n        return this.props.maxWidth ?? Infinity\n    }\n    @computed get lineHeight(): number {\n        return this.props.lineHeight ?? 1.1\n    }\n    @computed get fontSize(): FontSize {\n        return this.props.fontSize ?? 1\n    }\n    @computed get fontWeight(): number | undefined {\n        return this.props.fontWeight\n    }\n    @computed get verticalAlign(): VerticalAlign {\n        return this.props.verticalAlign ?? VerticalAlign.bottom\n    }\n    @computed get text(): string {\n        return this.props.text\n    }\n    @computed get separators(): string[] {\n        return this.props.separators ?? [\" \"]\n    }\n\n    // We need to take care that HTML tags are not split across lines.\n    // Instead, we want every line to have opening and closing tags for all tags that appear.\n    // This is so we don't produce invalid HTML.\n    processHtmlTags(lines: WrapLine[]): WrapLine[] {\n        const currentlyOpenTags: OpenHtmlTag[] = []\n        for (const line of lines) {\n            // Prepend any still-open tags to the start of the line\n            const prependOpenTags = currentlyOpenTags\n                .map((t) => t.fullTag)\n                .join(\"\")\n\n            const tagMatches = line.text.matchAll(\n                HTML_OPENING_CLOSING_TAG_REGEX\n            )\n            for (const tag of tagMatches) {\n                const isOpeningTag = tag[1] !== \"/\"\n                if (isOpeningTag) {\n                    currentlyOpenTags.push({\n                        tag: tag[2],\n                        fullTag: tag[0],\n                    })\n                } else {\n                    if (\n                        !currentlyOpenTags.length ||\n                        currentlyOpenTags.at(-1)?.tag !== tag[2]\n                    ) {\n                        throw new Error(\n                            \"TextWrap: Opening and closing HTML tags do not match\"\n                        )\n                    }\n                    currentlyOpenTags.pop()\n                }\n            }\n\n            // Append any unclosed tags to the end of the line\n            const appendCloseTags = currentlyOpenTags\n                .toReversed()\n                .map((t) => `</${t.tag}>`)\n                .join(\"\")\n            line.text = prependOpenTags + line.text + appendCloseTags\n        }\n        return lines\n    }\n\n    @computed get lines(): WrapLine[] {\n        const { text, separators, maxWidth, fontSize, fontWeight } = this\n\n        // Prepend spaces so that the string is also split before newline characters\n        // See startsWithNewline\n        const fragments = splitIntoFragments(\n            text.replace(/\\n/g, \" \\n\"),\n            separators\n        )\n\n        const lines: WrapLine[] = []\n\n        let line: Fragment[] = []\n        let lineBounds = Bounds.empty()\n\n        fragments.forEach((fragment) => {\n            const nextLine = line.concat([fragment])\n\n            // Strip HTML if a raw string is passed\n            const text = this.props.rawHtml\n                ? stripHTML(joinFragments(nextLine))\n                : joinFragments(nextLine)\n\n            const nextBounds = Bounds.forText(text, {\n                fontSize,\n                fontWeight,\n            })\n\n            if (\n                startsWithNewline(fragment.text) ||\n                (nextBounds.width + 10 > maxWidth && line.length >= 1)\n            ) {\n                // Introduce a newline _before_ this word\n                lines.push({\n                    text: joinFragments(line),\n                    width: lineBounds.width,\n                    height: lineBounds.height,\n                })\n                // ... and start a new line with this word (with a potential leading newline stripped)\n                const wordWithoutNewline = fragment.text.replace(/^\\n/, \"\")\n                line = [\n                    {\n                        text: wordWithoutNewline,\n                        separator: fragment.separator,\n                    },\n                ]\n                lineBounds = Bounds.forText(wordWithoutNewline, {\n                    fontSize,\n                    fontWeight,\n                })\n            } else {\n                line = nextLine\n                lineBounds = nextBounds\n            }\n        })\n\n        // Push the last line\n        if (line.length > 0)\n            lines.push({\n                text: joinFragments(line),\n                width: lineBounds.width,\n                height: lineBounds.height,\n            })\n\n        // Process HTML to ensure that each opening tag has a matching closing tag _in each line_\n        if (this.props.rawHtml) return this.processHtmlTags(lines)\n        else return lines\n    }\n\n    @computed get lineCount(): number {\n        return this.lines.length\n    }\n\n    @computed get singleLineHeight(): number {\n        return this.fontSize * this.lineHeight\n    }\n\n    @computed get height(): number {\n        if (this.lineCount === 0) return 0\n        return this.lineCount * this.singleLineHeight\n    }\n\n    @computed get width(): number {\n        return _.max(this.lines.map((l) => l.width)) ?? 0\n    }\n\n    @computed get lastLineWidth(): number {\n        return R.last(this.lines)?.width ?? 0\n    }\n\n    @computed get htmlStyle(): any {\n        const { fontSize, fontWeight, lineHeight } = this\n        return {\n            fontSize: fontSize.toFixed(2) + \"px\",\n            fontWeight: fontWeight,\n            lineHeight: lineHeight,\n            overflowY: \"visible\",\n        }\n    }\n\n    getPositionForSvgRendering(x: number, y: number): [number, number] {\n        const { lines, fontSize, lineHeight, height, verticalAlign } = this\n\n        // Magic number set through experimentation.\n        // The HTML and SVG renderers need to position lines identically.\n        // This number was tweaked until the overlaid HTML and SVG outputs\n        // overlap.\n        const HEIGHT_CORRECTION_FACTOR = 0.74\n\n        const textHeight = _.max(lines.map((line) => line.height)) ?? 0\n        const correctedTextHeight = textHeight * HEIGHT_CORRECTION_FACTOR\n        const containerHeight = lineHeight * fontSize\n        const correctedY =\n            y + (containerHeight - (containerHeight - correctedTextHeight) / 2)\n\n        const renderY = match(verticalAlign)\n            .with(VerticalAlign.top, () => correctedY - height)\n            .with(VerticalAlign.middle, () => correctedY - height / 2)\n            .with(VerticalAlign.bottom, () => correctedY)\n            .exhaustive()\n\n        return [x, renderY]\n    }\n\n    renderHTML(): React.ReactElement | null {\n        const { props, lines } = this\n\n        if (lines.length === 0) return null\n\n        return (\n            <span>\n                {lines.map((line, index) => {\n                    const content = props.rawHtml ? (\n                        <span\n                            dangerouslySetInnerHTML={{\n                                __html: line.text,\n                            }}\n                        />\n                    ) : (\n                        <span>{line.text}</span>\n                    )\n                    return (\n                        <React.Fragment key={index}>\n                            {content}\n                            <br />\n                        </React.Fragment>\n                    )\n                })}\n            </span>\n        )\n    }\n\n    renderSVG(x: number, y: number, options: SVGRenderProps = {}) {\n        const { props, lines, fontSize, fontWeight } = this\n\n        if (lines.length === 0) return <></>\n\n        const [renderX, renderY] = this.getPositionForSvgRendering(x, y)\n\n        return (\n            <text\n                id={options.id}\n                fontSize={fontSize.toFixed(2)}\n                fontWeight={fontWeight}\n                x={renderX.toFixed(1)}\n                y={renderY.toFixed(1)}\n                {...options.textProps}\n            >\n                {lines.map((line, i) => {\n                    const x = renderX\n                    const y = renderY + this.singleLineHeight * i\n\n                    if (props.rawHtml)\n                        return (\n                            <tspan\n                                key={i}\n                                x={x}\n                                y={y}\n                                dangerouslySetInnerHTML={{ __html: line.text }}\n                            />\n                        )\n                    else\n                        return (\n                            <tspan key={i} x={x} y={y}>\n                                {line.text}\n                            </tspan>\n                        )\n                })}\n            </text>\n        )\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["text", "x", "y"]
+}

package/dist/components/TextWrap/TextWrapUtils.d.ts

@@ -0,0 +1,7 @@
+export type Fragment = {
+    text: string;
+    separator: string;
+};
+export declare function splitIntoFragments(text: string, separators?: string[]): Fragment[];
+export declare function joinFragments(fragments: Fragment[]): string;
+//# sourceMappingURL=TextWrapUtils.d.ts.map

package/dist/components/TextWrap/TextWrapUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWrapUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TextWrap/TextWrapUtils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,kBAAkB,CAC9B,IAAI,EAAE,MAAM,EACZ,UAAU,WAAQ,GACnB,QAAQ,EAAE,CAcZ;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,CAK3D"}

package/dist/components/TextWrap/TextWrapUtils.js

@@ -0,0 +1,23 @@
+import * as _ from "lodash-es";
+function splitIntoFragments(text, separators = [" "]) {
+  if (_.isEmpty(text)) return [];
+  const fragments = [];
+  let currText = "";
+  for (const char of text) {
+    if (separators.includes(char)) {
+      fragments.push({ text: currText, separator: char });
+      currText = "";
+    } else {
+      currText += char;
+    }
+  }
+  fragments.push({ text: currText, separator: "" });
+  return fragments;
+}
+function joinFragments(fragments) {
+  return fragments.map(({ text, separator }) => text + separator).join("").trim();
+}
+export {
+  joinFragments,
+  splitIntoFragments
+};

package/dist/components/TextWrap/TextWrapUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/components/TextWrap/TextWrapUtils.ts"],
+  "sourcesContent": ["import * as _ from \"lodash-es\"\n\nexport type Fragment = {\n    text: string\n    separator: string\n}\n\nexport function splitIntoFragments(\n    text: string,\n    separators = [\" \"]\n): Fragment[] {\n    if (_.isEmpty(text)) return []\n    const fragments: Fragment[] = []\n    let currText = \"\"\n    for (const char of text) {\n        if (separators.includes(char)) {\n            fragments.push({ text: currText, separator: char })\n            currText = \"\"\n        } else {\n            currText += char\n        }\n    }\n    fragments.push({ text: currText, separator: \"\" })\n    return fragments\n}\n\nexport function joinFragments(fragments: Fragment[]): string {\n    return fragments\n        .map(({ text, separator }) => text + separator)\n        .join(\"\")\n        .trim()\n}\n"],
+  "mappings": "AAAA,YAAY,OAAO;AAOZ,SAAS,mBACZ,MACA,aAAa,CAAC,GAAG,GACP;AACV,MAAI,EAAE,QAAQ,IAAI,EAAG,QAAO,CAAC;AAC7B,QAAM,YAAwB,CAAC;AAC/B,MAAI,WAAW;AACf,aAAW,QAAQ,MAAM;AACrB,QAAI,WAAW,SAAS,IAAI,GAAG;AAC3B,gBAAU,KAAK,EAAE,MAAM,UAAU,WAAW,KAAK,CAAC;AAClD,iBAAW;AAAA,IACf,OAAO;AACH,kBAAY;AAAA,IAChB;AAAA,EACJ;AACA,YAAU,KAAK,EAAE,MAAM,UAAU,WAAW,GAAG,CAAC;AAChD,SAAO;AACX;AAEO,SAAS,cAAc,WAA+B;AACzD,SAAO,UACF,IAAI,CAAC,EAAE,MAAM,UAAU,MAAM,OAAO,SAAS,EAC7C,KAAK,EAAE,EACP,KAAK;AACd;",
+  "names": []
+}

package/dist/components/closeButton/CloseButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare const CLOSE_BUTTON_WIDTH = 32;
+export declare const CLOSE_BUTTON_HEIGHT = 32;
+export declare function CloseButton({ onClick, className, }: {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CloseButton.d.ts.map

package/dist/components/closeButton/CloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/closeButton/CloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,eAAO,MAAM,kBAAkB,KAAK,CAAA;AACpC,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,SAAS,GACZ,EAAE;IACC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,2CAWA"}

package/dist/components/closeButton/CloseButton.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import cx from "classnames";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faXmark } from "@fortawesome/free-solid-svg-icons";
+const CLOSE_BUTTON_WIDTH = 32;
+const CLOSE_BUTTON_HEIGHT = 32;
+function CloseButton({
+  onClick,
+  className
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      className: cx("close-button", className),
+      onClick,
+      "aria-label": "Close"
+    },
+    /* @__PURE__ */ React.createElement(FontAwesomeIcon, { icon: faXmark })
+  );
+}
+export {
+  CLOSE_BUTTON_HEIGHT,
+  CLOSE_BUTTON_WIDTH,
+  CloseButton
+};

package/dist/components/closeButton/CloseButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/components/closeButton/CloseButton.tsx"],
+  "sourcesContent": ["import * as React from \"react\"\nimport cx from \"classnames\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { faXmark } from \"@fortawesome/free-solid-svg-icons\"\n\n// keep in sync with $size in CloseButton.scss\nexport const CLOSE_BUTTON_WIDTH = 32\nexport const CLOSE_BUTTON_HEIGHT = 32\n\nexport function CloseButton({\n    onClick,\n    className,\n}: {\n    onClick: React.MouseEventHandler<HTMLButtonElement>\n    className?: string\n}) {\n    return (\n        <button\n            type=\"button\"\n            className={cx(\"close-button\", className)}\n            onClick={onClick}\n            aria-label=\"Close\"\n        >\n            <FontAwesomeIcon icon={faXmark} />\n        </button>\n    )\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,QAAQ;AACf,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAGjB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAE5B,SAAS,YAAY;AAAA,EACxB;AAAA,EACA;AACJ,GAGG;AACC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,SAAS;AAAA,MACvC;AAAA,MACA,cAAW;AAAA;AAAA,IAEX,oCAAC,mBAAgB,MAAM,SAAS;AAAA,EACpC;AAER;",
+  "names": []
+}

package/dist/components/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Component exports for @buildcanada/charts
+ */
+export { TextWrap, shortenWithEllipsis } from "./TextWrap/TextWrap.js";
+export { MarkdownTextWrap, sumTextWrapHeights, toPlaintext, } from "./MarkdownTextWrap/MarkdownTextWrap.js";
+export { SimpleMarkdownText, HtmlOrSimpleMarkdownText, } from "./SimpleMarkdownText.js";
+export { ExpandableToggle } from "./ExpandableToggle/ExpandableToggle.js";
+export { LabeledSwitch } from "./LabeledSwitch/LabeledSwitch.js";
+export { Checkbox } from "./Checkbox.js";
+export { RadioButton } from "./RadioButton.js";
+export { TextInput } from "./TextInput.js";
+export { Button } from "./Button/Button.js";
+export { CloseButton, CLOSE_BUTTON_HEIGHT, CLOSE_BUTTON_WIDTH, } from "./closeButton/CloseButton.js";
+export { OverlayHeader } from "./OverlayHeader.js";
+export { Halo } from "./Halo/Halo.js";
+export { BodyPortal } from "./BodyPortal/BodyPortal.js";
+export { LoadingIndicator } from "./loadingIndicator/LoadingIndicator.js";
+export { reactRenderToStringClientOnly } from "./reactUtil.js";
+export { GrapherTabIcon } from "./GrapherTabIcon.js";
+export { GrapherTrendArrow } from "./GrapherTrendArrow.js";
+export { CodeSnippet } from "./stubs/CodeSnippet.js";
+export { makeSource, makeLastUpdated, makeNextUpdate, makeDateRange, makeUnit, makeUnitConversionFactor, makeLinks, } from "./stubs/IndicatorKeyData.js";
+export { IndicatorSources } from "./stubs/IndicatorSources.js";
+export { IndicatorProcessing } from "./stubs/IndicatorProcessing.js";
+export { DataCitation } from "./stubs/DataCitation.js";
+export { DATAPAGE_ABOUT_THIS_DATA_SECTION_ID, DATAPAGE_SOURCES_AND_PROCESSING_SECTION_ID, REUSE_THIS_WORK_SECTION_ID, } from "../types/index.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EACH,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,GACd,MAAM,wCAAwC,CAAA;AAG/C,OAAO,EACH,kBAAkB,EAClB,wBAAwB,GAC3B,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAGzE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAG3C,OAAO,EACH,WAAW,EACX,mBAAmB,EACnB,kBAAkB,GACrB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAGzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAA;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG1D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EACH,UAAU,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,QAAQ,EACR,wBAAwB,EACxB,SAAS,GACZ,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGtD,OAAO,EACH,mCAAmC,EACnC,0CAA0C,EAC1C,0BAA0B,GAC7B,MAAM,mBAAmB,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,85 @@
+import { TextWrap, shortenWithEllipsis } from "./TextWrap/TextWrap.js";
+import {
+  MarkdownTextWrap,
+  sumTextWrapHeights,
+  toPlaintext
+} from "./MarkdownTextWrap/MarkdownTextWrap.js";
+import {
+  SimpleMarkdownText,
+  HtmlOrSimpleMarkdownText
+} from "./SimpleMarkdownText.js";
+import { ExpandableToggle } from "./ExpandableToggle/ExpandableToggle.js";
+import { LabeledSwitch } from "./LabeledSwitch/LabeledSwitch.js";
+import { Checkbox } from "./Checkbox.js";
+import { RadioButton } from "./RadioButton.js";
+import { TextInput } from "./TextInput.js";
+import { Button } from "./Button/Button.js";
+import {
+  CloseButton,
+  CLOSE_BUTTON_HEIGHT,
+  CLOSE_BUTTON_WIDTH
+} from "./closeButton/CloseButton.js";
+import { OverlayHeader } from "./OverlayHeader.js";
+import { Halo } from "./Halo/Halo.js";
+import { BodyPortal } from "./BodyPortal/BodyPortal.js";
+import { LoadingIndicator } from "./loadingIndicator/LoadingIndicator.js";
+import { reactRenderToStringClientOnly } from "./reactUtil.js";
+import { GrapherTabIcon } from "./GrapherTabIcon.js";
+import { GrapherTrendArrow } from "./GrapherTrendArrow.js";
+import { CodeSnippet } from "./stubs/CodeSnippet.js";
+import {
+  makeSource,
+  makeLastUpdated,
+  makeNextUpdate,
+  makeDateRange,
+  makeUnit,
+  makeUnitConversionFactor,
+  makeLinks
+} from "./stubs/IndicatorKeyData.js";
+import { IndicatorSources } from "./stubs/IndicatorSources.js";
+import { IndicatorProcessing } from "./stubs/IndicatorProcessing.js";
+import { DataCitation } from "./stubs/DataCitation.js";
+import {
+  DATAPAGE_ABOUT_THIS_DATA_SECTION_ID,
+  DATAPAGE_SOURCES_AND_PROCESSING_SECTION_ID,
+  REUSE_THIS_WORK_SECTION_ID
+} from "../types/index.js";
+export {
+  BodyPortal,
+  Button,
+  CLOSE_BUTTON_HEIGHT,
+  CLOSE_BUTTON_WIDTH,
+  Checkbox,
+  CloseButton,
+  CodeSnippet,
+  DATAPAGE_ABOUT_THIS_DATA_SECTION_ID,
+  DATAPAGE_SOURCES_AND_PROCESSING_SECTION_ID,
+  DataCitation,
+  ExpandableToggle,
+  GrapherTabIcon,
+  GrapherTrendArrow,
+  Halo,
+  HtmlOrSimpleMarkdownText,
+  IndicatorProcessing,
+  IndicatorSources,
+  LabeledSwitch,
+  LoadingIndicator,
+  MarkdownTextWrap,
+  OverlayHeader,
+  REUSE_THIS_WORK_SECTION_ID,
+  RadioButton,
+  SimpleMarkdownText,
+  TextInput,
+  TextWrap,
+  makeDateRange,
+  makeLastUpdated,
+  makeLinks,
+  makeNextUpdate,
+  makeSource,
+  makeUnit,
+  makeUnitConversionFactor,
+  reactRenderToStringClientOnly,
+  shortenWithEllipsis,
+  sumTextWrapHeights,
+  toPlaintext
+};

package/dist/components/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/components/index.ts"],
+  "sourcesContent": ["/**\n * Component exports for @buildcanada/charts\n */\n\n// Text wrapping components\nexport { TextWrap, shortenWithEllipsis } from \"./TextWrap/TextWrap.js\"\n\nexport {\n    MarkdownTextWrap,\n    sumTextWrapHeights,\n    toPlaintext,\n} from \"./MarkdownTextWrap/MarkdownTextWrap.js\"\n\n// Simple markdown text\nexport {\n    SimpleMarkdownText,\n    HtmlOrSimpleMarkdownText,\n} from \"./SimpleMarkdownText.js\"\n\n// Expandable toggle\nexport { ExpandableToggle } from \"./ExpandableToggle/ExpandableToggle.js\"\n\n// Form components\nexport { LabeledSwitch } from \"./LabeledSwitch/LabeledSwitch.js\"\nexport { Checkbox } from \"./Checkbox.js\"\nexport { RadioButton } from \"./RadioButton.js\"\nexport { TextInput } from \"./TextInput.js\"\nexport { Button } from \"./Button/Button.js\"\n\n// Overlay components\nexport {\n    CloseButton,\n    CLOSE_BUTTON_HEIGHT,\n    CLOSE_BUTTON_WIDTH,\n} from \"./closeButton/CloseButton.js\"\nexport { OverlayHeader } from \"./OverlayHeader.js\"\n\n// Visual components\nexport { Halo } from \"./Halo/Halo.js\"\nexport { BodyPortal } from \"./BodyPortal/BodyPortal.js\"\nexport { LoadingIndicator } from \"./loadingIndicator/LoadingIndicator.js\"\n\n// React utilities\nexport { reactRenderToStringClientOnly } from \"./reactUtil.js\"\n\n// Grapher-specific components\nexport { GrapherTabIcon } from \"./GrapherTabIcon.js\"\nexport { GrapherTrendArrow } from \"./GrapherTrendArrow.js\"\n\n// Stub components for data page features\nexport { CodeSnippet } from \"./stubs/CodeSnippet.js\"\nexport {\n    makeSource,\n    makeLastUpdated,\n    makeNextUpdate,\n    makeDateRange,\n    makeUnit,\n    makeUnitConversionFactor,\n    makeLinks,\n} from \"./stubs/IndicatorKeyData.js\"\nexport { IndicatorSources } from \"./stubs/IndicatorSources.js\"\nexport { IndicatorProcessing } from \"./stubs/IndicatorProcessing.js\"\nexport { DataCitation } from \"./stubs/DataCitation.js\"\n\n// Site constants re-exported for convenience\nexport {\n    DATAPAGE_ABOUT_THIS_DATA_SECTION_ID,\n    DATAPAGE_SOURCES_AND_PROCESSING_SECTION_ID,\n    REUSE_THIS_WORK_SECTION_ID,\n} from \"../types/index.js\"\n"],
+  "mappings": "AAKA,SAAS,UAAU,2BAA2B;AAE9C;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AAGP;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAGP,SAAS,wBAAwB;AAGjC,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAGvB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,qBAAqB;AAG9B,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAGjC,SAAS,qCAAqC;AAG9C,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAGlC,SAAS,mBAAmB;AAC5B;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAG7B;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;",
+  "names": []
+}

package/dist/components/loadingIndicator/LoadingIndicator.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Bounds } from "../../utils/index.js";
+export declare const LoadingIndicator: (props: {
+    backgroundColor?: string;
+    bounds?: Bounds;
+    color?: string;
+    title?: string;
+}) => React.ReactElement;
+//# sourceMappingURL=LoadingIndicator.d.ts.map

package/dist/components/loadingIndicator/LoadingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/loadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAI7C,eAAO,MAAM,gBAAgB,GAAI,OAAO;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB,KAAG,KAAK,CAAC,YAiBT,CAAA"}

package/dist/components/loadingIndicator/LoadingIndicator.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+const DEFAULT_COLOR = "#333";
+const LoadingIndicator = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "loading-indicator",
+      title: props.title,
+      style: {
+        backgroundColor: props.backgroundColor,
+        ...props.bounds?.toCSS()
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        style: {
+          borderColor: props.color || DEFAULT_COLOR
+        }
+      }
+    )
+  );
+};
+export {
+  LoadingIndicator
+};

package/dist/components/loadingIndicator/LoadingIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/components/loadingIndicator/LoadingIndicator.tsx"],
+  "sourcesContent": ["import * as React from \"react\"\nimport { Bounds } from \"../../utils/index.js\"\n\nconst DEFAULT_COLOR = \"#333\"\n\nexport const LoadingIndicator = (props: {\n    backgroundColor?: string\n    bounds?: Bounds\n    color?: string\n    title?: string\n}): React.ReactElement => {\n    return (\n        <div\n            className=\"loading-indicator\"\n            title={props.title}\n            style={{\n                backgroundColor: props.backgroundColor,\n                ...props.bounds?.toCSS(),\n            }}\n        >\n            <span\n                style={{\n                    borderColor: props.color || DEFAULT_COLOR,\n                }}\n            />\n        </div>\n    )\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AAGvB,MAAM,gBAAgB;AAEf,MAAM,mBAAmB,CAAC,UAKP;AACtB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,MAAM;AAAA,MACb,OAAO;AAAA,QACH,iBAAiB,MAAM;AAAA,QACvB,GAAG,MAAM,QAAQ,MAAM;AAAA,MAC3B;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,OAAO;AAAA,UACH,aAAa,MAAM,SAAS;AAAA,QAChC;AAAA;AAAA,IACJ;AAAA,EACJ;AAER;",
+  "names": []
+}

package/dist/components/markdown/remarkPlainLinks.d.ts

@@ -0,0 +1,3 @@
+export declare const urlRegex: RegExp;
+export declare function remarkPlainLinks(): (tree: any) => void;
+//# sourceMappingURL=remarkPlainLinks.d.ts.map

package/dist/components/markdown/remarkPlainLinks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remarkPlainLinks.d.ts","sourceRoot":"","sources":["../../../src/components/markdown/remarkPlainLinks.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,QAAQ,QACgF,CAAA;AAErG,wBAAgB,gBAAgB,KAapB,MAAM,GAAG,UAGpB"}

package/dist/components/markdown/remarkPlainLinks.js

@@ -0,0 +1,23 @@
+import { findAndReplace } from "mdast-util-find-and-replace";
+const urlRegex = /https?:\/\/([\w-]+\.)*[\w-]+(:\d+)?((\/[\p{L}\p{N}_\-.+/?:%&=~#]*[\p{L}\p{N}_\-+/%&=~#])|\/)?/gu;
+function remarkPlainLinks() {
+  const turnIntoLink = (value) => {
+    return {
+      type: "link",
+      url: value,
+      children: [
+        {
+          type: "text",
+          value
+        }
+      ]
+    };
+  };
+  return (tree) => {
+    findAndReplace(tree, [[urlRegex, turnIntoLink]]);
+  };
+}
+export {
+  remarkPlainLinks,
+  urlRegex
+};

package/dist/components/markdown/remarkPlainLinks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/components/markdown/remarkPlainLinks.ts"],
+  "sourcesContent": ["import { findAndReplace } from \"mdast-util-find-and-replace\"\n\n// This regex matches:\n//   \"http\"\n//   an optional \"s\"\n//   two / characters\n//   The subdomains and hostname: Any word or numeric character or \"-\" one or more times followed by a period\n//   The TLD: Any word or numeric character or \"-\" one or more times (the TLD is optional, and URLs like localhost are also valid)\n//   The port: A colon followed by one or more digits (optional)\n//   The path, query string and fragment: A forward slash followed by any word or numeric character (unicode classes so umlauts like \u00F6 match\n//       as well as any of the following: .+?:%&=~#) zero or more times. Note that we exclude space even though that is valid in a URL but it tends\n//       to make the match too greedy.\n//       We match the same subgroup [\\p{L}\\p{N}_\\-.\\+/?:%&=~#] twice, once with a * and then excactly once but without interpuncation characters .?:\n//       This is to make sure that we don't match trailing punctuation as part of the URL (\"This is an http://example.com.\" - note that the leading\n//       period should not be part of the URL)\n//       Finally, the very last part is a lone forward slash which would not be matched by the previous subgroup.\nexport const urlRegex =\n    /https?:\\/\\/([\\w-]+\\.)*[\\w-]+(:\\d+)?((\\/[\\p{L}\\p{N}_\\-.+/?:%&=~#]*[\\p{L}\\p{N}_\\-+/%&=~#])|\\/)?/gu\n\nexport function remarkPlainLinks() {\n    const turnIntoLink = (value: string) => {\n        return {\n            type: \"link\" as const,\n            url: value,\n            children: [\n                {\n                    type: \"text\" as const,\n                    value: value,\n                },\n            ],\n        }\n    }\n    return (tree: any) => {\n        findAndReplace(tree, [[urlRegex, turnIntoLink]])\n    }\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAgBxB,MAAM,WACT;AAEG,SAAS,mBAAmB;AAC/B,QAAM,eAAe,CAAC,UAAkB;AACpC,WAAO;AAAA,MACH,MAAM;AAAA,MACN,KAAK;AAAA,MACL,UAAU;AAAA,QACN;AAAA,UACI,MAAM;AAAA,UACN;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACA,SAAO,CAAC,SAAc;AAClB,mBAAe,MAAM,CAAC,CAAC,UAAU,YAAY,CAAC,CAAC;AAAA,EACnD;AACJ;",
+  "names": []
+}