@charcoal-ui/react 6.1.0-beta.3 → 6.1.0-beta.5

package/dist/components/Pagination/index2.js

@@ -10,7 +10,11 @@ import { c } from "react-compiler-runtime";
 //#region src/components/Pagination/index.tsx
 function NavButton(t0) {
 	"use memo";
-	const $ = c(15);
+	const $ = c(16);
+	if ($[0] !== "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794") {
+		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794";
+	}
 	const { direction, ariaLabel } = t0;
 	const { page, pageCount, size, isLinkMode, makeUrl, LinkComponent, makeClickHandler, linkProps } = usePaginationContext();
 	const isPrev = direction === "prev";
@@ -20,7 +24,7 @@ function NavButton(t0) {
 	const t1 = isPrev ? "24/Prev" : "24/Next";
 	const t2 = disabled || void 0;
 	let t3;
-	if ($[0] !== LinkComponent || $[1] !== disabled || $[2] !== isLinkMode || $[3] !== linkProps || $[4] !== makeClickHandler || $[5] !== makeUrl || $[6] !== navButtonClassName || $[7] !== targetPage) {
+	if ($[1] !== LinkComponent || $[2] !== disabled || $[3] !== isLinkMode || $[4] !== linkProps || $[5] !== makeClickHandler || $[6] !== makeUrl || $[7] !== navButtonClassName || $[8] !== targetPage) {
 		t3 = isLinkMode && makeUrl ? {
 			component: LinkComponent,
 			href: makeUrl(targetPage),
@@ -32,18 +36,18 @@ function NavButton(t0) {
 			onClick: makeClickHandler(targetPage),
 			className: navButtonClassName
 		};
-		$[0] = LinkComponent;
-		$[1] = disabled;
-		$[2] = isLinkMode;
-		$[3] = linkProps;
-		$[4] = makeClickHandler;
-		$[5] = makeUrl;
-		$[6] = navButtonClassName;
-		$[7] = targetPage;
-		$[8] = t3;
-	} else t3 = $[8];
+		$[1] = LinkComponent;
+		$[2] = disabled;
+		$[3] = isLinkMode;
+		$[4] = linkProps;
+		$[5] = makeClickHandler;
+		$[6] = makeUrl;
+		$[7] = navButtonClassName;
+		$[8] = targetPage;
+		$[9] = t3;
+	} else t3 = $[9];
 	let t4;
-	if ($[9] !== ariaLabel || $[10] !== size || $[11] !== t1 || $[12] !== t2 || $[13] !== t3) {
+	if ($[10] !== ariaLabel || $[11] !== size || $[12] !== t1 || $[13] !== t2 || $[14] !== t3) {
 		t4 = /* @__PURE__ */ jsx(IconButton, {
 			icon: t1,
 			size,
@@ -51,24 +55,28 @@ function NavButton(t0) {
 			"aria-label": ariaLabel,
 			...t3
 		});
-		$[9] = ariaLabel;
-		$[10] = size;
-		$[11] = t1;
-		$[12] = t2;
-		$[13] = t3;
-		$[14] = t4;
-	} else t4 = $[14];
+		$[10] = ariaLabel;
+		$[11] = size;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
 	return t4;
 }
 function PageItem(t0) {
 	"use memo";
-	const $ = c(19);
+	const $ = c(20);
+	if ($[0] !== "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794") {
+		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "6df9a461da70eeb5250dbca07b72d0ce43e952d7b7d08baba19bf889ba545794";
+	}
 	const { value } = t0;
 	const { page, size, isLinkMode, makeUrl, LinkComponent, makeClickHandler, linkProps } = usePaginationContext();
 	const pageItemClassName = useClassNames("charcoal-pagination-button", linkProps?.className);
 	if (value === "...") {
 		let t1;
-		if ($[0] !== size) {
+		if ($[1] !== size) {
 			t1 = /* @__PURE__ */ jsx(IconButton, {
 				icon: "24/Dot",
 				size,
@@ -76,69 +84,69 @@ function PageItem(t0) {
 				className: "charcoal-pagination-spacer",
 				"aria-hidden": true
 			});
-			$[0] = size;
-			$[1] = t1;
-		} else t1 = $[1];
+			$[1] = size;
+			$[2] = t1;
+		} else t1 = $[2];
 		return t1;
 	}
 	if (value === page) {
 		let t1;
-		if ($[2] !== value) {
+		if ($[3] !== value) {
 			t1 = /* @__PURE__ */ jsx("span", {
 				className: "charcoal-pagination-button",
 				"aria-current": "page",
 				children: value
 			});
-			$[2] = value;
-			$[3] = t1;
-		} else t1 = $[3];
+			$[3] = value;
+			$[4] = t1;
+		} else t1 = $[4];
 		return t1;
 	}
 	if (typeof value !== "number") return null;
 	if (isLinkMode && makeUrl) {
 		let t1;
-		if ($[4] !== makeUrl || $[5] !== value) {
+		if ($[5] !== makeUrl || $[6] !== value) {
 			t1 = makeUrl(value);
-			$[4] = makeUrl;
-			$[5] = value;
-			$[6] = t1;
-		} else t1 = $[6];
+			$[5] = makeUrl;
+			$[6] = value;
+			$[7] = t1;
+		} else t1 = $[7];
 		let t2;
-		if ($[7] !== LinkComponent || $[8] !== linkProps || $[9] !== pageItemClassName || $[10] !== t1 || $[11] !== value) {
+		if ($[8] !== LinkComponent || $[9] !== linkProps || $[10] !== pageItemClassName || $[11] !== t1 || $[12] !== value) {
 			t2 = /* @__PURE__ */ jsx(LinkComponent, {
 				href: t1,
 				...linkProps,
 				className: pageItemClassName,
 				children: value
 			});
-			$[7] = LinkComponent;
-			$[8] = linkProps;
-			$[9] = pageItemClassName;
-			$[10] = t1;
-			$[11] = value;
-			$[12] = t2;
-		} else t2 = $[12];
+			$[8] = LinkComponent;
+			$[9] = linkProps;
+			$[10] = pageItemClassName;
+			$[11] = t1;
+			$[12] = value;
+			$[13] = t2;
+		} else t2 = $[13];
 		return t2;
 	}
 	let t1;
-	if ($[13] !== makeClickHandler || $[14] !== value) {
+	if ($[14] !== makeClickHandler || $[15] !== value) {
 		t1 = makeClickHandler(value);
-		$[13] = makeClickHandler;
-		$[14] = value;
-		$[15] = t1;
-	} else t1 = $[15];
+		$[14] = makeClickHandler;
+		$[15] = value;
+		$[16] = t1;
+	} else t1 = $[16];
 	let t2;
-	if ($[16] !== t1 || $[17] !== value) {
+	if ($[17] !== t1 || $[18] !== value) {
 		t2 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: "charcoal-pagination-button",
 			onClick: t1,
 			children: value
 		});
-		$[16] = t1;
-		$[17] = value;
-		$[18] = t2;
-	} else t2 = $[18];
+		$[17] = t1;
+		$[18] = value;
+		$[19] = t2;
+	} else t2 = $[19];
 	return t2;
 }
 function Pagination({ page, pageCount, pageRangeDisplayed, size = "M", onChange, makeUrl, component: LinkComponent = "a", linkProps, className, ariaLabelNext = "Next", ariaLabelPrev = "Previous", ...navProps }) {

package/dist/components/Pagination/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","names":["size","ariaLabel","value","pageItemClassName"],"sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { usePaginationWindow } from './helper'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport IconButton, { IconButtonProps } from '../IconButton'\nimport {\n  PaginationContext,\n  usePaginationContext,\n  type LinkComponentProps,\n  type PaginationContextValue,\n  type PageRangeDisplayed,\n  type Size,\n} from './PaginationContext'\n\ntype NavButtonProps = {\n  direction: 'prev' | 'next'\n  ariaLabel: IconButtonProps['aria-label']\n}\n\nfunction NavButton({ direction, ariaLabel }: NavButtonProps) {\n  'use memo'\n  const {\n    page,\n    pageCount,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  } = usePaginationContext()\n\n  const isPrev = direction === 'prev'\n  const targetPage = isPrev\n    ? Math.max(1, page - 1)\n    : Math.min(pageCount, page + 1)\n  const disabled = isPrev ? page <= 1 : page >= pageCount\n  const navButtonClassName = useClassNames(\n    'charcoal-pagination-nav-button',\n    linkProps?.className,\n  )\n\n  return (\n    <IconButton\n      icon={isPrev ? '24/Prev' : '24/Next'}\n      size={size}\n      /* Use data-hidden, not [hidden]: Tailwind preflight's `[hidden] { display: none !important }` would clobber `visibility: hidden` and collapse the layout space. */\n      data-hidden={disabled || undefined}\n      aria-label={ariaLabel}\n      {...(isLinkMode && makeUrl\n        ? {\n            component: LinkComponent as 'a',\n            href: makeUrl(targetPage),\n            'aria-disabled': disabled,\n            ...linkProps,\n            className: navButtonClassName,\n          }\n        : {\n            disabled,\n            onClick: makeClickHandler(targetPage),\n            className: navButtonClassName,\n          })}\n    />\n  )\n}\n\nfunction PageItem({ value }: { value: number | string }) {\n  'use memo'\n  const {\n    page,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  } = usePaginationContext()\n  const pageItemClassName = useClassNames(\n    'charcoal-pagination-button',\n    linkProps?.className,\n  )\n\n  // 省略記号\n  if (value === '...') {\n    return (\n      <IconButton\n        icon=\"24/Dot\"\n        size={size}\n        disabled\n        className=\"charcoal-pagination-spacer\"\n        aria-hidden\n      />\n    )\n  }\n  // 現在ページ（クリック不可）\n  if (value === page) {\n    return (\n      <span className=\"charcoal-pagination-button\" aria-current=\"page\">\n        {value}\n      </span>\n    )\n  }\n  if (typeof value !== 'number') return null\n  // リンクモード: ページへのリンク\n  if (isLinkMode && makeUrl) {\n    return (\n      <LinkComponent\n        href={makeUrl(value)}\n        {...linkProps}\n        className={pageItemClassName}\n      >\n        {value}\n      </LinkComponent>\n    )\n  }\n  // ボタンモード: クリックでページ遷移\n  return (\n    <button\n      type=\"button\"\n      className=\"charcoal-pagination-button\"\n      onClick={makeClickHandler(value)}\n    >\n      {value}\n    </button>\n  )\n}\n\ninterface PaginationCommonProps {\n  page: number\n  pageCount: number\n  pageRangeDisplayed?: PageRangeDisplayed\n  size?: Size\n  ariaLabelPrev?: string\n  ariaLabelNext?: string\n}\n\ntype NavProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'>\n\n/**\n * Pagination component. Use either `onChange` (button mode) or `makeUrl` (link mode).\n *\n * @example\n * // Button mode - for client-side state\n * <Pagination page={1} pageCount={10} onChange={setPage} />\n *\n * @example\n * // Link mode - for server routing / static pages\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} />\n *\n * @example\n * // Link mode with custom component (e.g. Next.js Link)\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} />\n *\n * @example\n * // Link mode with linkProps (e.g. Next.js scroll)\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} linkProps={{ scroll: 'marker' }} />\n */\nexport type PaginationProps<T extends React.ElementType = 'a'> =\n  PaginationCommonProps &\n    NavProps &\n    (\n      | {\n          onChange(newPage: number): void\n          makeUrl?: never\n          component?: never\n          linkProps?: undefined\n        }\n      | {\n          makeUrl(page: number): string\n          onChange?: never\n          /**\n           * The component used for link elements. Receives `href`, `className`, and `children`.\n           * @default 'a'\n           */\n          component?: T\n          /**\n           * Additional props passed to all link elements (e.g. Next.js Link's scroll, prefetch).\n           */\n          linkProps?: Omit<\n            React.ComponentPropsWithoutRef<T>,\n            'href' | 'children'\n          >\n        }\n    )\n\nexport default function Pagination<T extends React.ElementType = 'a'>({\n  page,\n  pageCount,\n  pageRangeDisplayed,\n  size = 'M',\n  onChange,\n  makeUrl,\n  component: LinkComponent = 'a' as T,\n  linkProps,\n  className,\n  ariaLabelNext = 'Next',\n  ariaLabelPrev = 'Previous',\n  ...navProps\n}: PaginationProps<T>) {\n  'use memo'\n  const window = usePaginationWindow(page, pageCount, pageRangeDisplayed)\n  const isLinkMode = makeUrl !== undefined\n  const makeClickHandler = (value: number) => () => onChange?.(value)\n  const classNames = useClassNames('charcoal-pagination', className)\n\n  const contextValue = {\n    page,\n    pageCount,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  }\n\n  return (\n    <PaginationContext.Provider\n      value={\n        contextValue as PaginationContextValue<\n          React.ElementType<LinkComponentProps>\n        >\n      }\n    >\n      <nav\n        data-size={size}\n        aria-label=\"Pagination\"\n        {...navProps}\n        className={classNames}\n      >\n        <NavButton direction=\"prev\" ariaLabel={ariaLabelPrev} />\n        {window.map((p) => (\n          <PageItem key={p} value={p} />\n        ))}\n        <NavButton direction=\"next\" ariaLabel={ariaLabelNext} />\n      </nav>\n    </PaginationContext.Provider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"index2.js","names":["size","ariaLabel","value","pageItemClassName"],"sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { usePaginationWindow } from './helper'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport IconButton, { IconButtonProps } from '../IconButton'\nimport {\n  PaginationContext,\n  usePaginationContext,\n  type LinkComponentProps,\n  type PaginationContextValue,\n  type PageRangeDisplayed,\n  type Size,\n} from './PaginationContext'\n\ntype NavButtonProps = {\n  direction: 'prev' | 'next'\n  ariaLabel: IconButtonProps['aria-label']\n}\n\nfunction NavButton({ direction, ariaLabel }: NavButtonProps) {\n  'use memo'\n  const {\n    page,\n    pageCount,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  } = usePaginationContext()\n\n  const isPrev = direction === 'prev'\n  const targetPage = isPrev\n    ? Math.max(1, page - 1)\n    : Math.min(pageCount, page + 1)\n  const disabled = isPrev ? page <= 1 : page >= pageCount\n  const navButtonClassName = useClassNames(\n    'charcoal-pagination-nav-button',\n    linkProps?.className,\n  )\n\n  return (\n    <IconButton\n      icon={isPrev ? '24/Prev' : '24/Next'}\n      size={size}\n      /* Use data-hidden, not [hidden]: Tailwind preflight's `[hidden] { display: none !important }` would clobber `visibility: hidden` and collapse the layout space. */\n      data-hidden={disabled || undefined}\n      aria-label={ariaLabel}\n      {...(isLinkMode && makeUrl\n        ? {\n            component: LinkComponent as 'a',\n            href: makeUrl(targetPage),\n            'aria-disabled': disabled,\n            ...linkProps,\n            className: navButtonClassName,\n          }\n        : {\n            disabled,\n            onClick: makeClickHandler(targetPage),\n            className: navButtonClassName,\n          })}\n    />\n  )\n}\n\nfunction PageItem({ value }: { value: number | string }) {\n  'use memo'\n  const {\n    page,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  } = usePaginationContext()\n  const pageItemClassName = useClassNames(\n    'charcoal-pagination-button',\n    linkProps?.className,\n  )\n\n  // 省略記号\n  if (value === '...') {\n    return (\n      <IconButton\n        icon=\"24/Dot\"\n        size={size}\n        disabled\n        className=\"charcoal-pagination-spacer\"\n        aria-hidden\n      />\n    )\n  }\n  // 現在ページ（クリック不可）\n  if (value === page) {\n    return (\n      <span className=\"charcoal-pagination-button\" aria-current=\"page\">\n        {value}\n      </span>\n    )\n  }\n  if (typeof value !== 'number') return null\n  // リンクモード: ページへのリンク\n  if (isLinkMode && makeUrl) {\n    return (\n      <LinkComponent\n        href={makeUrl(value)}\n        {...linkProps}\n        className={pageItemClassName}\n      >\n        {value}\n      </LinkComponent>\n    )\n  }\n  // ボタンモード: クリックでページ遷移\n  return (\n    <button\n      type=\"button\"\n      className=\"charcoal-pagination-button\"\n      onClick={makeClickHandler(value)}\n    >\n      {value}\n    </button>\n  )\n}\n\ninterface PaginationCommonProps {\n  page: number\n  pageCount: number\n  pageRangeDisplayed?: PageRangeDisplayed\n  size?: Size\n  ariaLabelPrev?: string\n  ariaLabelNext?: string\n}\n\ntype NavProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'>\n\n/**\n * Pagination component. Use either `onChange` (button mode) or `makeUrl` (link mode).\n *\n * @example\n * // Button mode - for client-side state\n * <Pagination page={1} pageCount={10} onChange={setPage} />\n *\n * @example\n * // Link mode - for server routing / static pages\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} />\n *\n * @example\n * // Link mode with custom component (e.g. Next.js Link)\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} />\n *\n * @example\n * // Link mode with linkProps (e.g. Next.js scroll)\n * <Pagination page={1} pageCount={10} makeUrl={(p) => `?page=${p}`} component={Link} linkProps={{ scroll: 'marker' }} />\n */\nexport type PaginationProps<T extends React.ElementType = 'a'> =\n  PaginationCommonProps &\n    NavProps &\n    (\n      | {\n          onChange(newPage: number): void\n          makeUrl?: never\n          component?: never\n          linkProps?: undefined\n        }\n      | {\n          makeUrl(page: number): string\n          onChange?: never\n          /**\n           * The component used for link elements. Receives `href`, `className`, and `children`.\n           * @default 'a'\n           */\n          component?: T\n          /**\n           * Additional props passed to all link elements (e.g. Next.js Link's scroll, prefetch).\n           */\n          linkProps?: Omit<\n            React.ComponentPropsWithoutRef<T>,\n            'href' | 'children'\n          >\n        }\n    )\n\nexport default function Pagination<T extends React.ElementType = 'a'>({\n  page,\n  pageCount,\n  pageRangeDisplayed,\n  size = 'M',\n  onChange,\n  makeUrl,\n  component: LinkComponent = 'a' as T,\n  linkProps,\n  className,\n  ariaLabelNext = 'Next',\n  ariaLabelPrev = 'Previous',\n  ...navProps\n}: PaginationProps<T>) {\n  'use memo'\n  const window = usePaginationWindow(page, pageCount, pageRangeDisplayed)\n  const isLinkMode = makeUrl !== undefined\n  const makeClickHandler = (value: number) => () => onChange?.(value)\n  const classNames = useClassNames('charcoal-pagination', className)\n\n  const contextValue = {\n    page,\n    pageCount,\n    size,\n    isLinkMode,\n    makeUrl,\n    LinkComponent,\n    makeClickHandler,\n    linkProps,\n  }\n\n  return (\n    <PaginationContext.Provider\n      value={\n        contextValue as PaginationContextValue<\n          React.ElementType<LinkComponentProps>\n        >\n      }\n    >\n      <nav\n        data-size={size}\n        aria-label=\"Pagination\"\n        {...navProps}\n        className={classNames}\n      >\n        <NavButton direction=\"prev\" ariaLabel={ariaLabelPrev} />\n        {window.map((p) => (\n          <PageItem key={p} value={p} />\n        ))}\n        <NavButton direction=\"next\" ariaLabel={ariaLabelNext} />\n      </nav>\n    </PaginationContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;AAmBA,SAAA,UAAA,IAAA;CAAA;CAAA,MAAA,IAAA,EAAA,EAAA;CAAA,IAAA,EAAA,OAAA,oEAAA;EAAA,KAAA,IAAA,KAAA,GAAA,KAAA,IAAA,MAAA,GAAA,EAAA,MAAA,OAAA,IAAA,2BAAA;EAAA,EAAA,KAAA;CAAA;CAAmB,MAAA,EAAA,WAAA,cAAA;CAEjB,MAAA,EAAA,MAAA,WAAA,MAAA,YAAA,SAAA,eAAA,kBAAA,cASI,qBAAqB;CAEzB,MAAA,SAAe,cAAc;CAC7B,MAAA,aAAmB,SACf,KAAI,IAAK,GAAG,OAAO,CACS,IAA5B,KAAI,IAAK,WAAW,OAAO,CAAC;CAChC,MAAA,WAAiB,SAAS,QAAQ,IAAI,QAAQ;CAC9C,MAAA,qBAA2B,cACzB,kCACA,WAAS,SACX;CAIU,MAAA,KAAA,SAAA,YAAA;CAGO,MAAA,KAAA,YAAA;CAAqB,IAAA;CAAA,IAAA,EAAA,OAAA,iBAAA,EAAA,OAAA,YAAA,EAAA,OAAA,cAAA,EAAA,OAAA,aAAA,EAAA,OAAA,oBAAA,EAAA,OAAA,WAAA,EAAA,OAAA,sBAAA,EAAA,OAAA,YAAA;EAE7B,KAAA,cAAA,UAAA;GAAA,WAEY;GAAoB,MACzB,QAAQ,UAAU;GAAC,iBACR;GAAQ,GACtB;GAAS,WACD;EAMb,IAZC;GAAA;GAAA,SAUU,iBAAiB,UAAU;GAAC,WAC1B;EACb;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,aAAA,EAAA,QAAA,QAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;EAlBP,KAAA,oBAAC,YAAD;GACQ,MAAA;GACA;GAEO,eAAA;GACDC,cAAA;GAAS,GAChB;EAYA;EACL,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAnBF;AAmBE;AAIN,SAAA,SAAA,IAAA;CAAA;CAAA,MAAA,IAAA,EAAA,EAAA;CAAA,IAAA,EAAA,OAAA,oEAAA;EAAA,KAAA,IAAA,KAAA,GAAA,KAAA,IAAA,MAAA,GAAA,EAAA,MAAA,OAAA,IAAA,2BAAA;EAAA,EAAA,KAAA;CAAA;CAAkB,MAAA,EAAA,UAAA;CAEhB,MAAA,EAAA,MAAA,MAAA,YAAA,SAAA,eAAA,kBAAA,cAQI,qBAAqB;CACzB,MAAA,oBAA0B,cACxB,8BACA,WAAS,SACX;CAGA,IAAI,UAAU,OAAK;EAAA,IAAA;EAAA,IAAA,EAAA,OAAA,MAAA;GAEf,KAAA,oBAAC,YAAD;IACO,MAAA;IACC;IACN,UAAA;IACU,WAAA;IACV,eAAA;GAAW;GACX,EAAA,KAAA;GAAA,EAAA,KAAA;EAAA,OAAA,KAAA,EAAA;EAAA,OANF;CAME;CAIN,IAAI,UAAU,MAAI;EAAA,IAAA;EAAA,IAAA,EAAA,OAAA,OAAA;GAEd,KAAA,oBAAA,QAAA;IAAgB,WAAA;IAA0C,gBAAA;cACvD;GACI;GAAA,EAAA,KAAA;GAAA,EAAA,KAAA;EAAA,OAAA,KAAA,EAAA;EAAA,OAFP;CAEO;CAGX,IAAI,OAAO,UAAU,UAAQ,OAAS;CAEtC,IAAI,cAAA,SAAqB;EAAA,IAAA;EAAA,IAAA,EAAA,OAAA,WAAA,EAAA,OAAA,OAAA;GAGb,KAAA,QAAQ,KAAK;GAAC,EAAA,KAAA;GAAA,EAAA,KAAA;GAAA,EAAA,KAAA;EAAA,OAAA,KAAA,EAAA;EAAA,IAAA;EAAA,IAAA,EAAA,OAAA,iBAAA,EAAA,OAAA,aAAA,EAAA,QAAA,qBAAA,EAAA,QAAA,MAAA,EAAA,QAAA,OAAA;GADtB,KAAA,oBAAC,eAAD;IACQ,MAAA;IAAc,GAChB;IACOE,WAAA;cAEV;GALW;GAME,EAAA,KAAA;GAAA,EAAA,KAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAAA,OANhB;CAMgB;CAEnB,IAAA;CAAA,IAAA,EAAA,QAAA,oBAAA,EAAA,QAAA,OAAA;EAMY,KAAA,iBAAiB,KAAK;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,MAAA,EAAA,QAAA,OAAA;EAHlC,KAAA,oBAAA,UAAA;GACO,MAAA;GACK,WAAA;GACD,SAAA;aAER;EACM;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OANT;AAMS;AA8Db,SAAwB,WAA8C,EACpE,MACA,WACA,oBACA,OAAO,KACP,UACA,SACA,WAAW,gBAAgB,KAC3B,WACA,WACA,gBAAgB,QAChB,gBAAgB,YAChB,GAAG,YACkB;CACrB;CACA,MAAM,SAAS,oBAAoB,MAAM,WAAW,kBAAkB;CACtE,MAAM,aAAa,YAAY;CAC/B,MAAM,oBAAoB,gBAAwB,WAAW,KAAK;CAClE,MAAM,aAAa,cAAc,uBAAuB,SAAS;CAEjE,MAAM,eAAe;EACnB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,oBAAC,kBAAkB,UAAnB;EACE,OACE;YAKF,qBAAC,OAAD;GACE,aAAW;GACX,cAAW;GACX,GAAI;GACJ,WAAW;aAJb;IAME,oBAAC,WAAD;KAAW,WAAU;KAAO,WAAW;IAAc;IACpD,OAAO,KAAK,MACX,oBAAC,UAAD,EAAkB,OAAO,EAAE,GAAZ,CAAY,CAC5B;IACD,oBAAC,WAAD;KAAW,WAAU;KAAO,WAAW;IAAc;GAClD;;CACqB;AAEhC"}