@mdn/fred 0.0.2 → 0.0.4

package/dist/legacy/68.98f82bad90460bf6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"68.98f82bad90460bf6.js","sources":["webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/ui/molecules/paginator/index.tsx","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/ui/atoms/search/index.tsx","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/plus/search-filter/index.tsx","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/plus/common/index.tsx","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/plus/updates/index.tsx","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/plus/updates/api.ts","webpack://@mdn/fred/./node_modules/@mdn/yari/client/src/ui/atoms/container/index.tsx"],"sourcesContent":["import { Link, useSearchParams } from \"react-router-dom\";\nimport { range } from \"../../../utils\";\n\nconst PARAM = \"page\";\n\nfunction PageLink({\n  page,\n  children,\n  onClick,\n  disabled,\n}: {\n  page: number;\n  children?: React.ReactNode;\n  onClick?: (page: number) => unknown;\n  disabled?: boolean;\n}) {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  return (\n    <Link\n      to={{}}\n      className={disabled ? \"disabled\" : \"\"}\n      onClick={(event) => {\n        event.preventDefault();\n        if (disabled) {\n          return;\n        }\n\n        onClick && onClick(page);\n        setSearchParams({\n          ...Object.fromEntries(searchParams.entries()),\n          [PARAM]: page.toString(),\n        });\n\n        window.setTimeout(() => document.documentElement.scrollTo());\n      }}\n    >\n      {children || page}\n    </Link>\n  );\n}\n\nexport function Paginator({\n  first = 1,\n  last,\n  endPadding = 2,\n  middlePadding = 2,\n  onChange,\n}: {\n  first?: number;\n  last: number;\n  endPadding?: number;\n  middlePadding?: number;\n  onChange?: (page: number, oldPage: number) => unknown;\n}) {\n  const [searchParams] = useSearchParams();\n  const current = parseInt(searchParams.get(PARAM) || \"\", 10) || first;\n  const middleFirst = Math.max(current - middlePadding, first);\n  const middleLast = Math.min(middleFirst + middlePadding * 2 + 1, last + 1);\n  const left = range(first, Math.min(endPadding, middleFirst));\n  const middle = range(middleFirst, middleLast);\n  const right = range(Math.max(last + 1 - endPadding, middleLast), last + 1);\n\n  const onClick = (page: number) => {\n    onChange && onChange(page, current);\n  };\n\n  if (first === last) {\n    // There are no pages, so return nothing\n    return <></>;\n  }\n\n  return (\n    <div className=\"pagination\">\n      <PageLink\n        page={current - 1}\n        onClick={onClick}\n        disabled={current === first}\n      >\n        ← Previous\n      </PageLink>\n      {left.map((page) => (\n        <PageLink key={page} page={page} onClick={onClick} />\n      ))}\n      {Boolean(left.length) && left[left.length - 1] + 1 !== middle[0] && \"…\"}\n      {middle.map((page) =>\n        current === page ? (\n          <span className=\"current-page\" key={page}>\n            {page}\n          </span>\n        ) : (\n          <PageLink key={page} page={page} onClick={onClick} />\n        )\n      )}\n      {Boolean(right.length) &&\n        middle[middle.length - 1] + 1 !== right[0] &&\n        \"…\"}\n      {right.map((page) => (\n        <PageLink key={page} page={page} onClick={onClick} />\n      ))}\n      <PageLink\n        page={current + 1}\n        onClick={onClick}\n        disabled={current === last}\n      >\n        Next →\n      </PageLink>\n    </div>\n  );\n}\n","import * as React from \"react\";\n\nimport \"./index.scss\";\n\ntype SearchProps = {\n  name: string;\n  placeholder?: string;\n  value?: string;\n  isDisabled?: boolean;\n  onBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;\n  onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onClickHandler?: (event: React.MouseEvent<Element>) => void;\n  onFocusHandler?: (event: React.FocusEvent<Element>) => void;\n  onResetHandler?: () => void;\n};\n\nexport const Search = ({\n  name,\n  isDisabled = false,\n  onBlurHandler,\n  onChangeHandler,\n  onClickHandler,\n  onFocusHandler,\n  onResetHandler,\n  placeholder,\n  value,\n}: SearchProps) => {\n  return (\n    <div className=\"search-form search-widget\">\n      <input\n        type=\"search\"\n        className=\"search-input-field\"\n        name={name}\n        placeholder={placeholder}\n        value={value}\n        disabled={isDisabled}\n        onBlur={(e) =>\n          onBlurHandler &&\n          !e.currentTarget.parentElement?.contains(e.relatedTarget) &&\n          onBlurHandler(e)\n        }\n        onFocus={onFocusHandler}\n        onChange={onChangeHandler}\n        onClick={onClickHandler}\n      />\n\n      {onResetHandler && (\n        <button\n          type=\"button\"\n          className=\"button action has-icon clear-search-button\"\n          onClick={onResetHandler}\n        >\n          <span className=\"button-wrap\">\n            <span className=\"icon icon-cancel\"></span>\n            <span className=\"visually-hidden\">Clear search input</span>\n          </span>\n        </button>\n      )}\n\n      <button\n        type=\"submit\"\n        disabled={isDisabled}\n        className=\"button action has-icon search-button search-filter-button\"\n      >\n        <span className=\"button-wrap\">\n          <span className=\"icon icon-search\"></span>\n          <span className=\"visually-hidden\">Search</span>\n        </span>\n      </button>\n    </div>\n  );\n};\n","import React, { useEffect, useState } from \"react\";\n\nimport { Button } from \"../../ui/atoms/button\";\nimport { Search } from \"../../ui/atoms/search\";\nimport { Submenu } from \"../../ui/molecules/submenu\";\n\nimport \"./index.scss\";\nimport { DropdownMenu, DropdownMenuWrapper } from \"../../ui/molecules/dropdown\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { camelUnwrap } from \"../../utils\";\n\nexport type AnyFilter = SelectFilter;\n\ntype SelectFilter = {\n  type: \"select\";\n  key: string;\n  label: string;\n  multiple?: {\n    encode: (...values: string[]) => string;\n    decode: (value: string) => string[];\n  };\n  options: {\n    label: string;\n    value: string;\n    isDefault?: true;\n  }[];\n};\n\nexport type AnySort = { label: string; param: string; isDefault?: true };\n\nenum Params {\n  PAGE = \"page\",\n  QUERY = \"q\",\n}\n\nexport default function SearchFilter({\n  isDisabled = false,\n  filters = [],\n  sorts = [],\n  onChange = (key, newValue, oldValue) => {},\n}: {\n  isDisabled?: boolean;\n  filters?: AnyFilter[];\n  sorts?: AnySort[];\n  onChange?: (\n    key: string,\n    newValue: string | null,\n    oldValue: string | null\n  ) => unknown;\n}) {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const [openFilter, setOpenFilter] = useState<string | null>(null);\n  const [isSortingOpen, setIsSortingOpen] = useState<boolean>(false);\n  const [terms, setTerms] = useState<string>(\"\");\n\n  useEffect(\n    () => setTerms(searchParams.get(Params.QUERY) ?? \"\"),\n    [searchParams]\n  );\n\n  const sortedParams = (params: URLSearchParams): URLSearchParams =>\n    new URLSearchParams(\n      [...params.entries()].sort(([a], [b]) => a.localeCompare(b))\n    );\n\n  const replaceSearchParam = (key: string, value: string | null) => {\n    setSearchParams((params) => {\n      const oldValue = params.get(key);\n      if (value) {\n        params.set(key, value);\n      } else {\n        params.delete(key);\n      }\n      onChange(key, value, oldValue);\n      params.delete(Params.PAGE);\n      return sortedParams(params);\n    });\n  };\n\n  const isDefaultFilter = (key: string, value: string) => {\n    const filter = filters.find((filter) => filter.key === key) as AnyFilter;\n    const option = filter.options.find((option) => option.value === value);\n    return option?.isDefault ?? false;\n  };\n\n  const isCurrentFilter = (key: string, value: string) => {\n    const currentValue = searchParams.get(key) ?? null;\n    const filter = filters.find((filter) => filter.key === key) as AnyFilter;\n\n    if (filter.multiple) {\n      const values =\n        typeof currentValue === \"string\"\n          ? filter.multiple.decode(currentValue)\n          : [];\n      return values.includes(value);\n    } else {\n      return currentValue\n        ? currentValue === value\n        : isDefaultFilter(key, value);\n    }\n  };\n\n  const isDefaultSort = (param: string) => {\n    const sort = sorts.find((sort) => sort.param === param);\n    return sort?.isDefault ?? false;\n  };\n\n  const isCurrentSort = (param: string) => {\n    const [key, value] = param.split(\"=\", 2);\n    const currentValue = searchParams.get(key) ?? null;\n    return currentValue ? currentValue === value : isDefaultSort(param);\n  };\n\n  const toggleSelectedFilter = (key: string, value: string) => {\n    const currentValue = searchParams.get(key) ?? null;\n    const filter = filters.find((filter) => filter.key === key) as AnyFilter;\n    let newValue: string | null;\n\n    if (filter.multiple) {\n      let values =\n        typeof currentValue === \"string\"\n          ? filter.multiple.decode(currentValue)\n          : [];\n      if (values.includes(value)) {\n        values = values.filter((v) => v !== value);\n      } else {\n        values = [...values, value].sort();\n      }\n      if (values.length) {\n        newValue = filter.multiple.encode(...values);\n      } else {\n        newValue = null;\n      }\n    } else if (isDefaultFilter(key, value)) {\n      newValue = null;\n    } else {\n      newValue = currentValue !== value ? value : null;\n    }\n\n    replaceSearchParam(key, newValue);\n  };\n\n  const toggleSelectedSort = (param: string) => {\n    const [key, value] = param.split(\"=\", 2);\n    const newValue = isDefaultSort(param) ? \"\" : value;\n\n    replaceSearchParam(key, newValue);\n  };\n\n  const setSelectedTerms = (newValue: string) => {\n    replaceSearchParam(\"q\", newValue);\n  };\n\n  const filterMenus = filters.map((filter) => ({\n    key: filter.key,\n    label: filter.label,\n    id: `filters-menu-${filter.key}`,\n    items: filter.options.map((option) => ({\n      component: () => (\n        <Button\n          isDisabled={isDisabled}\n          type=\"action\"\n          extraClasses={\n            isCurrentFilter(filter.key, option.value) ? \"active-menu-item\" : \"\"\n          }\n          onClickHandler={() => {\n            toggleSelectedFilter(filter.key, option.value);\n          }}\n        >\n          {option.label}\n        </Button>\n      ),\n    })),\n  }));\n\n  const sortMenu = {\n    label: \"Sort\",\n    id: \"sort-menu\",\n    items: sorts.map((sort) => ({\n      component: () => (\n        <Button\n          isDisabled={isDisabled}\n          type=\"action\"\n          extraClasses={isCurrentSort(sort.param) ? \"active-menu-item\" : \"\"}\n          onClickHandler={() => toggleSelectedSort(sort.param)}\n        >\n          {sort.label}\n        </Button>\n      ),\n    })),\n  };\n\n  return (\n    <form\n      className={`search-filter ${\n        !filters.length ? \"inline-on-mobile\" : undefined\n      }`}\n      onSubmit={(event: React.FormEvent) => {\n        event.preventDefault();\n        setSelectedTerms(terms);\n      }}\n    >\n      {filterMenus.map((filterMenu) => (\n        <DropdownMenuWrapper\n          key={filterMenu.key}\n          className=\"search-filter-category search-filter-filters\"\n          isOpen={openFilter === filterMenu.key}\n          setIsOpen={(isOpen: boolean) =>\n            setOpenFilter(isOpen ? filterMenu.key : null)\n          }\n        >\n          <Button\n            type=\"select\"\n            aria-controls={filterMenu.id}\n            aria-haspopup={\"menu\"}\n            aria-expanded={openFilter === filterMenu.key}\n            extraClasses={`${\n              searchParams.get(filterMenu.key) ? \"active\" : \"\"\n            } ${isDisabled ? \"inactive\" : \"\"}`}\n            onClickHandler={() =>\n              setOpenFilter(\n                openFilter === filterMenu.key ? null : filterMenu.key\n              )\n            }\n            isDisabled={filterMenu.items.length === 0}\n          >\n            {filterMenu.label}\n          </Button>\n          <DropdownMenu>\n            <Submenu\n              submenuId={filterMenu.id}\n              menuEntry={filterMenu}\n              isDropdown\n            />\n          </DropdownMenu>\n        </DropdownMenuWrapper>\n      ))}\n\n      <Search\n        isDisabled={isDisabled}\n        name=\"terms\"\n        placeholder=\"Filter by keyword\"\n        value={terms}\n        onBlurHandler={() =>\n          // The updates event list uses `camelWrap()` to insert\n          // zero-width spaces, so we `camelUnwrap()` them here.\n          // Otherwise we would not find a copy-pasted feature.\n          setSelectedTerms(camelUnwrap(terms))\n        }\n        onChangeHandler={(e) => setTerms(e.target.value)}\n        onResetHandler={() => {\n          setTerms(\"\");\n          setSelectedTerms(\"\");\n        }}\n      />\n\n      {sorts.length ? (\n        <DropdownMenuWrapper\n          className=\"search-filter-category search-filter-sorts\"\n          isOpen={isSortingOpen}\n          setIsOpen={setIsSortingOpen}\n        >\n          <Button\n            type=\"select\"\n            aria-controls={sortMenu.id}\n            aria-haspopup={\"menu\"}\n            aria-expanded={isSortingOpen || undefined}\n            extraClasses={`${searchParams.get(\"sort\") ? \"active\" : \"\"} ${\n              isDisabled ? \"inactive\" : \"\"\n            }`}\n            onClickHandler={() => {\n              setIsSortingOpen(!isSortingOpen);\n            }}\n          >\n            {sortMenu.label}\n          </Button>\n          <DropdownMenu>\n            <Submenu submenuId={sortMenu.id} menuEntry={sortMenu} isDropdown />\n          </DropdownMenu>\n        </DropdownMenuWrapper>\n      ) : null}\n    </form>\n  );\n}\n","import LogInLink from \"../../ui/atoms/login-link\";\nimport NoteCard from \"../../ui/molecules/notecards\";\nimport { getCategoryByPathname } from \"../../utils\";\n\nexport function NotSignedIn() {\n  return (\n    <div className=\"container\">\n      <h3>You have not signed in</h3>\n      <LogInLink />\n    </div>\n  );\n}\n\nexport function NotSubscriber() {\n  return (\n    <>\n      <h2>You are signed in but not an active subscriber</h2>\n      <LogInLink />\n    </>\n  );\n}\n\nexport function DataError({ error }: { error: Error }) {\n  return (\n    <NoteCard type=\"negative\">\n      <h3>Server error</h3>\n      <p>A server error occurred trying to get your collections.</p>\n      <p>\n        <code>{error.toString()}</code>\n      </p>\n      <a href={window.location.pathname}>Reload this page and try again.</a>\n    </NoteCard>\n  );\n}\n\nexport function _getIconLabel(url: string) {\n  const category = getCategoryByPathname(url);\n\n  if (!category) {\n    return \"docs\";\n  }\n\n  if (category === \"javascript\") {\n    return \"js\";\n  }\n\n  if (category === \"accessibility\") {\n    return \"acc\";\n  }\n\n  return category;\n}\n","import Container from \"../../ui/atoms/container\";\n\nimport useSWR from \"swr\";\nimport { DocMetadata } from \"../../../../libs/types/document\";\nimport { FeatureId, MDN_PLUS_TITLE } from \"../../constants\";\nimport { useLocale, useScrollToTop, useViewedState } from \"../../hooks\";\nimport { Button } from \"../../ui/atoms/button\";\nimport { Icon } from \"../../ui/atoms/icon\";\nimport { Loading } from \"../../ui/atoms/loading\";\nimport Mandala from \"../../ui/molecules/mandala\";\nimport { Paginator } from \"../../ui/molecules/paginator\";\nimport BookmarkMenu from \"../../ui/organisms/article-actions/bookmark-menu\";\nimport { useUserData } from \"../../user-context\";\nimport { camelWrap, range } from \"../../utils\";\nimport { Event, Group, useUpdates } from \"./api\";\nimport \"./index.scss\";\nimport { useGleanClick } from \"../../telemetry/glean-context\";\nimport { PLUS_UPDATES } from \"../../telemetry/constants\";\nimport SearchFilter, { AnyFilter, AnySort } from \"../search-filter\";\nimport { useEffect, useState } from \"react\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { DataError } from \"../common\";\nimport { useCollections } from \"../collections/api\";\nimport React from \"react\";\n\nconst LazyCompatTable = React.lazy(\n  () => import(\"../../lit/compat/lazy-compat-table.js\")\n);\n\ntype EventWithStatus = Event & { status: Status };\ntype Status = \"added\" | \"removed\";\n\nconst CATEGORY_TO_NAME = {\n  api: \"Web APIs\",\n  css: \"CSS\",\n  html: \"HTML\",\n  http: \"HTTP\",\n  javascript: \"JavaScript\",\n  mathml: \"MathML\",\n  svg: \"SVG\",\n  webdriver: \"WebDriver\",\n  webextensions: \"Web Extensions\",\n};\n\n// At some point, these should come from the API\n// or from @mdn/browser-compat-data directly.\nconst BROWSERS = {\n  chrome: \"Chrome\",\n  chrome_android: \"Chrome Android\",\n  deno: \"Deno\",\n  edge: \"Edge\",\n  firefox: \"Firefox\",\n  firefox_android: \"Firefox for Android\",\n  ie: \"Internet Explorer\",\n  nodejs: \"Node.js\",\n  opera: \"Opera\",\n  opera_android: \"Opera Android\",\n  safari: \"Safari\",\n  safari_ios: \"Safari on iOS\",\n  samsunginternet_android: \"Samsung Internet\",\n  webview_android: \"WebView Android\",\n};\n\nconst FILTERS: AnyFilter[] = [\n  {\n    type: \"select\",\n    multiple: {\n      encode: (...values: string[]) => values.join(\",\"),\n      decode: (value: string) => value.split(\",\"),\n    },\n    label: \"Browser\",\n    key: \"browsers\",\n    options: Object.entries(BROWSERS).map(([value, label]) => ({\n      label,\n      value,\n    })),\n  },\n  {\n    type: \"select\",\n    multiple: {\n      encode: (...values: string[]) => values.join(\",\"),\n      decode: (value: string) => value.split(\",\"),\n    },\n    label: \"Category\",\n    key: \"category\",\n    options: Object.entries(CATEGORY_TO_NAME)\n      .sort(([, a], [, b]) => a.localeCompare(b))\n      .map(([value, label]) => ({\n        label,\n        value,\n      })),\n  },\n  {\n    type: \"select\",\n    label: \"Collections\",\n    key: \"collections\",\n    multiple: {\n      encode: (...values: string[]) => values.join(\",\"),\n      decode: (value: string) => value.split(\",\"),\n    },\n    options: [],\n  },\n];\n\nconst SORTS: AnySort[] = [\n  {\n    label: \"Newest\",\n    param: \"sort=desc\",\n    isDefault: true,\n  },\n  {\n    label: \"Oldest\",\n    param: \"sort=asc\",\n  },\n];\n\nexport default function Updates() {\n  return <UpdatesLayout />;\n}\n\nconst useFilters = (canFilter: boolean) => {\n  const [filters, setFilters] = useState(FILTERS);\n  const { data, isLoading, error } = useCollections();\n  useEffect(() => {\n    if (!isLoading && data?.length && !error) {\n      setFilters((old) =>\n        old.map((val) => {\n          if (val.key === \"collections\") {\n            return {\n              ...val,\n              options: data\n                ?.filter((collection) => collection.article_count > 0)\n                .map((info) => {\n                  const label =\n                    info.name === \"Default\" ? \"Saved Articles\" : info.name;\n                  return {\n                    label,\n                    value: info.id,\n                  };\n                }),\n            };\n          } else {\n            return val;\n          }\n        })\n      );\n    }\n  }, [isLoading, canFilter, data, error]);\n  return filters;\n};\n\nfunction UpdatesLayout() {\n  document.title = `Updates | ${MDN_PLUS_TITLE}`;\n  useScrollToTop();\n  const user = useUserData();\n  const { data, error } = useUpdates();\n  const gleanClick = useGleanClick();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const { setViewed } = useViewedState();\n  useEffect(() => setViewed(FeatureId.PLUS_UPDATES_V2));\n\n  const hasFilters = [...searchParams.keys()].some((key) => key !== \"page\");\n\n  const canFilter = user?.isAuthenticated === true;\n  const filters = useFilters(canFilter);\n\n  return (\n    <div className=\"updates\">\n      <header className=\"plus-header-mandala\">\n        <Container>\n          <h1>\n            <div className=\"mandala-icon-wrapper\">\n              <Mandala />\n              <Icon name=\"bell-filled\" />\n            </div>\n            <span>Updates</span>\n          </h1>\n          <p>\n            Stay up-to-date with the latest browser features.\n            <br />\n            <a\n              href=\"https://survey.alchemer.com/s3/7149796/MDN-BCD-Updates\"\n              target=\"_blank\"\n              rel=\"noreferrer noopener\"\n              className=\"external\"\n            >\n              We'd love to hear your feedback!\n            </a>\n          </p>\n        </Container>\n      </header>\n      <Container>\n        {canFilter && (\n          <SearchFilter\n            filters={filters}\n            sorts={SORTS}\n            isDisabled={!canFilter}\n            onChange={(key, newValue, oldValue) =>\n              gleanClick(\n                `${PLUS_UPDATES.FILTER_CHANGE}_${key}: ${\n                  oldValue ?? \"(default)\"\n                } -> ${newValue ?? \"(default)\"}`\n              )\n            }\n          />\n        )}\n\n        {canFilter && hasFilters && (\n          <Button\n            type=\"action\"\n            extraClasses=\"reset-filters\"\n            onClickHandler={() => setSearchParams(\"\")}\n          >\n            Reset all filters\n          </Button>\n        )}\n\n        {error && <DataError error={error} />}\n\n        {data ? (\n          <>\n            {data.data.length ? (\n              data.data.map((group) => (\n                <GroupComponent\n                  key={group.browser + group.version}\n                  group={group}\n                />\n              ))\n            ) : (\n              <div className=\"notecard\">\n                {hasFilters\n                  ? \"No updates match your filters.\"\n                  : \"No updates found.\"}\n              </div>\n            )}\n            <Paginator\n              last={data.last}\n              onChange={(page, oldPage) =>\n                gleanClick(`${PLUS_UPDATES.PAGE_CHANGE}: ${oldPage} -> ${page}`)\n              }\n            />\n          </>\n        ) : (\n          <Loading />\n        )}\n      </Container>\n    </div>\n  );\n}\n\nfunction GroupComponent({ group }: { group: Group }) {\n  const { release_date, events, browser, version, name } = group;\n  const length = events.added.length + events.removed.length;\n  const metadata = {\n    icon: browserToIconName(browser),\n    title: `${name} ${version}`,\n  };\n\n  const allEvents = [\n    ...events.added.map((e) => ({ status: \"added\", ...e })),\n    ...events.removed.map((e) => ({ status: \"removed\", ...e })),\n  ].sort((a, b) => a.path.localeCompare(b.path)) as EventWithStatus[];\n\n  return metadata ? (\n    <div className=\"group\">\n      <header>\n        <Icon name={metadata.icon} />\n        {metadata.title}\n        <span className=\"number-badge\">\n          {length} {length === 1 ? \"update\" : \"updates\"}\n        </span>\n        <time dateTime={release_date}>\n          {new Date(release_date).toLocaleDateString(undefined, {\n            dateStyle: \"medium\",\n          })}\n        </time>\n      </header>\n      {collapseEvents(allEvents).map((event) => (\n        <EventComponent key={event.path} event={event} status={event.status} />\n      ))}\n    </div>\n  ) : null;\n}\n\nfunction collapseEvents<T extends { path: string }>(events: T[]): T[] {\n  return events.filter(\n    (event) =>\n      events.findIndex(\n        (e) => e.path === event.path.split(\".\").slice(0, -1).join(\".\")\n      ) === -1\n  );\n}\n\nfunction EventComponent({ event, status }: { event: Event; status: Status }) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [category, ...displayPath] = event.path.split(\".\");\n  const engines = event.compat.engines;\n  const gleanClick = useGleanClick();\n\n  return (\n    <details\n      className={`category-${category}`}\n      onToggle={({ target }) => {\n        if (target instanceof HTMLDetailsElement) {\n          setIsOpen(target.open);\n          const source = target.open\n            ? PLUS_UPDATES.EVENT_EXPAND\n            : PLUS_UPDATES.EVENT_COLLAPSE;\n          gleanClick(source);\n        }\n      }}\n    >\n      <summary>\n        <code>{camelWrap(displayPath.join(\".\"))}</code>\n        <i>{CATEGORY_TO_NAME[category]}</i>\n        <EventStatus status={status} />\n        {Boolean(engines.length) && (\n          <span className=\"status\" title={`Supported in ${engines.join(\", \")}`}>\n            <svg width=\"32\" height=\"9\" viewBox=\"0 0 32 9\" role=\"img\">\n              {range(0, 3).map((n) => (\n                <circle\n                  key={n}\n                  cx={4 + n * 12}\n                  cy=\"4.5\"\n                  r=\"4\"\n                  className={engines.length > n ? \"active\" : undefined}\n                />\n              ))}\n            </svg>\n          </span>\n        )}\n        <Icon name=\"chevron\" />\n      </summary>\n      {isOpen && <EventInnerComponent event={event} />}\n    </details>\n  );\n}\n\nfunction EventStatus({ status }: { status: Status }) {\n  return <span className={`badge status-${status}`}>{status}</span>;\n}\n\nfunction EventInnerComponent({\n  event: {\n    path,\n    compat: { mdn_url },\n  },\n}: {\n  event: Event;\n}) {\n  const locale = useLocale();\n  return (\n    <div>\n      <ArticleActions path={path} mdn_url={mdn_url} />\n      <LazyCompatTable query={path} locale={locale} />\n    </div>\n  );\n}\n\nfunction ArticleActions({ path, mdn_url }: { path: string; mdn_url?: string }) {\n  const userData = useUserData();\n  const locale = useLocale();\n  const url = mdn_url?.replace(\"https://developer.mozilla.org\", `/${locale}`);\n  const searchUrl = `/${locale}/search?sort=relevance&locale=en-US${\n    locale !== \"en-US\" ? `&locale=${locale}` : \"\"\n  }&q=${encodeURIComponent(path)}`;\n  const { data: doc } = useSWR<DocMetadata>(\n    () => userData?.isAuthenticated && url && `${url}/metadata.json`,\n    async (url) => {\n      const response = await fetch(url);\n\n      if (!response.ok) {\n        throw Error(response.statusText);\n      }\n\n      return (await response.json()) as DocMetadata;\n    },\n    {\n      revalidateIfStale: false,\n      revalidateOnFocus: false,\n      revalidateOnReconnect: false,\n    }\n  );\n\n  return (\n    <nav>\n      <Button\n        type=\"action\"\n        icon={url ? \"external\" : \"search\"}\n        size=\"small\"\n        href={url || searchUrl}\n        target=\"_blank\"\n        extraClasses=\"link-button\"\n      >\n        {url ? \"See full article\" : \"Search for article\"}\n      </Button>\n      {url && (\n        <>\n          <BookmarkMenu doc={doc} />\n        </>\n      )}\n    </nav>\n  );\n}\n\nfunction browserToIconName(browser: string) {\n  if (browser.startsWith(\"firefox\")) {\n    return \"simple-firefox\";\n  } else if (browser === \"webview_android\") {\n    return \"webview\";\n  } else if (browser === \"webview_ios\") {\n    return \"safari\";\n  } else {\n    const browserStart = browser.split(\"_\")[0];\n    return browserStart;\n  }\n}\n","import useSWR from \"swr\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { useUserData } from \"../../user-context\";\nimport { BCD_BASE_URL } from \"../../env\";\n\nexport interface Event {\n  path: string;\n  compat: {\n    mdn_url?: string;\n    source_file: string;\n    spec_url?: string[];\n    status: {\n      deprecated: boolean;\n      experimental: boolean;\n      standard_track: boolean;\n    };\n    engines: string[];\n  };\n}\n\nexport interface Group {\n  browser: string;\n  version: string;\n  release_date: string;\n  engine: string;\n  engine_version: string;\n  release_notes: string[];\n  status: string;\n  name: string;\n  events: {\n    added: Event[];\n    removed: Event[];\n  };\n}\n\ninterface Page {\n  data: Group[];\n  last: number;\n}\n\nfunction composeUrl({\n  isAuthenticated,\n  searchParams,\n}: {\n  isAuthenticated: boolean;\n  searchParams: URLSearchParams;\n}): string {\n  let url = \"/api/v2/updates/\";\n  let params = new URLSearchParams();\n\n  for (const [key, value] of searchParams.entries()) {\n    switch (key) {\n      case \"page\":\n        params.set(key, value);\n        break;\n\n      case \"collections\":\n        if (isAuthenticated) {\n          // Different endpoint for uncached personalized data.\n          url += \"collections/\";\n          params.set(key, value);\n        }\n        break;\n\n      default:\n        if (isAuthenticated) {\n          params.set(key, value);\n        }\n        break;\n    }\n  }\n\n  if ([...params.keys()].length) {\n    url += `?${params.toString()}`;\n  }\n\n  return url;\n}\n\nexport function useUpdates() {\n  const user = useUserData();\n  const [searchParams] = useSearchParams();\n\n  const url = composeUrl({\n    isAuthenticated: user?.isAuthenticated || false,\n    searchParams,\n  });\n\n  return useSWR(\n    url,\n    async (key) => {\n      const res = await fetch(key);\n      if (res.ok) {\n        return (await res.json()) as Page;\n      }\n      if (res.status === 404) {\n        return;\n      }\n      throw new Error(`${res.status}: ${res.statusText}`);\n    },\n    {\n      revalidateOnFocus: false,\n      revalidateIfStale: false,\n      revalidateOnReconnect: false,\n    }\n  );\n}\n\nexport function useBCD(path: string) {\n  return useSWR(\n    `${BCD_BASE_URL}/bcd/api/v0/current/${path}.json`,\n    async (key) => {\n      const res = await fetch(key);\n      if (res.ok) {\n        return await res.json();\n      }\n      if (res.status === 404) {\n        return;\n      }\n      throw new Error(`${res.status}: ${res.statusText}`);\n    },\n    {\n      revalidateOnFocus: false,\n      revalidateIfStale: false,\n      revalidateOnReconnect: false,\n    }\n  );\n}\n","import \"./index.scss\";\n\nexport default function Container({\n  children,\n  extraClasses,\n  optional,\n}: {\n  children: React.ReactNode;\n  extraClasses?: string;\n  optional?: boolean;\n}) {\n  return (\n    <>\n      {optional === true ? (\n        <>{children}</>\n      ) : (\n        <div className={`container ${extraClasses || \"\"}`}>{children}</div>\n      )}\n    </>\n  );\n}\n"],"names":["PARAM","PageLink","param","page","children","onClick","disabled","_useSearchParams","searchParams","setSearchParams","Link","event","Object","window","document","Paginator","first","last","endPadding","middlePadding","onChange","current","parseInt","middleFirst","Math","middleLast","left","range","middle","right","Boolean","Search","name","isDisabled","onBlurHandler","onChangeHandler","onClickHandler","onFocusHandler","onResetHandler","placeholder","value","e","_e_currentTarget_parentElement","SearchFilter","filters","sorts","key","newValue","oldValue","_useState","openFilter","setOpenFilter","_useState1","isSortingOpen","setIsSortingOpen","_useState2","terms","setTerms","useEffect","_searchParams_get","replaceSearchParam","params","URLSearchParams","a","b","isDefaultFilter","_option_isDefault","option","filter","isCurrentFilter","currentValue","values","isDefaultSort","_sort_isDefault","sort","isCurrentSort","_param_split","toggleSelectedFilter","_filter_multiple","v","toggleSelectedSort","setSelectedTerms","filterMenus","Button","sortMenu","undefined","filterMenu","DropdownMenuWrapper","isOpen","DropdownMenu","Submenu","camelUnwrap","DataError","error","NoteCard","LazyCompatTable","React","CATEGORY_TO_NAME","FILTERS","label","SORTS","Updates","UpdatesLayout","useFilters","canFilter","setFilters","_useCollections","data","isLoading","old","val","collection","info","MDN_PLUS_TITLE","useScrollToTop","user","url","useUserData","_useUpdates","composeUrl","isAuthenticated","_iteratorError","useSWR","res","fetch","Error","gleanClick","useGleanClick","setViewed","useViewedState","FeatureId","hasFilters","Container","Mandala","Icon","PLUS_UPDATES","group","GroupComponent","oldPage","Loading","browser","events","release_date","version","length","metadata","allEvents","Date","collapseEvents","EventComponent","status","setIsOpen","_event_path_split","category","displayPath","engines","target","HTMLDetailsElement","camelWrap","EventStatus","n","EventInnerComponent","path","mdn_url","locale","useLocale","ArticleActions","userData","searchUrl","encodeURIComponent","doc","_useSWR","response","BookmarkMenu","extraClasses","optional"],"mappings":"8yCAGA,IAAMA,EAAQ,OAEd,SAASC,EAASC,CAUjB,E,IATCC,EADgBD,EAChBC,IAAI,CACJC,EAFgBF,EAEhBE,QAAQ,CACRC,EAHgBH,EAGhBG,OAAO,CACPC,EAJgBJ,EAIhBI,QAAQ,CAOgCC,EAAAA,EAAAA,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAAeA,GAAhDC,EAAiCD,CAAAA,CAAAA,EAAAA,CAAnBE,EAAmBF,CAAAA,CAAAA,EAAAA,CAExC,OACE,gBAACG,EAAAA,EAAIA,CAAAA,CACH,GAAI,CAAC,EACL,UAAWJ,EAAW,WAAa,GACnC,QAAS,SAACK,CAAK,EAEb,GADAA,EAAM,cAAc,IAChBL,O,GAIJD,CAAAA,GAAWA,EAAQF,GACnBM,G,EAAgB,A,mUAAA,GACXG,OAAO,WAAW,CAACJ,EAAa,OAAO,K,WAC1C,KAACR,EAAQG,EAAK,QAAQ,K,kVAGxBU,OAAO,UAAU,CAAC,W,OAAMC,SAAS,eAAe,CAAC,QAAQ,E,GAC3D,C,EAECV,GAAYD,EAGnB,CAEO,SAASY,EAAUb,CAYzB,E,MAZyBA,EACxBc,KAAK,CAALA,EAAQ,AAARA,KAAAA,IAAQ,MACRC,EAFwBf,EAExBe,IAAI,CAAJA,EAFwBf,EAGxBgB,UAAU,CAAVA,EAAa,AAAbA,KAAAA,IAAa,QAHWhB,EAIxBiB,aAAa,CAAbA,EAAgB,AAAhBA,KAAAA,IAAgB,MAChBC,EALwBlB,EAKxBkB,QAAQ,CASFC,EAAUC,SAASd,AADFD,AAAAA,EAAAA,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAAeA,EAAfA,CAAAA,EAAAA,CACe,GAAG,CAACP,IAAU,GAAI,KAAOgB,EACzDO,EAAcC,KAAK,GAAG,CAACH,EAAUF,EAAeH,GAChDS,EAAaD,KAAK,GAAG,CAACD,EAAcJ,AAAgB,EAAhBA,EAAoB,EAAGF,EAAO,GAClES,EAAOC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAMX,EAAOQ,KAAK,GAAG,CAACN,EAAYK,IACzCK,EAASD,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAMJ,EAAaE,GAC5BI,EAAQF,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAMH,KAAK,GAAG,CAACP,EAAO,EAAIC,EAAYO,GAAaR,EAAO,GAElEZ,EAAU,SAACF,CAAI,EACnBiB,GAAYA,EAASjB,EAAMkB,EAC7B,SAEA,AAAIL,IAAUC,EAEL,iCAIP,gBAAC,OAAI,UAAU,Y,EACb,gBAAChB,EAAAA,CACC,KAAMoB,EAAU,EAChB,QAAShB,EACT,SAAUgB,IAAYL,C,EACvB,cAGAU,EAAK,GAAG,CAAC,SAACvB,CAAI,E,OACb,gBAACF,EAAAA,CAAS,IAAKE,EAAM,KAAMA,EAAM,QAASE,C,KAE3CyB,EAAQJ,EAAK,MAAM,EAAKA,CAAI,CAACA,EAAK,MAAM,CAAG,EAAE,CAAG,IAAME,CAAM,CAAC,EAAE,EAAI,IACnEA,EAAO,GAAG,CAAC,SAACzB,CAAI,E,OACfkB,IAAYlB,EACV,gBAAC,QAAK,UAAU,eAAe,IAAKA,C,EACjCA,GAGH,gBAACF,EAAAA,CAAS,IAAKE,EAAM,KAAMA,EAAM,QAASE,C,KAG7CyB,EAAQD,EAAM,MAAM,EACnBD,CAAM,CAACA,EAAO,MAAM,CAAG,EAAE,CAAG,IAAMC,CAAK,CAAC,EAAE,EAC1C,IACDA,EAAM,GAAG,CAAC,SAAC1B,CAAI,E,OACd,gBAACF,EAAAA,CAAS,IAAKE,EAAM,KAAMA,EAAM,QAASE,C,KAE5C,gBAACJ,EAAAA,CACC,KAAMoB,EAAU,EAChB,QAAShB,EACT,SAAUgB,IAAYJ,C,EACvB,UAKP,C,6nCC7Fac,EAAS,Y,IACpBC,EAAAA,EAAAA,IAAI,CAAJA,EAAAA,EACAC,UAAU,CAAVA,EAAa,AAAbA,KAAAA,IAAa,KACbC,EAAAA,EAAAA,aAAa,CACbC,EAAAA,EAAAA,eAAe,CACfC,EAAAA,EAAAA,cAAc,CACdC,EAAAA,EAAAA,cAAc,CACdC,EAAAA,EAAAA,cAAc,CACdC,EAAAA,EAAAA,WAAW,CACXC,EAAAA,EAAAA,KAAK,CAEL,OACE,gBAAC,OAAI,UAAU,2B,EACb,gBAAC,SACC,KAAK,SACL,UAAU,qBACV,KAAMR,EACN,YAAaO,EACb,MAAOC,EACP,SAAUP,EACV,OAAQ,SAACQ,CAAC,E,IAEPC,E,OADDR,GACA,QAACQ,CAAAA,EAAAA,EAAE,aAAa,CAAC,aAAa,AAAD,EAA5BA,KAAAA,EAAAA,EAA+B,QAAQ,CAACD,EAAE,aAAa,IACxDP,EAAcO,E,EAEhB,QAASJ,EACT,SAAUF,EACV,QAASC,C,GAGVE,GACC,gBAAC,UACC,KAAK,SACL,UAAU,6CACV,QAASA,C,EAET,gBAAC,QAAK,UAAU,a,EACd,gBAAC,QAAK,UAAU,kB,GAChB,gBAAC,QAAK,UAAU,iB,EAAkB,wBAKxC,gBAAC,UACC,KAAK,SACL,SAAUL,EACV,UAAU,2D,EAEV,gBAAC,QAAK,UAAU,a,EACd,gBAAC,QAAK,UAAU,kB,GAChB,gBAAC,QAAK,UAAU,iB,EAAkB,YAK5C,E,+zCCpCe,SAASU,EAAazC,CAcpC,E,MAdoCA,EACnC+B,UAAU,CAAVA,EAAa,AAAbA,KAAAA,IAAa,OADsB/B,EAEnC0C,OAAO,CAAPA,EAAU,AAAVA,KAAAA,IAAU,IAAE,KAFuB1C,EAGnC2C,KAAK,CAALA,EAAQ,AAARA,KAAAA,IAAQ,IAAE,KAHyB3C,EAInCkB,QAAQ,CAARA,EAAW,AAAXA,KAAAA,IAAW,WAAC0B,CAAG,CAAEC,CAAQ,CAAEC,CAAQ,EAAM,IAWDzC,EAAAA,EAAAA,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAAeA,GAAhDC,EAAiCD,CAAAA,CAAAA,EAAAA,CAAnBE,EAAmBF,CAAAA,CAAAA,EAAAA,CAEJ0C,EAAAA,EAAAA,AAAAA,GAAAA,EAAAA,QAAAA,AAAAA,EAAwB,SAArDC,EAA6BD,CAAAA,CAAAA,EAAAA,CAAjBE,EAAiBF,CAAAA,CAAAA,EAAAA,CACMG,EAAAA,EAAAA,AAAAA,GAAAA,EAAAA,QAAAA,AAAAA,EAAkB,OAArDC,EAAmCD,CAAAA,CAAAA,EAAAA,CAApBE,EAAoBF,CAAAA,CAAAA,EAAAA,CAChBG,EAAAA,EAAAA,AAAAA,GAAAA,EAAAA,QAAAA,AAAAA,EAAiB,OAApCC,EAAmBD,CAAAA,CAAAA,EAAAA,CAAZE,EAAYF,CAAAA,CAAAA,EAAAA,CAE1BG,AAAAA,GAAAA,EAAAA,SAAAA,AAAAA,EACE,W,IAAeC,E,OAATF,EAASE,MAAAA,CAAAA,EAAAA,EAAa,GAAG,CAAC,IAAD,EAAhBA,EAAkC,G,EACjD,CAACnD,EAAa,EAQhB,IAAMoD,EAAqB,SAACd,CAAG,CAAUN,CAAK,EAC5C/B,EAAgB,SAACoD,CAAM,EACrB,IAAMb,EAAWa,EAAO,GAAG,CAACf,GAQ5B,OAPIN,EACFqB,EAAO,GAAG,CAACf,EAAKN,GAEhBqB,EAAO,MAAM,CAACf,GAEhB1B,EAAS0B,EAAKN,EAAOQ,GACrBa,EAAO,MAAM,CAAC,QAbhB,IAAIC,gBACD,EAAGD,AAagBA,EAbT,OAAO,IAAI,IAAI,CAAC,c,IAAEE,EAAAA,A,MAAAA,CAAAA,EAAAA,CAAKC,EAAAA,AAALD,EAAAA,EAAAA,EAAKC,CAAAA,EAAAA,C,OAAOD,EAAE,aAAa,CAACC,E,GAc3D,EACF,EAEMC,EAAkB,SAACnB,CAAG,CAAUN,CAAK,EAEzC,IACO0B,EADDC,EAASC,AADAxB,EAAQ,IAAI,CAAC,SAACwB,CAAM,E,OAAKA,EAAO,GAAG,GAAKtB,C,GACjC,OAAO,CAAC,IAAI,CAAC,SAACqB,CAAM,E,OAAKA,EAAO,KAAK,GAAK3B,C,GAChE,OAAO0B,MAAAA,CAAAA,EAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAQ,SAAS,AAAD,GAAhBA,CACT,EAEMG,EAAkB,SAACvB,CAAG,CAAUN,CAAK,EACzC,IAAqBmB,EAAfW,EAAeX,MAAAA,CAAAA,EAAAA,EAAa,GAAG,CAACb,EAAG,EAApBa,EAAyB,KACxCS,EAASxB,EAAQ,IAAI,CAAC,SAACwB,CAAM,E,OAAKA,EAAO,GAAG,GAAKtB,C,UAEvD,AAAIsB,EAAO,QAAQ,CAKVG,AAHL,CAAwB,UAAxB,OAAOD,EACHF,EAAO,QAAQ,CAAC,MAAM,CAACE,GACvB,EAAE,AAAD,EACO,QAAQ,CAAC9B,GAEhB8B,EACHA,IAAiB9B,EACjByB,EAAgBnB,EAAKN,EAE7B,EAEMgC,EAAgB,SAACtE,CAAK,EAC1B,IACOuE,EADDC,EAAO7B,EAAM,IAAI,CAAC,SAAC6B,CAAI,E,OAAKA,EAAK,KAAK,GAAKxE,C,GACjD,OAAOuE,MAAAA,CAAAA,EAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAM,SAAS,AAAD,GAAdA,CACT,EAEME,EAAgB,SAACzE,CAAK,EAC1B,IACqByD,EADAiB,EAAAA,EAAAA,EAAM,KAAK,CAAC,IAAK,MAA/B9B,EAAc8B,CAAAA,CAAAA,EAAAA,CAATpC,EAASoC,CAAAA,CAAAA,EAAAA,CACfN,EAAeX,MAAAA,CAAAA,EAAAA,EAAa,GAAG,CAACb,EAAG,EAApBa,EAAyB,KAC9C,OAAOW,EAAeA,IAAiB9B,EAAQgC,EAActE,EAC/D,EAEM2E,EAAuB,SAAC/B,CAAG,CAAUN,CAAK,EAC9C,IAAM8B,EAAeX,MAAAA,CAAAA,EAAAA,EAAa,GAAG,CAACb,EAAG,EAApBa,EAAyB,KACxCS,EAASxB,EAAQ,IAAI,CAAC,SAACwB,CAAM,E,OAAKA,EAAO,GAAG,GAAKtB,C,GAGvD,GAAIsB,EAAO,QAAQ,CAAE,CACnB,IALmBT,EAEjBZ,EAaW+B,EAVTP,EACF,AAAwB,UAAxB,OAAOD,EACHF,EAAO,QAAQ,CAAC,MAAM,CAACE,GACvB,EAAE,CAONvB,EADEwB,CAJFA,EADEA,EAAO,QAAQ,CAAC/B,GACT+B,EAAO,MAAM,CAAC,SAACQ,CAAC,E,OAAKA,IAAMvC,C,GAE1B,EAAG+B,GAAAA,MAAAA,CAAJ,CAAY/B,EAAM,EAAC,IAAI,IAEvB,MAAM,CACJsC,AAAAA,CAAAA,EAAAA,EAAO,QAAQ,AAAD,EAAE,MAAM,OAAtBA,EAAuB,EAAGP,IAE1B,IAEf,MACExB,EADSkB,EAAgBnB,EAAKN,GACnB,KAEA8B,IAAiB9B,EAAQA,EAAQ,KAG9CoB,EAAmBd,EAAKC,EAC1B,EAEMiC,EAAqB,SAAC9E,CAAK,EAC/B,IAAqB0E,EAAAA,EAAAA,EAAM,KAAK,CAAC,IAAK,MAA/B9B,EAAc8B,CAAAA,CAAAA,EAAAA,CAATpC,EAASoC,CAAAA,CAAAA,EAAAA,CAGrBhB,EAAmBd,EAFF0B,EAActE,GAAS,GAAKsC,EAG/C,EAEMyC,EAAmB,SAAClC,CAAQ,EAChCa,EAAmB,IAAKb,EAC1B,EAEMmC,EAActC,EAAQ,GAAG,CAAC,SAACwB,CAAM,E,MAAM,CAC3C,IAAKA,EAAO,GAAG,CACf,MAAOA,EAAO,KAAK,CACnB,GAAK,gBAA0B,OAAXA,EAAO,GAAG,EAC9B,MAAOA,EAAO,OAAO,CAAC,GAAG,CAAC,SAACD,CAAM,E,MAAM,CACrC,UAAW,W,OACT,gBAACgB,EAAAA,CAAMA,CAAAA,CACL,WAAYlD,EACZ,KAAK,SACL,aACEoC,EAAgBD,EAAO,GAAG,CAAED,EAAO,KAAK,EAAI,mBAAqB,GAEnE,eAAgB,WACdU,EAAqBT,EAAO,GAAG,CAAED,EAAO,KAAK,CAC/C,C,EAECA,EAAO,KAAK,C,CAGnB,C,EACF,C,GAEMiB,EAAW,CACf,MAAO,OACP,GAAI,YACJ,MAAOvC,EAAM,GAAG,CAAC,SAAC6B,CAAI,E,MAAM,CAC1B,UAAW,W,OACT,gBAACS,EAAAA,CAAMA,CAAAA,CACL,WAAYlD,EACZ,KAAK,SACL,aAAc0C,EAAcD,EAAK,KAAK,EAAI,mBAAqB,GAC/D,eAAgB,W,OAAMM,EAAmBN,EAAK,KAAK,C,GAElDA,EAAK,KAAK,C,CAGjB,C,EACF,EAEA,OACE,gBAAC,QACC,UAAY,iBAEX,OADC,AAAC9B,EAAQ,MAAM,CAAwByC,OAArB,oBAEpB,SAAU,SAAC1E,CAAK,EACdA,EAAM,cAAc,GACpBsE,EAAiBzB,EACnB,C,EAEC0B,EAAY,GAAG,CAAC,SAACI,CAAU,E,OAC1B,gBAACC,EAAAA,CAAmBA,CAAAA,CAClB,IAAKD,EAAW,GAAG,CACnB,UAAU,+CACV,OAAQpC,IAAeoC,EAAW,GAAG,CACrC,UAAW,SAACE,CAAM,E,OAChBrC,EAAcqC,EAASF,EAAW,GAAG,CAAG,K,GAG1C,gBAACH,EAAAA,CAAMA,CAAAA,CACL,KAAK,SACL,gBAAeG,EAAW,EAAE,CAC5B,gBAAe,OACf,gBAAepC,IAAeoC,EAAW,GAAG,CAC5C,aAAe,GAEXrD,MAAAA,CADFzB,EAAa,GAAG,CAAC8E,EAAW,GAAG,EAAI,SAAW,GAC/C,KAAgC,OAA7BrD,EAAa,WAAa,IAC9B,eAAgB,W,OACdkB,EACED,IAAeoC,EAAW,GAAG,CAAG,KAAOA,EAAW,GAAG,C,EAGzD,WAAYA,AAA4B,IAA5BA,EAAW,KAAK,CAAC,MAAM,A,EAElCA,EAAW,KAAK,EAEnB,gBAACG,EAAAA,CAAYA,CAAAA,KACX,gBAACC,EAAAA,CAAOA,CAAAA,CACN,UAAWJ,EAAW,EAAE,CACxB,UAAWA,EACX,a,OAMR,gBAACvD,EAAMA,CACL,WAAYE,EACZ,KAAK,QACL,YAAY,oBACZ,MAAOuB,EACP,cAAe,W,OAIbyB,EAAiBU,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAYnC,G,EAE/B,gBAAiB,SAACf,CAAC,E,OAAKgB,EAAShB,EAAE,MAAM,CAAC,KAAK,C,EAC/C,eAAgB,WACdgB,EAAS,IACTwB,EAAiB,GACnB,C,GAGDpC,EAAM,MAAM,CACX,gBAAC0C,EAAAA,CAAmBA,CAAAA,CAClB,UAAU,6CACV,OAAQlC,EACR,UAAWC,C,EAEX,gBAAC6B,EAAAA,CAAMA,CAAAA,CACL,KAAK,SACL,gBAAeC,EAAS,EAAE,CAC1B,gBAAe,OACf,gBAAe/B,GAAiBgC,OAChC,aAAe,GACbpD,MAAAA,CADezB,EAAa,GAAG,CAAC,QAAU,SAAW,GAAG,KAEzD,OADCyB,EAAa,WAAa,IAE5B,eAAgB,WACdqB,EAAiB,CAACD,EACpB,C,EAEC+B,EAAS,KAAK,EAEjB,gBAACK,EAAAA,CAAYA,CAAAA,KACX,gBAACC,EAAAA,CAAOA,CAAAA,CAAC,UAAWN,EAAS,EAAE,CAAE,UAAWA,EAAU,a,KAGxD,KAGV,C,mCCtQO,SAASQ,EAAU1F,CAA2B,E,IAAzB2F,EAAF3F,EAAE2F,KAAK,CAC/B,OACE,gBAACC,EAAAA,CAAQA,CAAAA,CAAC,KAAK,U,EACb,gBAAC,UAAG,gBACJ,gBAAC,SAAE,2DACH,gBAAC,SACC,gBAAC,YAAMD,EAAM,QAAQ,KAEvB,gBAAC,KAAE,KAAMhF,OAAO,QAAQ,CAAC,QAAQ,A,EAAE,mCAGzC,C,u1DCRA,IAAMkF,EAAkBC,EAAAA,IAAU,CAChC,W,OAAM,4D,GAMFC,EAAmB,CACvB,IAAK,WACL,IAAK,MACL,KAAM,OACN,KAAM,OACN,WAAY,aACZ,OAAQ,SACR,IAAK,MACL,UAAW,YACX,cAAe,gBACjB,EAqBMC,EAAuB,CAC3B,CACE,KAAM,SACN,SAAU,CACR,OAAQ,W,2BAAI3B,EAAAA,AAAAA,MAAAA,GAAAA,EAAAA,EAAAA,EAAAA,EAAAA,IAAAA,CAAM,CAANA,EAAAA,CAAAA,SAAAA,CAAAA,EAAAA,C,OAAqBA,EAAO,IAAI,CAAC,I,EAC7C,OAAQ,SAAC/B,CAAK,E,OAAaA,EAAM,KAAK,CAAC,I,CACzC,EACA,MAAO,UACP,IAAK,WACL,QAAS5B,OAAO,OAAO,CA1BV,CACf,OAAQ,SACR,eAAgB,iBAChB,KAAM,OACN,KAAM,OACN,QAAS,UACT,gBAAiB,sBACjB,GAAI,oBACJ,OAAQ,UACR,MAAO,QACP,cAAe,gBACf,OAAQ,SACR,WAAY,gBACZ,wBAAyB,mBACzB,gBAAiB,iBACnB,GAWsC,GAAG,CAAC,Y,aAAE4B,EAAAA,CAAAA,CAAAA,EAAAA,C,MAAmB,CACzD2D,MAD6CA,CAAAA,CAAAA,EAAAA,CAE7C3D,MAAAA,CACF,C,EACF,EACA,CACE,KAAM,SACN,SAAU,CACR,OAAQ,W,2BAAI+B,EAAAA,AAAAA,MAAAA,GAAAA,EAAAA,EAAAA,EAAAA,EAAAA,IAAAA,CAAM,CAANA,EAAAA,CAAAA,SAAAA,CAAAA,EAAAA,C,OAAqBA,EAAO,IAAI,CAAC,I,EAC7C,OAAQ,SAAC/B,CAAK,E,OAAaA,EAAM,KAAK,CAAC,I,CACzC,EACA,MAAO,WACP,IAAK,WACL,QAAS5B,OAAO,OAAO,CAACqF,GACrB,IAAI,CAAC,c,IAAIlC,EAAAA,A,MAAAA,CAAAA,EAAAA,CAAOC,EAAAA,AAAPD,EAAAA,EAAAA,EAAOC,CAAAA,EAAAA,C,OAAOD,EAAE,aAAa,CAACC,E,GACvC,GAAG,CAAC,Y,aAAExB,EAAAA,CAAAA,CAAAA,EAAAA,C,MAAmB,CACxB2D,MADYA,CAAAA,CAAAA,EAAAA,CAEZ3D,MAAAA,CACF,C,EACJ,EACA,CACE,KAAM,SACN,MAAO,cACP,IAAK,cACL,SAAU,CACR,OAAQ,W,2BAAI+B,EAAAA,AAAAA,MAAAA,GAAAA,EAAAA,EAAAA,EAAAA,EAAAA,IAAAA,CAAM,CAANA,EAAAA,CAAAA,SAAAA,CAAAA,EAAAA,C,OAAqBA,EAAO,IAAI,CAAC,I,EAC7C,OAAQ,SAAC/B,CAAK,E,OAAaA,EAAM,KAAK,CAAC,I,CACzC,EACA,QAAS,EAAE,AACb,EACD,CAEK4D,EAAmB,CACvB,CACE,MAAO,SACP,MAAO,YACP,UAAW,EACb,EACA,CACE,MAAO,SACP,MAAO,UACT,EACD,CAEc,SAASC,KACtB,OAAO,gBAACC,GAAAA,KACV,CAEA,IAAMC,GAAa,SAACC,CAAS,EAC3B,IAA8BvD,EAAAA,EAAAA,AAAAA,GAAAA,EAAAA,QAAAA,AAAAA,EAASiD,GAAAA,GAAhCtD,EAAuBK,CAAAA,CAAAA,EAAAA,CAAdwD,EAAcxD,CAAAA,CAAAA,EAAAA,CACKyD,EAAAA,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAA3BC,EAA2BD,EAA3BC,IAAI,CAAEC,EAAqBF,EAArBE,SAAS,CAAEf,EAAUa,EAAVb,KAAK,CA0B9B,MAzBAnC,AAAAA,GAAAA,EAAAA,SAAAA,AAAAA,EAAU,WACJ,CAACkD,GAAaD,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAM,MAAM,AAAD,GAAK,CAACd,GACjCY,EAAW,SAACI,CAAG,E,OACbA,EAAI,GAAG,CAAC,SAACC,CAAG,M,UACV,AAAIA,AAAY,gBAAZA,EAAI,GAAG,CAeFA,G,EAdA,KACFA,G,IAAAA,CACH,QAASH,MAAAA,EAAAA,KAAAA,EAAAA,EACL,MAAM,CAAC,SAACI,CAAU,E,OAAKA,EAAW,aAAa,CAAG,C,GACnD,GAAG,CAAC,SAACC,CAAI,EAGR,MAAO,CACLb,MAFAa,AAAc,YAAdA,EAAK,IAAI,CAAiB,iBAAmBA,EAAK,IAAI,CAGtD,MAAOA,EAAK,EAAE,AAChB,CACF,E,6UAKR,E,EAGN,EAAG,CAACJ,EAAWJ,EAAWG,EAAMd,EAAM,EAC/BjD,CACT,EAEA,SAAS0D,KACPxF,SAAS,KAAK,CAAI,aAA2B,OAAfmG,EAAAA,EAAcA,EAC5CC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IACA,IC1EMC,EACC3G,EAED4G,EDuEAD,EAAOE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IACWC,GC3ElBH,EAAOE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IACN7G,EAAgBD,AAAAA,EAAAA,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAAeA,EAAfA,CAAAA,EAAAA,CAEjB6G,EAAMG,AA3Cd,SAAoBrH,CAMnB,E,MALCsH,EADkBtH,EAClBsH,eAAe,CACfhH,EAFkBN,EAElBM,YAAY,CAKR4G,EAAM,mBACNvD,EAAS,IAAIC,gBAEZ2D,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,O,IAAL,QAAKA,EAAAA,EAAsBjH,EAAa,OAAO,EAAE,CAAF,mBAA1CiH,CAAAA,CAAAA,EAAAA,AAAAA,CAAAA,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,IAAAA,AAAAA,EAAAA,EAAAA,GAA8C,CAA9CA,IAAAA,EAAAA,EAAAA,EAAAA,KAAAA,CAAAA,GAAO3E,EAAAA,CAAAA,CAAAA,EAAAA,CAAKN,EAAAA,CAAAA,CAAAA,EAAAA,CACf,OAAQM,GACN,IAAK,OACHe,EAAO,GAAG,CAACf,EAAKN,GAChB,KAEF,KAAK,cACCgF,IAEFJ,GAAO,eACPvD,EAAO,GAAG,CAACf,EAAKN,IAElB,KAEF,SACMgF,GACF3D,EAAO,GAAG,CAACf,EAAKN,EAGtB,CACF,C,UApBKiF,EAAAA,GAAAA,EAAAA,C,aAAAA,GAAAA,AAAAA,MAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,E,YAAAA,E,MAAAA,C,EA0BL,MAJK,A,gDAAG5D,EAAO,IAAI,K,mSAAI,MAAM,EAC3BuD,CAAAA,GAAQ,IAAqB,OAAlBvD,EAAO,QAAQ,GAAE,EAGvBuD,CACT,EAMyB,CACrB,gBAAiBD,AAAAA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAM,eAAe,AAAD,GAAK,GAC1C3G,aAAAA,CACF,GAEOkH,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACLN,EACA,SAAOtE,CAAG,M,0BACF6E,E,+pCAAM,O,EAAMC,MAAM9E,G,YACpB6E,AADEA,CAAAA,EAAM,UACJ,EAAE,CAANA,MAAAA,C,KACM,O,EAAMA,EAAI,IAAI,G,QAAtB,MAAO,C,EAAC,S,QAEV,GAAIA,AAAe,MAAfA,EAAI,MAAM,CACZ,O,EAEF,OAAM,AAAIE,MAAO,GAAiBF,MAAAA,CAAfA,EAAI,MAAM,CAAC,MAAmB,OAAfA,EAAI,UAAU,E,GAClD,E,gLACA,CACE,kBAAmB,GACnB,kBAAmB,GACnB,sBAAuB,EACzB,IDmDMhB,EAAgBW,EAAhBX,IAAI,CAAEd,EAAUyB,EAAVzB,KAAK,CACbiC,EAAaC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IACqBxH,EAAAA,EAAAA,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAAeA,GAAhDC,EAAiCD,CAAAA,CAAAA,EAAAA,CAAnBE,EAAmBF,CAAAA,CAAAA,EAAAA,CAChCyH,EAAcC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAAdD,SAAS,CACjBtE,AAAAA,GAAAA,EAAAA,SAAAA,AAAAA,EAAU,W,OAAMsE,EAAUE,EAAAA,EAAAA,CAAAA,eAAyB,C,GAEnD,IAAMC,EAAc,EAAG3H,EAAa,IAAI,IAAI,IAAI,CAAC,SAACsC,CAAG,E,MAAKA,AAAQ,SAARA,C,GAEpD0D,EAAYW,AAAAA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAM,eAAe,AAAD,IAAM,GACtCvE,EAAU2D,GAAWC,GAE3B,OACE,gBAAC,OAAI,UAAU,S,EACb,gBAAC,UAAO,UAAU,qB,EAChB,gBAAC4B,EAAAA,CAASA,CAAAA,KACR,gBAAC,UACC,gBAAC,OAAI,UAAU,sB,EACb,gBAACC,EAAAA,CAAOA,CAAAA,MACR,gBAACC,EAAAA,CAAIA,CAAAA,CAAC,KAAK,a,IAEb,gBAAC,YAAK,YAER,gBAAC,SAAE,oDAED,gBAAC,WACD,gBAAC,KACC,KAAK,yDACL,OAAO,SACP,IAAI,sBACJ,UAAU,U,EACX,uCAMP,gBAACF,EAAAA,CAASA,CAAAA,KACP5B,GACC,gBAAC7D,EAAYA,CACX,QAASC,EACT,MAAOwD,EACP,WAAY,CAACI,EACb,SAAU,SAAC1D,CAAG,CAAEC,CAAQ,CAAEC,CAAQ,E,OAChC8E,EACG,GAAgChF,MAAAA,CAA9ByF,EAAAA,EAAAA,CAAAA,aAA0B,CAAC,KAC5BvF,MAAAA,CAD+BF,EAAI,MAE9BC,MAAAA,CADLC,MAAAA,EAAAA,EAAY,YACb,QAA8B,OAAxBD,MAAAA,EAAAA,EAAY,a,IAM1ByD,GAAa2B,GACZ,gBAAChD,EAAAA,CAAMA,CAAAA,CACL,KAAK,SACL,aAAa,gBACb,eAAgB,W,OAAM1E,EAAgB,G,GACvC,qBAKFoF,GAAS,gBAACD,EAASA,CAAC,MAAOC,C,GAE3Bc,EACC,gCACGA,EAAK,IAAI,CAAC,MAAM,CACfA,EAAK,IAAI,CAAC,GAAG,CAAC,SAAC6B,CAAK,E,OAClB,gBAACC,GAAAA,CACC,IAAKD,EAAM,OAAO,CAAGA,EAAM,OAAO,CAClC,MAAOA,C,KAIX,gBAAC,OAAI,UAAU,U,EACZL,EACG,iCACA,qBAGR,gBAACpH,EAASA,CACR,KAAM4F,EAAK,IAAI,CACf,SAAU,SAACxG,CAAI,CAAEuI,CAAO,E,OACtBZ,EAAY,GAA+BY,MAAAA,CAA7BH,EAAAA,EAAAA,CAAAA,WAAwB,CAAC,MAAkBpI,MAAAA,CAAduI,EAAQ,QAAW,OAALvI,G,KAK/D,gBAACwI,EAAAA,CAAOA,CAAAA,OAKlB,CAEA,SAASF,GAAevI,CAA2B,E,IA2JxB0I,EAzHyBC,EAlC1BL,EAAFtI,EAAEsI,KAAK,CACrBM,EAAiDN,EAAjDM,YAAY,CAAED,EAAmCL,EAAnCK,MAAM,CAAED,EAA2BJ,EAA3BI,OAAO,CAAEG,EAAkBP,EAAlBO,OAAO,CAAE/G,EAASwG,EAATxG,IAAI,CAC9CgH,EAASH,EAAO,KAAK,CAAC,MAAM,CAAGA,EAAO,OAAO,CAAC,MAAM,CACpDI,EAAW,CACf,KAwJF,AAAIL,CADqBA,EAvJCA,GAwJd,UAAU,CAAC,WACd,iBACF,AAAIA,AAAY,oBAAZA,EACF,UACEA,AAAY,gBAAZA,EACF,SAEcA,EAAQ,KAAK,CAAC,IAAI,CAAC,EAAE,CA9J1C,MAAQ,GAAUG,MAAAA,CAAR/G,EAAK,KAAW,OAAR+G,EACpB,EAEMG,EACJ,EAAGL,EAAO,KAAK,CAAC,GAAG,CAAC,SAACpG,CAAC,E,OAAM,GAAE,OAAQ,O,EAAYA,E,WAClD,EAAGoG,EAAO,OAAO,CAAC,GAAG,CAAC,SAACpG,CAAC,E,OAAM,GAAE,OAAQ,S,EAAcA,E,KACtD,IAAI,CAAC,SAACsB,CAAC,CAAEC,CAAC,E,OAAKD,EAAE,IAAI,CAAC,aAAa,CAACC,EAAE,IAAI,C,GAE5C,OAAOiF,EACL,gBAAC,OAAI,UAAU,O,EACb,gBAAC,cACC,gBAACX,EAAAA,CAAIA,CAAAA,CAAC,KAAMW,EAAS,IAAI,A,GACxBA,EAAS,KAAK,CACf,gBAAC,QAAK,UAAU,c,EACbD,EAAO,IAAEA,AAAW,IAAXA,EAAe,SAAW,WAEtC,gBAAC,QAAK,SAAUF,C,EACb,IAAIK,KAAKL,GAAc,kBAAkB,CAACzD,OAAW,CACpD,UAAW,QACb,KAGH+D,AAQEP,CAD2CA,EAP9BK,GAQN,MAAM,CAClB,SAACvI,CAAK,E,OACJkI,AAEM,KAFNA,EAAO,SAAS,CACd,SAACpG,CAAC,E,OAAKA,EAAE,IAAI,GAAK9B,EAAM,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,EAAG,IAAI,IAAI,CAAC,I,KAXjC,GAAG,CAAC,SAACA,CAAK,E,OACnC,gBAAC0I,GAAAA,CAAe,IAAK1I,EAAM,IAAI,CAAE,MAAOA,EAAO,OAAQA,EAAM,MAAM,A,MAGrE,IACN,CAWA,SAAS0I,GAAenJ,CAAmD,E,MAAjDS,EAAFT,EAAES,KAAK,CAAE2I,EAATpJ,EAASoJ,MAAM,CACTrG,EAAAA,EAAAA,AAAAA,GAAAA,EAAAA,QAAAA,AAAAA,EAAS,OAA9BuC,EAAqBvC,CAAAA,CAAAA,EAAAA,CAAbsG,EAAatG,CAAAA,CAAAA,EAAAA,CACOuG,E,IAAAA,EAAM,IAAI,CAAC,KAAK,CAAC,O,gBAA7CC,EAA4BD,CAAAA,CAAAA,EAAAA,CAAfE,EAAeF,EAAAA,KAAAA,CAAlB,GACXG,EAAUhJ,EAAM,MAAM,CAAC,OAAO,CAC9BmH,EAAaC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IAEnB,OACE,gBAAC,WACC,UAAY,YAAoB,OAAT0B,GACvB,SAAU,Y,MAAGG,EAAAA,EAAAA,MAAM,C,UACKC,qB,0EAAlBD,G,AAAAA,a,KACFL,EAAUK,EAAO,IAAI,EAIrB9B,EAHe8B,EAAO,IAAI,CACtBrB,EAAAA,EAAAA,CAAAA,YAAyB,CACzBA,EAAAA,EAAAA,CAAAA,cAA2B,EAGnC,C,EAEA,gBAAC,eACC,gBAAC,YAAMuB,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAUJ,EAAY,IAAI,CAAC,OAClC,gBAAC,SAAGzD,CAAgB,CAACwD,EAAS,EAC9B,gBAACM,GAAAA,CAAY,OAAQT,C,GACpBxH,EAAQ6H,EAAQ,MAAM,EACrB,gBAAC,QAAK,UAAU,SAAS,MAAQ,gBAAkC,OAAnBA,EAAQ,IAAI,CAAC,M,EAC3D,gBAAC,OAAI,MAAM,KAAK,OAAO,IAAI,QAAQ,WAAW,KAAK,K,EAChDhI,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAM,EAAG,GAAG,GAAG,CAAC,SAACqI,CAAC,E,OACjB,gBAAC,UACC,IAAKA,EACL,GAAI,EAAIA,AAAI,GAAJA,EACR,GAAG,MACH,EAAE,IACF,UAAWL,EAAQ,MAAM,CAAGK,EAAI,SAAW3E,M,OAMrD,gBAACiD,EAAAA,CAAIA,CAAAA,CAAC,KAAK,S,IAEZ9C,GAAU,gBAACyE,GAAAA,CAAoB,MAAOtJ,C,GAG7C,CAEA,SAASoJ,GAAY7J,CAA8B,E,IAA5BoJ,EAAFpJ,EAAEoJ,MAAM,CAC3B,OAAO,gBAAC,QAAK,UAAY,gBAAsB,OAAPA,E,EAAWA,EACrD,CAEA,SAASW,GAAoB/J,CAO5B,E,MAP4BA,EAC3B,KAAK,CACHgK,EAAAA,EAAAA,IAAI,CACMC,EAAAA,EAAV,MAAM,CAAIA,OAAO,CAKbC,EAASC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IACf,OACE,gBAAC,WACC,gBAACC,GAAAA,CAAe,KAAMJ,EAAM,QAASC,C,GACrC,gBAACpE,EAAAA,CAAgB,MAAOmE,EAAM,OAAQE,C,GAG5C,CAEA,SAASE,GAAepK,CAAqD,E,IAAnDgK,EAAFhK,EAAEgK,IAAI,CAAEC,EAARjK,EAAQiK,OAAO,CAC/BI,EAAWlD,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IACX+C,EAASC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,IACTjD,EAAM+C,MAAAA,EAAAA,KAAAA,EAAAA,EAAS,OAAO,CAAC,gCAAkC,IAAU,OAAPC,IAC5DI,EAAa,IACjBJ,MAAAA,CADoBA,EAAO,uCAEvBK,MAAAA,CADJL,AAAW,UAAXA,EAAsB,WAAiB,OAAPA,GAAW,GAC5C,OAA8B,OAAzBK,mBAAmBP,IACXQ,EAAQC,AAAAA,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACpB,W,MAAMJ,AAAAA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAU,eAAe,AAAD,GAAKnD,GAAQ,GAAM,OAAJA,EAAI,iB,EACjD,SAAOA,CAAG,M,0BACFwD,E,+pCAAW,O,EAAMhD,MAAMR,G,QAE7B,GAAI,CAACwD,AAFCA,CAAAA,EAAW,UAEH,EAAE,CACd,MAAM/C,MAAM+C,EAAS,UAAU,EAGzB,O,EAAMA,EAAS,IAAI,G,QAA3B,MAAO,C,EAAC,S,GACV,E,gLACA,CACE,kBAAmB,GACnB,kBAAmB,GACnB,sBAAuB,EACzB,GAfM,IAAI,CAkBZ,OACE,gBAAC,WACC,gBAACzF,EAAAA,CAAMA,CAAAA,CACL,KAAK,SACL,KAAMiC,EAAM,WAAa,SACzB,KAAK,QACL,KAAMA,GAAOoD,EACb,OAAO,SACP,aAAa,a,EAEZpD,EAAM,mBAAqB,sBAE7BA,GACC,gCACE,gBAACyD,EAAAA,CAAYA,CAAAA,CAAC,IAAKH,C,IAK7B,C,wDEjZe,SAAStC,EAAUlI,CAQjC,E,IAPCE,EADgCF,EAChCE,QAAQ,CACR0K,EAFgC5K,EAEhC4K,YAAY,CACZC,EAHgC7K,EAGhC6K,QAAQ,CAMR,OACE,gCACGA,AAAa,KAAbA,EACC,gCAAG3K,GAEH,gBAAC,OAAI,UAAY,aAA+B,OAAnB0K,GAAgB,G,EAAO1K,GAI5D,C"}

package/dist/legacy/6883.5757a779418effad.js

@@ -0,0 +1,178 @@
+/*! For license information please see 6883.5757a779418effad.js.LICENSE.txt */
+export const __webpack_ids__=["6883"];export const __webpack_modules__={44352:function(e,n,t){t.d(n,{Z:()=>tn});var r=t(87537),o=t.n(r),i=t(23645),A=t.n(i),a=t(61667),s=t.n(a),l=new t.U(t(97582)),c=new t.U(t(19194)),d=new t.U(t(24137)),b=new t.U(t(85649)),m=new t.U(t(71041)),p=new t.U(t(16883)),u=new t.U(t(22245)),C=new t.U(t(24536)),g=new t.U(t(91799)),h=new t.U(t(36524)),f=new t.U(t(41992)),v=new t.U(t(658)),w=new t.U(t(53693)),k=new t.U(t(63010)),y=new t.U(t(77649)),x=new t.U(t(32078)),$=new t.U(t(74142)),E=new t.U(t(56441)),B=new t.U(t(66969)),D=new t.U(t(21866)),_=new t.U(t(23542)),F=new t.U(t(69834)),U=new t.U(t(85658)),q=new t.U(t(62418)),G=new t.U(t(95086)),I=new t.U(t(54624)),z=new t.U(t(91651)),S=new t.U(t(57002)),N=new t.U(t(55843)),T=new t.U(t(45626)),J=new t.U(t(6608)),M=new t.U(t(16682)),R=new t.U(t(53904)),Y=new t.U(t(80517)),j=new t.U(t(91263)),O=new t.U(t(76508)),L=new t.U(t(37620)),H=new t.U(t(33288)),W=new t.U(t(59599)),K=new t.U(t(69473)),V=new t.U(t(40444)),Q=new t.U(t(57688)),P=new t.U(t(17986)),Z=new t.U(t(81273)),X=new t.U(t(26295)),ee=new t.U(t(81880)),en=new t.U(t(98434)),et=new t.U(t(59156)),er=new t.U(t(30114)),eo=new t.U(t(53413)),ei=new t.U(t(29189)),eA=new t.U(t(22272)),ea=new t.U(t(34485)),es=new t.U(t(90290)),el=new t.U(t(86133)),ec=new t.U(t(39938)),ed=new t.U(t(17144)),eb=new t.U(t(92643)),em=new t.U(t(55595)),ep=new t.U(t(8238)),eu=new t.U(t(32886)),eC=new t.U(t(19639)),eg=new t.U(t(67780)),eh=new t.U(t(28156)),ef=new t.U(t(40543)),ev=new t.U(t(45829)),ew=new t.U(t(80945)),ek=new t.U(t(77784)),ey=new t.U(t(42301)),ex=new t.U(t(41706)),e$=new t.U(t(55562)),eE=new t.U(t(39704)),eB=new t.U(t(14529)),eD=new t.U(t(12367)),e_=new t.U(t(75044)),eF=new t.U(t(18954)),eU=new t.U(t(2693)),eq=new t.U(t(35698)),eG=new t.U(t(78715)),eI=new t.U(t(92569)),ez=new t.U(t(5634)),eS=new t.U(t(22786)),eN=new t.U(t(31274)),eT=new t.U(t(92361)),eJ=new t.U(t(1334)),eM=new t.U(t(63405)),eR=A()(o()),eY=s()(l),ej=s()(c),eO=s()(d),eL=s()(b),eH=s()(m),eW=s()(p),eK=s()(u),eV=s()(C),eQ=s()(g),eP=s()(h),eZ=s()(f),eX=s()(v),e0=s()(w),e2=s()(k),e1=s()(y),e5=s()(x),e4=s()($),e6=s()(E),e3=s()(B),e8=s()(D),e9=s()(_),e7=s()(F),ne=s()(U),nn=s()(q),nt=s()(G),nr=s()(I),no=s()(z),ni=s()(S),nA=s()(N),na=s()(T),ns=s()(J),nl=s()(M),nc=s()(R),nd=s()(Y),nb=s()(j),nm=s()(O),np=s()(L),nu=s()(H),nC=s()(W),ng=s()(K),nh=s()(V),nf=s()(Q),nv=s()(P),nw=s()(Z),nk=s()(X),ny=s()(ee),nx=s()(en),n$=s()(et),nE=s()(er),nB=s()(eo),nD=s()(ei),n_=s()(eA),nF=s()(ea),nU=s()(es),nq=s()(el),nG=s()(ec),nI=s()(ed),nz=s()(eb),nS=s()(em),nN=s()(ep),nT=s()(eu),nJ=s()(eC),nM=s()(eg),nR=s()(eh),nY=s()(ef),nj=s()(ev),nO=s()(ew),nL=s()(ek),nH=s()(ey),nW=s()(ex),nK=s()(e$),nV=s()(eE),nQ=s()(eB),nP=s()(eD),nZ=s()(e_),nX=s()(eF),n0=s()(eU),n2=s()(eq),n1=s()(eG),n5=s()(eI),n4=s()(ez),n6=s()(eS),n3=s()(eN),n8=s()(eT),n9=s()(eJ),n7=s()(eM);eR.push([e.id,`button,.button{-webkit-appearance:none;appearance:none;background:none;border:none}.button{--button-bg: var(--button-primary-default);--button-bg-hover: var(--button-primary-hover);--button-bg-active: var(--button-primary-active);--button-border-color: var(--button-primary-default);--button-focus-effect: var(--focus-effect);--button-height: var(--form-elem-height, 2rem);--button-color: var(--background-primary);--button-font: var(--type-emphasis-m);--button-padding: 0.5rem;--button-radius: var(--elem-radius, 0.25rem);border-radius:var(--button-radius);cursor:pointer;display:inline-block;padding:0;-webkit-text-decoration:none;text-decoration:none}.button-wrap{align-items:center;background-color:var(--button-bg);border:1px solid var(--button-border-color);border-radius:var(--button-radius);color:var(--button-color);display:flex;font:var(--button-font);gap:.25rem;height:var(--button-height);justify-content:center;padding-left:var(--button-padding);padding-right:var(--button-padding);position:relative}.button .icon{background-color:var(--button-color);margin:0 -1px}.button:hover,.button.hover{--button-border-color: var(--button-bg-hover, var(--button-bg))}.button:hover .button-wrap,.button.hover .button-wrap{background-color:var(--button-bg-hover, var(--button-bg))}.button:active .button-wrap,.button.active .button-wrap{background-color:var(--button-bg-active, var(--button-bg))}.button:focus,.button.focus{outline:none}.button:focus .button-wrap,.button.focus .button-wrap{border:1px solid var(--button-secondary-border-focus);box-shadow:var(--button-focus-effect)}.button.button[disabled],.button.button.inactive{cursor:default;opacity:.65}.button.button[disabled]:hover,.button.button.inactive:hover{--button-bg-hover: unset}.button.button[disabled]:active,.button.button.inactive:active{--button-bg-active: unset}.button.small,.button.small .button-wrap{--button-height: 1.75rem;--button-padding: 0.25rem}.button.secondary{--button-bg: var(--button-secondary-default);--button-border-color: var(--border-primary);--button-color: var(--text-secondary);--button-bg-hover: var(--button-secondary-hover);--button-bg-active: var(--button-secondary-active)}.button.secondary:focus{--button-border-color: var(--button-secondary-border-focus)}.button.action{--button-bg: transparent;--button-border-color: var(--button-bg);--button-color: var(--text-secondary);--button-font: var(--type-label-s);--button-bg-hover: var(--button-secondary-hover);--button-bg-active: var(--button-secondary-active)}.button.action.has-icon{--button-font: var(--type-emphasis-m);text-transform:initial}.button.action:focus{--button-border-color: var(--button-secondary-border-focus)}.button.action .button-wrap{text-transform:var(--button-action-transform, uppercase)}.button.action.highlight{--button-color: var(--button-primary-default)}.button.select{--button-bg: var(--button-secondary-default);--button-bg-hover: var(--button-secondary-hover);--button-bg-active: var(--button-secondary-active);--button-border-color: var(--border-primary);--button-color: var(--text-secondary);-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;-webkit-text-decoration:none;text-decoration:none}.button.select .button-wrap{box-shadow:var(--shadow-01);padding-right:26px;position:relative}.button.select .button-wrap::after{background-color:var(--icon-primary);content:"";display:block;height:16px;-webkit-mask-image:url(${eY});mask-image:url(${eY});-webkit-mask-size:cover;mask-size:cover;position:absolute;right:.5rem;top:calc(50% - .5rem);width:16px}.button.link{--button-bg: none;--button-bg-hover: none;--button-bg-active: none;--button-border-color: none;--button-focus-effect: none;--button-secondary-border-focus: none;--button-height: auto;--button-font: unset;--button-padding: 0;--button-radius: 0;--button-color: var(--text-link);-webkit-appearance:none;appearance:none;display:inline;-webkit-text-decoration:none;text-decoration:none}.button.link:focus-visible{outline-color:var(--accent-primary);outline-offset:1px;outline-style:auto}.icon{--size: var(--icon-size, 1rem);background-color:var(--icon-primary);display:inline-block;flex-shrink:0;height:var(--size);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle;width:var(--size)}.icon.icon-add-filled{-webkit-mask-image:url(${ej});mask-image:url(${ej})}.icon.icon-add{-webkit-mask-image:url(${eO});mask-image:url(${eO})}.icon.icon-altname{-webkit-mask-image:url(${eL});mask-image:url(${eL})}.icon.icon-bell{-webkit-mask-image:url(${eH});mask-image:url(${eH})}.icon.icon-bell-filled{-webkit-mask-image:url(${eW});mask-image:url(${eW})}.icon.icon-bell-ring{-webkit-mask-image:url(${eK});mask-image:url(${eK})}.icon.icon-bluesky{-webkit-mask-image:url(${eV});mask-image:url(${eV})}.icon.icon-bookmark-filled{-webkit-mask-image:url(${eQ});mask-image:url(${eQ})}.icon.icon-bookmark{-webkit-mask-image:url(${eP});mask-image:url(${eP})}.icon.icon-cancel{-webkit-mask-image:url(${eZ});mask-image:url(${eZ})}.icon.icon-chatgpt{-webkit-mask-image:url(${eX});mask-image:url(${eX})}.icon.icon-checkmark{-webkit-mask-image:url(${e0});mask-image:url(${e0})}.icon.icon-chevron{-webkit-mask-image:url(${e2});mask-image:url(${e2})}.icon.icon-chrome{-webkit-mask-image:url(${e1});mask-image:url(${e1})}.icon.icon-critical{-webkit-mask-image:url(${e5});mask-image:url(${e5})}.icon.icon-curriculum-next{-webkit-mask-image:url(${e4});mask-image:url(${e4})}.icon.icon-curriculum-prev{-webkit-mask-image:url(${e6});mask-image:url(${e6})}.icon.icon-deno{-webkit-mask-image:url(${e3});mask-image:url(${e3})}.icon.icon-deprecated{-webkit-mask-image:url(${e8});mask-image:url(${e8})}.icon.icon-desktop{-webkit-mask-image:url(${e9});mask-image:url(${e9})}.icon.icon-disabled{-webkit-mask-image:url(${e7});mask-image:url(${e7})}.icon.icon-edge{-webkit-mask-image:url(${ne});mask-image:url(${ne})}.icon.icon-edit{-webkit-mask-image:url(${nn});mask-image:url(${nn})}.icon.icon-edit-filled{-webkit-mask-image:url(${nt});mask-image:url(${nt})}.icon.icon-ellipses{-webkit-mask-image:url(${nr});mask-image:url(${nr})}.icon.icon-experimental{-webkit-mask-image:url(${no});mask-image:url(${no})}.icon.icon-external{-webkit-mask-image:url(${ni});mask-image:url(${ni})}.icon.icon-eye-filled{-webkit-mask-image:url(${nA});mask-image:url(${nA})}.icon.icon-eye{-webkit-mask-image:url(${na});mask-image:url(${na})}.icon.icon-feed{-webkit-mask-image:url(${ns});mask-image:url(${ns})}.icon.icon-filter{-webkit-mask-image:url(${nl});mask-image:url(${nl})}.icon.icon-footnote{-webkit-mask-image:url(${nc});mask-image:url(${nc})}.icon.icon-github-mark-small{-webkit-mask-image:url(${nd});mask-image:url(${nd})}.icon.icon-ie{-webkit-mask-image:url(${nb});mask-image:url(${nb})}.icon.icon-information{-webkit-mask-image:url(${nm});mask-image:url(${nm})}.icon.icon-highlight{-webkit-mask-image:url(${np});mask-image:url(${np})}.icon.icon-history{-webkit-mask-image:url(${nu});mask-image:url(${nu})}.icon.icon-language{-webkit-mask-image:url(${nC});mask-image:url(${nC})}.icon.icon-mastodon{-webkit-mask-image:url(${ng});mask-image:url(${ng})}.icon.icon-menu-filled{-webkit-mask-image:url(${nh});mask-image:url(${nh})}.icon.icon-menu{-webkit-mask-image:url(${nf});mask-image:url(${nf})}.icon.icon-mobile{-webkit-mask-image:url(${nv});mask-image:url(${nv})}.icon.icon-more{-webkit-mask-image:url(${nw});mask-image:url(${nw})}.icon.icon-theme-dark{-webkit-mask-image:url(${nk});mask-image:url(${nk})}.icon.icon-new-topic{-webkit-mask-image:url(${ny});mask-image:url(${ny})}.icon.icon-next{-webkit-mask-image:url(${nx});mask-image:url(${nx})}.icon.icon-no{-webkit-mask-image:url(${n$});mask-image:url(${n$})}.icon.icon-nodejs{-webkit-mask-image:url(${nE});mask-image:url(${nE})}.icon.icon-nonstandard{-webkit-mask-image:url(${nB});mask-image:url(${nB})}.icon.icon-note-info{-webkit-mask-image:url(${nD});mask-image:url(${nD})}.icon.icon-note-warning{-webkit-mask-image:url(${n_});mask-image:url(${n_})}.icon.icon-note-deprecated{-webkit-mask-image:url(${nF});mask-image:url(${nF})}.icon.icon-opera{-webkit-mask-image:url(${nU});mask-image:url(${nU})}.icon.icon-padlock{-webkit-mask-image:url(${nq});mask-image:url(${nq})}.icon.icon-partial{-webkit-mask-image:url(${nG});mask-image:url(${nG})}.icon.icon-play{-webkit-mask-image:url(${nI});mask-image:url(${nI})}.icon.icon-prefix{-webkit-mask-image:url(${nz});mask-image:url(${nz})}.icon.icon-preview{-webkit-mask-image:url(${nS});mask-image:url(${nS})}.icon.icon-previous{-webkit-mask-image:url(${nN});mask-image:url(${nN})}.icon.icon-question-mark{-webkit-mask-image:url(${nT});mask-image:url(${nT})}.icon.icon-queue{-webkit-mask-image:url(${nJ});mask-image:url(${nJ})}.icon.icon-queued{-webkit-mask-image:url(${nM});mask-image:url(${nM})}.icon.icon-quote{-webkit-mask-image:url(${nR});mask-image:url(${nR})}.icon.icon-return{-webkit-mask-image:url(${nY});mask-image:url(${nY})}.icon.icon-safari{-webkit-mask-image:url(${nj});mask-image:url(${nj})}.icon.icon-samsunginternet{-webkit-mask-image:url(${nO});mask-image:url(${nO})}.icon.icon-search{-webkit-mask-image:url(${nL});mask-image:url(${nL})}.icon.icon-send{-webkit-mask-image:url(${nH});mask-image:url(${nH})}.icon.icon-server{-webkit-mask-image:url(${nW});mask-image:url(${nW})}.icon.icon-sidebar{-webkit-mask-image:url(${nK});mask-image:url(${nK})}.icon.icon-simple-firefox{-webkit-mask-image:url(${nV});mask-image:url(${nV})}.icon.icon-small-arrow{-webkit-mask-image:url(${eY});mask-image:url(${eY})}.icon.icon-theme-light{-webkit-mask-image:url(${nQ});mask-image:url(${nQ})}.icon.icon-star-filled{-webkit-mask-image:url(${nP});mask-image:url(${nP})}.icon.icon-star{-webkit-mask-image:url(${nZ});mask-image:url(${nZ})}.icon.icon-theme-os-default{-webkit-mask-image:url(${nX});mask-image:url(${nX})}.icon.icon-thumbs-down{-webkit-mask-image:url(${n0});mask-image:url(${n0})}.icon.icon-thumbs-up{-webkit-mask-image:url(${n2});mask-image:url(${n2})}.icon.icon-trash{-webkit-mask-image:url(${n1});mask-image:url(${n1})}.icon.icon-trash-filled{-webkit-mask-image:url(${n5});mask-image:url(${n5})}.icon.icon-twitter-x{-webkit-mask-image:url(${n4});mask-image:url(${n4})}.icon.icon-unknown{-webkit-mask-image:url(${n6});mask-image:url(${n6})}.icon.icon-warning{-webkit-mask-image:url(${n3});mask-image:url(${n3})}.icon.icon-webview{-webkit-mask-image:url(${n8});mask-image:url(${n8})}.icon.icon-yes{-webkit-mask-image:url(${n9});mask-image:url(${n9})}.icon.icon-yes-circle{-webkit-mask-image:url(${n7});mask-image:url(${n7})}svg.icon{background:rgba(0,0,0,0);color:var(--icon-primary)}.icons-highlighted{align-items:center;display:flex;flex-direction:column}.icons-highlighted>span{height:var(--icon-size);line-height:0;width:var(--icon-size)}.icons-highlighted>span.icons-icon-wrapper{margin-top:-0.1rem}*{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}.visually-hidden{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}code{background:var(--code-background-inline);padding:.125rem .25rem;width:-webkit-fit-content;width:fit-content}a{color:var(--text-link)}.external:after{background-color:var(--icon-primary);content:"";display:inline-flex;height:10px;margin-left:4px;-webkit-mask-image:url(${ni});mask-image:url(${ni});-webkit-mask-size:cover;mask-size:cover;width:10px}table{display:grid;grid-auto-flow:row dense}table thead tr{display:contents}table thead tr th,table thead tr td{display:grid;grid-template-columns:subgrid}table tbody{display:contents}table tbody tr{display:contents}table tbody tr th,table tbody tr td{display:contents}table tbody tr th button,table tbody tr td button{display:grid;grid-template-columns:subgrid}table tbody tr th .timeline,table tbody tr td .timeline{grid-column:1/-1}.bc-on-github{font-size:var(--type-smaller-font-size)}.bc-table{border:1px solid var(--border-primary);border-collapse:separate;border-radius:var(--elem-radius);border-spacing:0;margin:0;width:100%}.bc-table td,.bc-table th{border:1px solid var(--border-secondary);border-width:0 0 1px 1px;font-size:var(--type-smaller-font-size);font-weight:500;padding:0;padding:.4rem}.bc-table td code,.bc-table th code{font-size:var(--type-smaller-font-size)}.bc-table th{background:var(--background-primary);padding:.4rem;vertical-align:bottom}.bc-table thead{line-height:1;white-space:nowrap}.bc-table tbody tr{height:3rem}@media(min-width: 426px){.bc-table tbody tr:last-child th,.bc-table tbody tr:last-child td{border-bottom-width:0}}.bc-table tbody tr th{border-left-width:0;vertical-align:middle}.bc-table tbody .bc-support{vertical-align:top}.bc-table tbody .bc-support button{cursor:pointer;width:100%}.bc-table tbody .bc-support.bc-supports-no>button>span{color:var(--text-primary-red)}.bc-table tbody .bc-support.bc-supports-partial>button>span{color:var(--text-primary-yellow)}.bc-table tbody .bc-support.bc-supports-preview>button>span{color:var(--text-primary-blue)}.bc-table tbody .bc-support.bc-supports-yes>button>span{color:var(--text-primary-green)}.bc-table .bc-supports{margin-bottom:1rem}.bc-table .bc-supports .icon-wrap{background:var(--background-primary)}.bc-table .bc-supports.bc-supports-removed-partial .bcd-cell-text-copy{color:var(--text-primary-yellow)}.bc-table .icon-wrap .bc-support-level{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px}.bc-table .bc-support>button>.icon-wrap{display:block}.bc-table .bc-support .icon.icon-removed-partial{background-color:var(--icon-critical);-webkit-mask-image:url(${n$});mask-image:url(${n$})}.bc-table .bc-support .timeline .icon.icon-removed-partial{background-color:var(--icon-primary);-webkit-mask-image:url(${nG});mask-image:url(${nG})}.bc-table .bc-support.bc-supports-removed-partial .bcd-cell-text-copy{color:var(--text-primary-red)}.bc-table .bc-feature{align-items:center;border:none;display:flex;text-align:left;width:100%}.bc-table .bc-feature>*{border:none !important;flex-basis:max-content}.bc-table .bc-feature-depth-2{border-left:7px solid var(--border-primary)}.bc-table .bc-feature-depth-3{border-left:15px solid var(--border-primary)}.bc-table .timeline{display:none}.bc-table .bc-has-history:focus-within .timeline{display:initial}.bc-head-txt-label{line-height:1;text-orientation:sideways;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.bc-support{text-align:center;vertical-align:middle}.bc-level-no{background-color:var(--icon-critical)}.bc-level-preview{background-color:var(--icon-information)}.bc-legend-items-container{display:flex;flex-wrap:wrap;font-size:var(--type-smaller-font-size);gap:1.5rem;margin-bottom:2rem}.bc-legend-tip{font-size:var(--type-smaller-font-size);font-style:italic;font-variation-settings:"slnt" -10;margin-bottom:1rem;margin-top:0}.bc-legend-item{align-items:center;display:flex;gap:.5rem}.bc-legend-item-dt{display:flex}.bc-legend-item-dt .icon{background-color:var(--icon-primary)}.bc-platforms th{align-items:center;display:flex;justify-content:center}.bc-platforms td{border:none}.bc-browsers th{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:end;vertical-align:bottom}.bc-browsers td{border-width:0 0 1px}.bc-notes-list{margin:.5rem 0;position:relative;text-align:left;width:100%}.bc-notes-list:before{background:var(--border-primary);content:"";height:calc(100% - .25rem);left:7px;margin-top:.25rem;position:absolute;width:2px;z-index:-1}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child{position:relative}.bc-notes-list .bc-notes-wrapper:last-child dd:last-child:before{background:var(--background-primary);bottom:0;content:"";height:calc(100% - 6px);left:7px;position:absolute;width:2px;z-index:-1}.bc-notes-list .bc-level-yes.icon.icon-yes{background-color:var(--icon-success);-webkit-mask-image:url(${n7});mask-image:url(${n7})}.bc-notes-list .bc-supports-dd .icon{background:var(--border-primary);border:3px solid var(--background-primary);border-radius:50%;-webkit-mask-image:none;mask-image:none}.bc-notes-list .bc-version-label{display:inline}.bc-notes-list abbr{margin-right:4px;-webkit-text-decoration:none;text-decoration:none}.bc-notes-list dd{margin-bottom:1rem;padding-left:1.5rem;text-indent:-1.5rem}.bc-notes-list dd:last-child{margin-bottom:2rem}.bc-notes-wrapper{color:var(--text-primary);margin-bottom:1rem}.bc-notes-wrapper:last-child{margin-bottom:0}dl.bc-notes-list dt.bc-supports{margin-top:1rem}dl.bc-notes-list dt.bc-supports:first-child{margin-top:0}dl.bc-notes-list dd.bc-supports-dd{margin-bottom:1rem}dl.bc-notes-list dd.bc-supports-dd:last-child{margin-bottom:0}.only-icon span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px}.bc-table-row-header{padding:.25em;text-align:left;width:100%}.bc-table-row-header code{overflow:hidden}.bc-table-row-header .bc-icons{display:inline-flex;gap:.5ch;margin-left:.5ch;vertical-align:text-top}.bc-table-row-header .bc-icons .icon{background-color:var(--icon-secondary)}.bc-table-row-header .bc-icons .icon:hover{background-color:var(--icon-primary)}.bc-github-link{font:var(--type-smaller-font-size)}.main-page-content .bc-legend dd,.main-page-content .bc-legend dt{margin-bottom:0;margin-left:0;margin-top:0}.main-page-content .bc-supports-dd{margin:0}@media(max-width: 425.98px){.bc-table{grid-template-columns:auto}.bc-table thead{display:none}.bc-table tr td.bc-support{border:none;border-top:1px solid var(--border-primary);display:block}.bc-table tr td.bc-support:last-child{border-bottom:1px solid var(--border-primary)}.bc-table .timeline{margin-left:.25rem}.bc-table tr:not(:first-of-type) .bc-feature{border-top:2px solid var(--border-primary)}.bc-table .bc-feature,.bc-table .bc-support>button{align-content:center;display:flex;flex-wrap:wrap;gap:.5rem}.bc-on-github a{white-space:nowrap}.table-container{overflow-x:auto}}@media(min-width: 426px){.bc-table{grid-template-columns:minmax(20vw, -webkit-min-content) repeat(var(--browser-count), auto);grid-template-columns:minmax(20vw, min-content) repeat(var(--browser-count), auto)}.bc-table thead{display:contents}.bc-table thead .bc-platforms th{vertical-align:revert}.bc-table tbody{--border: 1px solid var(--border-secondary)}.bc-table tbody tr:not(:first-child) th>*,.bc-table tbody tr:not(:first-child) td>*{border-top:var(--border)}.bc-table tbody tr:not(:first-child) .bc-feature{border-top:var(--border)}.bc-table tbody tr th:not(:first-child)>*,.bc-table tbody tr td:not(:first-child)>*{border-left:var(--border)}.bc-table td,.bc-table th{background:inherit;padding:.25rem}.bc-table td.bc-support{padding:0}.bc-table td.bc-support>button{padding:.25rem}.bc-table .timeline{border-left:none !important;border-top:var(--border)}.bc-table .bc-has-history:focus-within>button{--padding-bottom-offset: -2px;border-bottom:2px solid var(--text-primary)}.table-container{margin:0 -3rem;overflow:auto;width:100vw}.table-container-inner{min-width:-webkit-max-content;min-width:max-content;padding:0 3rem;position:relative}.table-container-inner:after{bottom:0;content:"";height:10px;position:absolute;right:0;width:10px}.bcd-cell-text-wrapper .bc-support-level,.bcd-cell-text-wrapper .bc-browser-name{display:none}.bc-notes-list{margin-left:20%;max-width:80vw;width:auto}.bc-support .bc-support-level{display:none}.bc-has-history{cursor:pointer}.bc-has-history>button:hover{background:var(--background-secondary)}}@media(min-width: 769px){.table-container{width:calc(100% + 6rem)}.table-container-inner{min-width:initial}.bc-on-github{text-align:right}.bc-table{grid-template-columns:minmax(25%, -webkit-max-content) repeat(var(--browser-count), calc(75% / var(--browser-count)));grid-template-columns:minmax(25%, max-content) repeat(var(--browser-count), calc(75% / var(--browser-count)))}.icon{--size: calc(1rem + 1px)}}@media(min-width: 1200px){.table-container{margin:0;width:100%}.table-container-inner{padding:0}.bc-table{grid-template-columns:minmax(33%, -webkit-max-content) repeat(var(--browser-count), calc(67% / var(--browser-count)));grid-template-columns:minmax(33%, max-content) repeat(var(--browser-count), calc(67% / var(--browser-count)))}}.bcd-cell-text-wrapper{display:flex;flex-direction:row;gap:.5rem}@media(min-width: 426px){.bcd-cell-text-wrapper{align-items:center;flex-direction:column}}.bcd-timeline-cell-text-wrapper{display:flex;flex-direction:row;gap:.25rem}.bcd-cell-text-copy{color:var(--text-primary)}.bc-supports-yes .bcd-cell-text-copy{color:var(--text-primary-green)}.bc-supports-partial .bcd-cell-text-copy{color:var(--text-primary-yellow)}.bc-supports-no .bcd-cell-text-copy{color:var(--text-primary-red)}.bcd-cell-icons{display:flex;gap:.5rem}@media(min-width: 426px){.bcd-cell-icons{display:block}}@media(min-width: 426px){.bc-table td.bc-support>button{padding-bottom:calc(.5rem + var(--padding-bottom-offset, 0px));padding-left:.25rem;padding-right:.25rem;padding-top:.5rem}}`,"",{version:3,sources:["webpack://./node_modules/@mdn/yari/client/src/ui/atoms/button/index.scss","webpack://./node_modules/@mdn/yari/client/src/ui/atoms/icon/index.scss","webpack://./node_modules/@mdn/yari/client/src/lit/compat/global.scss","webpack://./node_modules/@mdn/yari/client/src/lit/compat/index.scss","webpack://./node_modules/@mdn/minimalist/sass/mixins/_utils.scss","webpack://./node_modules/@mdn/yari/client/src/lit/compat/index-mobile.scss","webpack://./node_modules/@mdn/yari/client/src/lit/compat/index-desktop.scss","webpack://./node_modules/@mdn/yari/client/src/lit/compat/index-desktop-md.scss","webpack://./node_modules/@mdn/yari/client/src/lit/compat/index-desktop-xl.scss"],names:[],mappings:"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",sourcesContent:['button,\n.button {\n  appearance: none;\n  background: none;\n  border: none;\n}\n\n.button {\n  --button-bg: var(--button-primary-default);\n  --button-bg-hover: var(--button-primary-hover);\n  --button-bg-active: var(--button-primary-active);\n  --button-border-color: var(--button-primary-default);\n  --button-focus-effect: var(--focus-effect);\n  --button-height: var(--form-elem-height, 2rem);\n  --button-color: var(--background-primary);\n  --button-font: var(--type-emphasis-m);\n  --button-padding: 0.5rem;\n  --button-radius: var(--elem-radius, 0.25rem);\n  border-radius: var(--button-radius);\n\n  cursor: pointer;\n  display: inline-block;\n  padding: 0;\n  text-decoration: none;\n}\n\n.button-wrap {\n  align-items: center;\n  background-color: var(--button-bg);\n  border: 1px solid var(--button-border-color);\n  border-radius: var(--button-radius);\n  color: var(--button-color);\n  display: flex;\n  font: var(--button-font);\n  gap: 0.25rem;\n  height: var(--button-height);\n  justify-content: center;\n  padding-left: var(--button-padding);\n  padding-right: var(--button-padding);\n  position: relative;\n}\n\n.button .icon {\n  background-color: var(--button-color);\n  margin: 0 -1px; // shrinks icon-only buttons to square.\n}\n\n/* Button States */\n\n.button:hover,\n.button.hover {\n  // In most cases, we want the border to be the same color as the background.\n  --button-border-color: var(--button-bg-hover, var(--button-bg));\n\n  .button-wrap {\n    background-color: var(--button-bg-hover, var(--button-bg));\n  }\n}\n\n.button:active,\n.button.active {\n  .button-wrap {\n    background-color: var(--button-bg-active, var(--button-bg));\n  }\n}\n\n.button:focus,\n.button.focus {\n  outline: none;\n\n  .button-wrap {\n    border: 1px solid var(--button-secondary-border-focus);\n    box-shadow: var(--button-focus-effect);\n  }\n}\n\n.button.button[disabled],\n.button.button.inactive {\n  cursor: default;\n  opacity: 0.65;\n\n  &:hover {\n    --button-bg-hover: unset;\n  }\n\n  &:active {\n    --button-bg-active: unset;\n  }\n}\n\n/* Standard Button Modifiers */\n\n.button.small,\n.button.small .button-wrap {\n  --button-height: 1.75rem;\n  --button-padding: 0.25rem;\n}\n\n/* Secondary Version */\n\n.button.secondary {\n  --button-bg: var(--button-secondary-default);\n  --button-border-color: var(--border-primary);\n  --button-color: var(--text-secondary);\n  --button-bg-hover: var(--button-secondary-hover);\n  --button-bg-active: var(--button-secondary-active);\n\n  &:focus {\n    --button-border-color: var(--button-secondary-border-focus);\n  }\n}\n\n/* Action Version */\n\n.button.action {\n  --button-bg: transparent;\n  --button-border-color: var(--button-bg);\n  --button-color: var(--text-secondary);\n  --button-font: var(--type-label-s);\n  --button-bg-hover: var(--button-secondary-hover);\n  --button-bg-active: var(--button-secondary-active);\n\n  &.has-icon {\n    --button-font: var(--type-emphasis-m);\n    text-transform: initial;\n  }\n\n  &:focus {\n    --button-border-color: var(--button-secondary-border-focus);\n  }\n\n  .button-wrap {\n    text-transform: var(--button-action-transform, uppercase);\n  }\n\n  &.highlight {\n    --button-color: var(--button-primary-default);\n  }\n}\n\n/* Select Version */\n.button.select {\n  --button-bg: var(--button-secondary-default);\n  --button-bg-hover: var(--button-secondary-hover);\n  --button-bg-active: var(--button-secondary-active);\n  --button-border-color: var(--border-primary);\n  --button-color: var(--text-secondary);\n  appearance: none;\n  background: none;\n  border: none;\n  padding: 0;\n  text-decoration: none;\n\n  .button-wrap {\n    box-shadow: var(--shadow-01);\n    padding-right: 26px;\n    position: relative;\n  }\n\n  .button-wrap::after {\n    background-color: var(--icon-primary);\n    content: "";\n    display: block;\n    height: 16px;\n    mask-image: url("../../../assets/icons/small-arrow.svg");\n    mask-size: cover;\n    position: absolute;\n    right: 0.5rem;\n    top: calc(50% - 0.5rem);\n    width: 16px;\n  }\n}\n\n.button.link {\n  --button-bg: none;\n  --button-bg-hover: none;\n  --button-bg-active: none;\n  --button-border-color: none;\n  --button-focus-effect: none;\n  --button-secondary-border-focus: none;\n  --button-height: auto;\n  --button-font: unset;\n  --button-padding: 0;\n  --button-radius: 0;\n\n  --button-color: var(--text-link);\n  appearance: none;\n  display: inline;\n  text-decoration: none;\n\n  &:focus-visible {\n    outline-color: var(--accent-primary);\n    outline-offset: 1px;\n    outline-style: auto;\n  }\n}\n\n/*\n.high-contrast-white {\n  .button:focus {\n    --button-border-color: var(--border-primary);\n    --button-focus-effect: 0 0 0 4px var(--background-primary),\n      0 0 0 7px var(--border-primary);\n  }\n}\n\n.high-contrast-black {\n  .button:focus {\n    --button-border-color: var(--border-primary);\n    --button-focus-shadow: 0 0 0 4px var(--background-primary),\n      0 0 0 7px var(--border-primary);\n  }\n\n  .button {\n    --button-color: var(--button-secondary-default);\n  }\n\n  .button.secondary {\n    --button-border-color: var(--button-color);\n  }\n\n  .button.action {\n    --button-color: var(--text-secondary);\n  }\n}\n*/\n','$icons:\n  "add-filled", "add", "altname", "bell", "bell-filled", "bell-ring", "bluesky",\n  "bookmark-filled", "bookmark", "cancel", "chatgpt", "checkmark", "chevron",\n  "chrome", "critical", "curriculum-next", "curriculum-prev", "deno",\n  "deprecated", "desktop", "disabled", "edge", "edit", "edit-filled",\n  "ellipses", "experimental", "external", "eye-filled", "eye", "feed", "filter",\n  "footnote", "github-mark-small", "ie", "information", "highlight", "history",\n  "language", "mastodon", "menu-filled", "menu", "mobile", "more", "theme-dark",\n  "new-topic", "next", "no", "nodejs", "nonstandard", "note-info",\n  "note-warning", "note-deprecated", "opera", "padlock", "partial", "play",\n  "prefix", "preview", "previous", "question-mark", "queue", "queued", "quote",\n  "return", "safari", "samsunginternet", "search", "send", "server", "sidebar",\n  "simple-firefox", "small-arrow", "theme-light", "star-filled", "star",\n  "theme-os-default", "thumbs-down", "thumbs-up", "trash", "trash-filled",\n  "twitter-x", "unknown", "warning", "webview", "yes", "yes-circle";\n\n.icon {\n  --size: var(--icon-size, 1rem);\n  background-color: var(--icon-primary);\n  display: inline-block;\n  flex-shrink: 0;\n  height: var(--size);\n  mask-position: center;\n  mask-repeat: no-repeat;\n  vertical-align: middle;\n  width: var(--size);\n\n  @each $name in $icons {\n    &.icon-#{$name} {\n      mask-image: url("../../../assets/icons/" + $name + ".svg");\n    }\n  }\n}\n\n// The icon class is applied directly to SVGs sometimes. This\n// override un-breaks those.\nsvg.icon {\n  background: transparent;\n  color: var(--icon-primary);\n}\n\n.icons-highlighted {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n\n  > span {\n    height: var(--icon-size);\n    line-height: 0;\n    width: var(--icon-size);\n\n    &.icons-icon-wrapper {\n      margin-top: -0.1rem;\n    }\n  }\n}\n','* {\n  box-sizing: border-box;\n}\n\n/* Remove default margin */\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nfigure,\nblockquote,\ndl,\ndd {\n  margin: 0;\n}\n\n.visually-hidden {\n  border: 0 !important;\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n  height: 1px !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  position: absolute !important;\n  white-space: nowrap !important;\n  width: 1px !important;\n}\n\ncode {\n  background: var(--code-background-inline);\n  padding: 0.125rem 0.25rem;\n  width: fit-content;\n}\n\na {\n  color: var(--text-link);\n}\n\n.external:after {\n  background-color: var(--icon-primary);\n  content: "";\n  display: inline-flex;\n  height: 10px;\n  margin-left: 4px;\n  mask-image: url("../../assets/icons/external.svg");\n  mask-size: cover;\n  width: 10px;\n}\n','@use "sass:meta";\n@use "~@mdn/minimalist/sass/mixins/utils" as *;\n@use "../../ui/vars" as *;\n@use "../../ui/atoms/button";\n@use "../../ui/atoms/icon";\n\n@include meta.load-css("global");\n\n// Style for mobile *and* desktop.\n\ntable {\n  display: grid;\n  grid-auto-flow: row dense;\n\n  thead {\n    tr {\n      display: contents;\n\n      th,\n      td {\n        display: grid;\n        grid-template-columns: subgrid;\n      }\n    }\n  }\n\n  tbody {\n    display: contents;\n\n    tr {\n      display: contents;\n\n      th,\n      td {\n        display: contents;\n\n        button {\n          display: grid;\n          grid-template-columns: subgrid;\n        }\n\n        .timeline {\n          grid-column: 1 / -1;\n        }\n      }\n    }\n  }\n}\n\n.bc-on-github {\n  font-size: var(--type-smaller-font-size);\n}\n\n.bc-table {\n  border: 1px solid var(--border-primary);\n  border-collapse: separate;\n  border-radius: var(--elem-radius);\n  border-spacing: 0;\n  margin: 0;\n  width: 100%;\n\n  td,\n  th {\n    border: 1px solid var(--border-secondary);\n    border-width: 0 0 1px 1px;\n\n    font-size: var(--type-smaller-font-size);\n    font-weight: 500;\n    padding: 0;\n    padding: 0.4rem;\n\n    code {\n      font-size: var(--type-smaller-font-size);\n    }\n  }\n\n  th {\n    background: var(--background-primary);\n    padding: 0.4rem;\n    vertical-align: bottom;\n  }\n\n  thead {\n    line-height: 1;\n    white-space: nowrap;\n  }\n\n  // these props allow us to add border-radius to the table.\n  // border-collapse: separate gets in the way of this\n  // being easy.\n  tbody {\n    tr {\n      height: 3rem;\n\n      @media (min-width: $screen-sm) {\n        &:last-child {\n          th,\n          td {\n            border-bottom-width: 0;\n          }\n        }\n      }\n\n      th {\n        border-left-width: 0;\n        vertical-align: middle;\n      }\n    }\n\n    .bc-support {\n      vertical-align: top;\n\n      button {\n        cursor: pointer;\n        width: 100%;\n      }\n\n      &.bc-supports-no > button > span {\n        color: var(--text-primary-red);\n      }\n\n      &.bc-supports-partial > button > span {\n        color: var(--text-primary-yellow);\n      }\n\n      &.bc-supports-preview > button > span {\n        color: var(--text-primary-blue);\n      }\n\n      &.bc-supports-yes > button > span {\n        color: var(--text-primary-green);\n      }\n    }\n  }\n\n  .bc-supports {\n    margin-bottom: 1rem;\n\n    .icon-wrap {\n      background: var(--background-primary);\n    }\n  }\n\n  .bc-supports.bc-supports-removed-partial {\n    .bcd-cell-text-copy {\n      color: var(--text-primary-yellow);\n    }\n  }\n\n  .icon-wrap {\n    .bc-support-level {\n      @include visually-hidden;\n    }\n  }\n\n  .bc-support {\n    > button > .icon-wrap {\n      display: block;\n    }\n\n    .icon.icon-removed-partial {\n      background-color: var(--icon-critical);\n      // override icon\n      mask-image: url("../../assets/icons/no.svg");\n    }\n\n    .timeline .icon.icon-removed-partial {\n      background-color: var(--icon-primary);\n      mask-image: url("../../assets/icons/partial.svg");\n    }\n  }\n\n  .bc-support.bc-supports-removed-partial {\n    .bcd-cell-text-copy {\n      color: var(--text-primary-red);\n    }\n  }\n\n  .bc-feature {\n    align-items: center;\n    border: none;\n    display: flex;\n    text-align: left;\n    width: 100%;\n\n    > * {\n      border: none !important;\n      flex-basis: max-content;\n    }\n  }\n\n  .bc-feature-depth-2 {\n    border-left: 7px solid var(--border-primary);\n  }\n\n  .bc-feature-depth-3 {\n    border-left: 15px solid var(--border-primary);\n  }\n\n  .timeline {\n    display: none;\n  }\n\n  .bc-has-history:focus-within .timeline {\n    display: initial;\n  }\n}\n\n.bc-head-txt-label {\n  line-height: 1;\n  text-orientation: sideways;\n  transform: rotate(180deg);\n  white-space: nowrap;\n  writing-mode: vertical-rl;\n}\n\n.bc-support {\n  text-align: center;\n  vertical-align: middle;\n}\n\n.bc-level-no {\n  background-color: var(--icon-critical);\n}\n\n.bc-level-preview {\n  background-color: var(--icon-information);\n}\n\n.bc-legend-items-container {\n  display: flex;\n  flex-wrap: wrap;\n  font-size: var(--type-smaller-font-size);\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.bc-legend-tip {\n  font-size: var(--type-smaller-font-size);\n  font-style: italic;\n  font-variation-settings: "slnt" -10;\n  margin-bottom: 1rem;\n  margin-top: 0;\n}\n\n.bc-legend-item {\n  align-items: center;\n  display: flex;\n  gap: 0.5rem;\n}\n\n.bc-legend-item-dt {\n  display: flex;\n\n  .icon {\n    background-color: var(--icon-primary);\n  }\n}\n\n// Row with desktop / mobile icons.\n.bc-platforms {\n  th {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n  }\n\n  td {\n    border: none;\n  }\n}\n\n// Row with browser names.\n.bc-browsers {\n  th {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    justify-content: end;\n    vertical-align: bottom;\n  }\n\n  td {\n    border-width: 0 0 1px;\n  }\n}\n\n.bc-notes-list {\n  margin: 0.5rem 0;\n  position: relative;\n  text-align: left;\n  width: 100%;\n\n  &:before {\n    background: var(--border-primary);\n    content: "";\n    height: calc(100% - 0.25rem);\n    left: 7px;\n    margin-top: 0.25rem;\n    position: absolute;\n    width: 2px;\n    z-index: -1;\n  }\n\n  // complicated selector to cover the last bit of the grey line above.\n  .bc-notes-wrapper:last-child dd:last-child {\n    position: relative;\n\n    &:before {\n      background: var(--background-primary);\n      bottom: 0;\n      content: "";\n      height: calc(100% - 6px);\n      left: 7px;\n      position: absolute;\n      width: 2px;\n      z-index: -1;\n    }\n  }\n\n  .bc-level-yes.icon.icon-yes {\n    // override icon\n    background-color: var(--icon-success);\n    mask-image: url("../../assets/icons/yes-circle.svg");\n  }\n\n  .bc-supports-dd {\n    .icon {\n      background: var(--border-primary);\n      border: 3px solid var(--background-primary);\n      border-radius: 50%;\n      mask-image: none;\n    }\n  }\n\n  .bc-version-label {\n    display: inline;\n  }\n\n  abbr {\n    margin-right: 4px;\n    text-decoration: none;\n  }\n\n  dd {\n    margin-bottom: 1rem;\n    padding-left: 1.5rem;\n    text-indent: -1.5rem;\n\n    &:last-child {\n      margin-bottom: 2rem;\n    }\n  }\n}\n\n.bc-notes-wrapper {\n  color: var(--text-primary);\n  margin-bottom: 1rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\ndl.bc-notes-list {\n  dt.bc-supports {\n    margin-top: 1rem;\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  dd.bc-supports-dd {\n    margin-bottom: 1rem;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.only-icon span {\n  @include visually-hidden();\n}\n\n.bc-table-row-header {\n  padding: 0.25em;\n  text-align: left;\n  width: 100%;\n\n  code {\n    overflow: hidden;\n  }\n\n  .bc-icons {\n    display: inline-flex;\n    gap: 0.5ch;\n    margin-left: 0.5ch;\n    vertical-align: text-top;\n\n    .icon {\n      background-color: var(--icon-secondary);\n\n      &:hover {\n        background-color: var(--icon-primary);\n      }\n    }\n  }\n}\n\n.bc-github-link {\n  font: var(--type-smaller-font-size);\n}\n\n.main-page-content {\n  .bc-legend {\n    dd,\n    dt {\n      margin-bottom: 0;\n      margin-left: 0;\n      margin-top: 0;\n    }\n  }\n\n  .bc-supports-dd {\n    margin: 0;\n  }\n}\n\n@include meta.load-css("index-mobile");\n@include meta.load-css("index-desktop");\n@include meta.load-css("index-desktop-md");\n@include meta.load-css("index-desktop-xl");\n\n.bcd-cell-text-wrapper {\n  display: flex;\n  flex-direction: row;\n  gap: 0.5rem;\n\n  @media (min-width: $screen-sm) {\n    align-items: center;\n    flex-direction: column;\n  }\n}\n\n.bcd-timeline-cell-text-wrapper {\n  display: flex;\n  flex-direction: row;\n  gap: 0.25rem;\n}\n\n.bcd-cell-text-copy {\n  color: var(--text-primary);\n}\n\n.bc-supports-yes {\n  .bcd-cell-text-copy {\n    color: var(--text-primary-green);\n  }\n}\n\n.bc-supports-partial {\n  .bcd-cell-text-copy {\n    color: var(--text-primary-yellow);\n  }\n}\n\n.bc-supports-no {\n  .bcd-cell-text-copy {\n    color: var(--text-primary-red);\n  }\n}\n\n.bcd-cell-icons {\n  display: flex;\n  gap: 0.5rem;\n\n  @media (min-width: $screen-sm) {\n    display: block;\n  }\n}\n\n@media (min-width: $screen-sm) {\n  .bc-table {\n    td.bc-support > button {\n      padding-bottom: calc(0.5rem + var(--padding-bottom-offset, 0px));\n      padding-left: 0.25rem;\n      padding-right: 0.25rem;\n      padding-top: 0.5rem;\n    }\n  }\n}\n','@use "../vars/" as *;\n\n/* Used with flexbox and grid. The new syntax is to use `gap`, but here\n   we also provide the fallback of `grid-gap`. This is also why we need\n   the stylelint-disable-line as the order is important */\n@mixin gap($width: $base-spacing) {\n  grid-gap: $width;\n  gap: $width; /* stylelint-disable-line order/properties-alphabetical-order */\n}\n\n/*\n * A simply utility for setting a max width on an element that constrains its\n * width to what is commonly known to be a readable line length for prose.\n */\n@mixin readable-line-length() {\n  max-width: $max-line-length-fallback;\n  max-width: 85ch;\n}\n\n/* \n * Hide an element visually, but not from screen readers\n * Use this mixin sparingly to avoid unnecessary code bloat\n * Instead, use the class `visually-hidden` directly on the\n * relevant element or component.\n */\n@mixin visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  /* !important required to ensure element is hidden when mixin is applied */\n  position: absolute !important; /* stylelint-disable-line declaration-no-important */\n  width: 1px;\n}\n\n@mixin reset-visually-hidden {\n  border: inherit;\n  clip: inherit;\n  height: inherit;\n  margin: inherit;\n  overflow: inherit;\n  padding: inherit;\n  position: inherit !important; /* stylelint-disable-line declaration-no-important */\n  width: inherit;\n}\n\n/* A common reset for `ol` and `ul` elements  */\n@mixin reset-list() {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n@mixin caret-arrow($color, $direction: right, $size: 6px, $thickness: 2px) {\n  border: solid $color;\n  border-width: 0 $thickness $thickness 0;\n  content: "";\n  display: inline-block;\n  height: $size;\n  width: $size;\n\n  /* stylelint-disable block-closing-brace-newline-after */\n  @if ($direction == up) {\n    transform: rotate(-135deg);\n  } @else if ($direction == left) {\n    transform: rotate(135deg);\n  } @else if ($direction == down) {\n    transform: rotate(45deg);\n  } @else if ($direction == right) {\n    transform: rotate(-45deg);\n  }\n}\n','@use "../../ui/vars" as *;\n\n// Style for mobile.\n\n@media (max-width: #{$screen-sm - 0.02}) {\n  .bc-table {\n    grid-template-columns: auto;\n\n    thead {\n      display: none;\n    }\n\n    tr {\n      td.bc-support {\n        border: none;\n        border-top: 1px solid var(--border-primary);\n        display: block;\n\n        &:last-child {\n          border-bottom: 1px solid var(--border-primary);\n        }\n      }\n    }\n\n    .timeline {\n      // Align timeline icons with summary icon.\n      margin-left: 0.25rem;\n    }\n\n    tr:not(:first-of-type) .bc-feature {\n      // Feature separator.\n      border-top: 2px solid var(--border-primary);\n    }\n\n    .bc-feature,\n    .bc-support > button {\n      align-content: center;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n    }\n  }\n\n  .bc-on-github a {\n    white-space: nowrap;\n  }\n\n  .table-container {\n    overflow-x: auto;\n  }\n}\n','@use "../../ui/vars" as *;\n\n// Style for desktop.\n\n@media (min-width: $screen-sm) {\n  .bc-table {\n    // Expand all columns.\n    grid-template-columns: minmax(20vw, min-content) repeat(\n        var(--browser-count),\n        auto\n      );\n\n    thead {\n      display: contents;\n\n      .bc-platforms {\n        th {\n          vertical-align: revert;\n        }\n      }\n    }\n\n    tbody {\n      --border: 1px solid var(--border-secondary);\n\n      // Border.\n      tr {\n        &:not(:first-child) {\n          th,\n          td {\n            > * {\n              border-top: var(--border);\n            }\n          }\n\n          .bc-feature {\n            border-top: var(--border);\n          }\n        }\n\n        th:not(:first-child),\n        td:not(:first-child) {\n          > * {\n            border-left: var(--border);\n          }\n        }\n      }\n    }\n\n    td,\n    th {\n      background: inherit;\n      padding: 0.25rem;\n    }\n\n    td.bc-support {\n      padding: 0;\n\n      > button {\n        padding: 0.25rem;\n      }\n    }\n\n    .timeline {\n      border-left: none !important;\n      border-top: var(--border);\n    }\n\n    .bc-has-history:focus-within > button {\n      // Highlight expanded item.\n      --padding-bottom-offset: -2px;\n      border-bottom: 2px solid var(--text-primary);\n    }\n  }\n\n  .table-container {\n    margin: 0 -3rem;\n    overflow: auto;\n    width: 100vw;\n  }\n\n  .table-container-inner {\n    min-width: max-content;\n    padding: 0 3rem;\n    position: relative;\n\n    &:after {\n      bottom: 0;\n      content: "";\n      height: 10px;\n      position: absolute;\n      right: 0;\n      width: 10px;\n    }\n  }\n\n  .bcd-cell-text-wrapper {\n    .bc-support-level,\n    .bc-browser-name {\n      display: none;\n    }\n  }\n\n  .bc-notes-list {\n    margin-left: 20%;\n    max-width: 80vw;\n    width: auto;\n  }\n\n  .bc-support {\n    .bc-support-level {\n      display: none;\n    }\n  }\n\n  .bc-has-history {\n    cursor: pointer;\n\n    > button:hover {\n      background: var(--background-secondary);\n    }\n  }\n}\n','@use "../../ui/vars" as *;\n\n@media (min-width: $screen-md) {\n  .table-container {\n    width: calc(100% + 6rem);\n  }\n\n  .table-container-inner {\n    min-width: initial;\n  }\n\n  .bc-on-github {\n    text-align: right;\n  }\n\n  .bc-table {\n    // 25% for feature, 75% for browser columns.\n    grid-template-columns: minmax(25%, max-content) repeat(\n        var(--browser-count),\n        calc(75% / var(--browser-count))\n      );\n  }\n\n  .icon {\n    // Workaround for Icons being cut by 1px at the top.\n    --size: calc(1rem + 1px);\n  }\n}\n','@use "../../ui/vars" as *;\n\n@media (min-width: $screen-xl) {\n  .table-container {\n    margin: 0;\n    width: 100%;\n  }\n\n  .table-container-inner {\n    padding: 0;\n  }\n\n  .bc-table {\n    // 33% for feature, 67% for browser columns.\n    grid-template-columns: minmax(33%, max-content) repeat(\n        var(--browser-count),\n        calc(67% / var(--browser-count))\n      );\n  }\n}\n'],sourceRoot:""}]);var te=new CSSStyleSheet;te.replaceSync(eR.toString());let tn=te},19194:function(e,n,t){e.exports=t.p+"add-filled.80d402757a60674d.svg"},24137:function(e,n,t){e.exports=t.p+"add.9310d8fcf4d12ca9.svg"},85649:function(e,n,t){e.exports=t.p+"altname.42d2e41d11030519.svg"},16883:function(e,n,t){e.exports=t.p+"bell-filled.54210b230d4cd96a.svg"},22245:function(e,n,t){e.exports=t.p+"bell-ring.42eae9e00cdc5670.svg"},71041:function(e,n,t){e.exports=t.p+"bell.84639befc6b81f54.svg"},24536:function(e,n,t){e.exports=t.p+"bluesky.6217395adda884d6.svg"},91799:function(e,n,t){e.exports=t.p+"bookmark-filled.2871e99c943c520a.svg"},36524:function(e,n,t){e.exports=t.p+"bookmark.697100550aca63ed.svg"},658:function(e,n,t){e.exports=t.p+"chatgpt.bbca9c9c3aceadc0.svg"},53693:function(e,n,t){e.exports=t.p+"checkmark.78b83561190aa5be.svg"},63010:function(e,n,t){e.exports=t.p+"chevron.5d373c9173be10ac.svg"},77649:function(e,n,t){e.exports=t.p+"chrome.34c80ba0e9389a43.svg"},32078:function(e,n,t){e.exports=t.p+"critical.0569cc36ffba11c5.svg"},74142:function(e,n,t){e.exports=t.p+"curriculum-next.1e2c24ff7c72f8f3.svg"},56441:function(e,n,t){e.exports=t.p+"curriculum-prev.76a80bfc2bf346bf.svg"},66969:function(e,n,t){e.exports=t.p+"deno.6e66cc38cdfcb577.svg"},21866:function(e,n,t){e.exports=t.p+"deprecated.c40ec2e5fa028b18.svg"},23542:function(e,n,t){e.exports=t.p+"desktop.9916908187575ee8.svg"},69834:function(e,n,t){e.exports=t.p+"disabled.0a3139cf317f8e73.svg"},85658:function(e,n,t){e.exports=t.p+"edge.975e09d9c765224d.svg"},95086:function(e,n,t){e.exports=t.p+"edit-filled.4ff5b1542e5f26cd.svg"},62418:function(e,n,t){e.exports=t.p+"edit.b33bc30018dbe30a.svg"},54624:function(e,n,t){e.exports=t.p+"ellipses.9bbbfb1a5bab025d.svg"},91651:function(e,n,t){e.exports=t.p+"experimental.317e4709a9ee5689.svg"},55843:function(e,n,t){e.exports=t.p+"eye-filled.513619bc9ac64fd9.svg"},45626:function(e,n,t){e.exports=t.p+"eye.1d6bc09fd049c172.svg"},6608:function(e,n,t){e.exports=t.p+"feed.d5d1bf625dc6b397.svg"},16682:function(e,n,t){e.exports=t.p+"filter.9b5baf25968c04db.svg"},53904:function(e,n,t){e.exports=t.p+"footnote.e51e2440d994efe8.svg"},80517:function(e,n,t){e.exports=t.p+"github-mark-small.bd8d47c6d1b4b950.svg"},37620:function(e,n,t){e.exports=t.p+"highlight.4843af48997a8fb8.svg"},33288:function(e,n,t){e.exports=t.p+"history.0214bce82868c39a.svg"},91263:function(e,n,t){e.exports=t.p+"ie.4c16845326d86ba9.svg"},76508:function(e,n,t){e.exports=t.p+"information.8a003538c18a7e2d.svg"},59599:function(e,n,t){e.exports=t.p+"language.718cb4a62260b684.svg"},69473:function(e,n,t){e.exports=t.p+"mastodon.fffa3e16e0b2db59.svg"},40444:function(e,n,t){e.exports=t.p+"menu-filled.420d33b5b8431346.svg"},57688:function(e,n,t){e.exports=t.p+"menu.360c324943803a41.svg"},17986:function(e,n,t){e.exports=t.p+"mobile.3a8d7a34c723487a.svg"},81273:function(e,n,t){e.exports=t.p+"more.e2fcd5fd16099c48.svg"},81880:function(e,n,t){e.exports=t.p+"new-topic.c44c2b02f1b782d6.svg"},98434:function(e,n,t){e.exports=t.p+"next.444bedba48443091.svg"},59156:function(e,n,t){e.exports=t.p+"no.c0dfcd03ea37bca6.svg"},30114:function(e,n,t){e.exports=t.p+"nodejs.2d9a0f9022cb52ad.svg"},53413:function(e,n,t){e.exports=t.p+"nonstandard.cd4aec5f2f0a3c65.svg"},34485:function(e,n,t){e.exports=t.p+"note-deprecated.373dd62cee35d969.svg"},29189:function(e,n,t){e.exports=t.p+"note-info.eacdd4a9f2821d63.svg"},22272:function(e,n,t){e.exports=t.p+"note-warning.cd4aec5f2f0a3c65.svg"},90290:function(e,n,t){e.exports=t.p+"opera.ad21150bc9f8e600.svg"},86133:function(e,n,t){e.exports=t.p+"padlock.e6e46d7305e05ed1.svg"},39938:function(e,n,t){e.exports=t.p+"partial.f19850f9f004b1b2.svg"},17144:function(e,n,t){e.exports=t.p+"play.ba68e261a8be081c.svg"},92643:function(e,n,t){e.exports=t.p+"prefix.2977e3d4b9fb9a82.svg"},55595:function(e,n,t){e.exports=t.p+"preview.7f907b4753312e8b.svg"},8238:function(e,n,t){e.exports=t.p+"previous.5b9f782377e19f50.svg"},32886:function(e,n,t){e.exports=t.p+"question-mark.423ba48d7301b007.svg"},19639:function(e,n,t){e.exports=t.p+"queue.87b15609b41689ef.svg"},67780:function(e,n,t){e.exports=t.p+"queued.14bb12453dfaadb3.svg"},28156:function(e,n,t){e.exports=t.p+"quote.3ae06798cc589899.svg"},40543:function(e,n,t){e.exports=t.p+"return.3934eafaaf18c979.svg"},45829:function(e,n,t){e.exports=t.p+"safari.914bc957b75d733e.svg"},80945:function(e,n,t){e.exports=t.p+"samsunginternet.6d98cb78e846f96b.svg"},77784:function(e,n,t){e.exports=t.p+"search.1a354d71e7a983d3.svg"},42301:function(e,n,t){e.exports=t.p+"send.97ab75f4a3d4d2ea.svg"},41706:function(e,n,t){e.exports=t.p+"server.482d6fe933e698c8.svg"},55562:function(e,n,t){e.exports=t.p+"sidebar.f5c855c1f43aea2c.svg"},39704:function(e,n,t){e.exports=t.p+"simple-firefox.a8097d7ed48625a7.svg"},97582:function(e,n,t){e.exports=t.p+"small-arrow.7688fc1262388c91.svg"},12367:function(e,n,t){e.exports=t.p+"star-filled.c9db99aeb16b1913.svg"},75044:function(e,n,t){e.exports=t.p+"star.ad1e866563e32428.svg"},26295:function(e,n,t){e.exports=t.p+"theme-dark.c4ed806b135c790e.svg"},14529:function(e,n,t){e.exports=t.p+"theme-light.cf31f079f9e6e27c.svg"},18954:function(e,n,t){e.exports=t.p+"theme-os-default.935f36dac65cabef.svg"},2693:function(e,n,t){e.exports=t.p+"thumbs-down.6a5c08eb98ba1cad.svg"},35698:function(e,n,t){e.exports=t.p+"thumbs-up.74cfbf8161e315db.svg"},92569:function(e,n,t){e.exports=t.p+"trash-filled.08d1d96014b1fc95.svg"},78715:function(e,n,t){e.exports=t.p+"trash.7f3db910c0f027df.svg"},5634:function(e,n,t){e.exports=t.p+"twitter-x.35b91a4e4b88a724.svg"},22786:function(e,n,t){e.exports=t.p+"unknown.48fb1303fdffa5de.svg"},31274:function(e,n,t){e.exports=t.p+"warning.9b94fc66d43115ba.svg"},92361:function(e,n,t){e.exports=t.p+"webview.3abdc5c7966181b2.svg"},63405:function(e,n,t){e.exports=t.p+"yes-circle.ba7d3389a6ed23f8.svg"},1334:function(e,n,t){e.exports=t.p+"yes.39b8ee80cd467e41.svg"},83069:function(e,n,t){t.r(n),t.d(n,{default:()=>j});var r=t(14703),o=t(68724),i=t(29140);let A=Symbol();let task_h=class task_h{get taskComplete(){return this.t||(1===this.i?this.t=new Promise((e,n)=>{this.o=e,this.h=n}):3===this.i?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(e,n,t){this.p=0,this.i=0,(this._=e).addController(this);let r="object"==typeof n?n:{task:n,args:t};this.v=r.task,this.j=r.args,this.m=r.argsEqual??a,this.k=r.onComplete,this.A=r.onError,this.autoRun=r.autoRun??!0,"initialValue"in r&&(this.u=r.initialValue,this.i=2,this.O=this.T?.())}hostUpdate(){!0===this.autoRun&&this.S()}hostUpdated(){"afterUpdate"===this.autoRun&&this.S()}T(){if(void 0===this.j)return;let e=this.j();if(!Array.isArray(e))throw Error("The args function must return an array");return e}async S(){let e=this.T(),n=this.O;this.O=e,e===n||void 0===e||void 0!==n&&this.m(n,e)||await this.run(e)}async run(e){let n,t;e??=this.T(),this.O=e,1===this.i?this.q?.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,"afterUpdate"===this.autoRun?queueMicrotask(()=>this._.requestUpdate()):this._.requestUpdate();let r=++this.p;this.q=new AbortController;let o=!1;try{n=await this.v(e,{signal:this.q.signal})}catch(e){o=!0,t=e}if(this.p===r){if(n===A)this.i=0;else{if(!1===o){try{this.k?.(n)}catch{}this.i=2,this.o?.(n)}else{try{this.A?.(t)}catch{}this.i=3,this.h?.(t)}this.u=n,this.l=t}this._.requestUpdate()}}abort(e){1===this.i&&this.q?.abort(e)}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(e){switch(this.i){case 0:return e.initial?.();case 1:return e.pending?.();case 2:return e.complete?.(this.value);case 3:return e.error?.(this.error);default:throw Error("Unexpected status: "+this.i)}}};let a=(e,n)=>e===n||e.length===n.length&&e.every((e,t)=>!(0,i.Qu)(e,n[t]));var s=t(67294),l=t(49593),c=t(13566),d=t(32529);let{I:b}=d.Al;var m=t(50990);let p=(e,n)=>{let t=e._$AN;if(void 0===t)return!1;for(let e of t)e._$AO?.(n,!1),p(e,n);return!0},u=e=>{let n,t;do{if(void 0===(n=e._$AM))break;(t=n._$AN).delete(e),e=n}while(0===t?.size)},C=e=>{for(let n;n=e._$AM;e=n){let t=n._$AN;if(void 0===t)n._$AN=t=new Set;else if(t.has(e))break;t.add(e),f(n)}};function g(e){void 0!==this._$AN?(u(this),this._$AM=e,C(this)):this._$AM=e}function h(e,n=!1,t=0){let r=this._$AH,o=this._$AN;if(void 0!==o&&0!==o.size)if(n)if(Array.isArray(r))for(let e=t;e<r.length;e++)p(r[e],!1),u(r[e]);else null!=r&&(p(r,!1),u(r));else p(this,e)}let f=e=>{e.type==m.pX.CHILD&&(e._$AP??=h,e._$AQ??=g)};let async_directive_f=class async_directive_f extends m.Xe{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,n,t){super._$AT(e,n,t),C(this),this.isConnected=e._$AU}_$AO(e,n=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),n&&(p(this,e),u(this))}setValue(e){if(void 0===this._$Ct.strings)this._$Ct._$AI(e,this);else{let n=[...this._$Ct._$AH];n[this._$Ci]=e,this._$Ct._$AI(n,this,0)}}disconnected(){}reconnected(){}};let ref_h=class ref_h{};let v=new WeakMap,w=(0,m.XM)(class extends async_directive_f{render(e){return d.Ld}update(e,[n]){let t=n!==this.G;return t&&void 0!==this.G&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=n,this.ht=e.options?.host,this.rt(this.ct=e.element)),d.Ld}rt(e){if(this.isConnected||(e=void 0),"function"==typeof this.G){let n=this.ht??globalThis,t=v.get(n);void 0===t&&(t=new WeakMap,v.set(n,t)),void 0!==t.get(this.G)&&this.G.call(this.ht,void 0),t.set(this.G,e),void 0!==e&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return"function"==typeof this.G?v.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var k=t(67621);let y=["ie"];function x(e){return Array.isArray(e)?e[0]:e}function $(e){return Array.isArray(e)?e:[e]}function E(e,n="",t="",r=0,o=0){let i=[];for(let[A,a]of(t&&e.__compat&&i.push({name:t,compat:e.__compat,depth:r}),t&&(o=function(e){let n=[["",e]];do{let e=n.shift();if(!e)break;let[t,r]=e;if(r.__compat)return t.split(".").length;for(let[e,o]of Object.entries(r)){let r=t?`${t}.${e}`:e;"__compat"in o&&n.push([r,o])}}while(n.length);return 0}(e)),Object.entries(e)))"__compat"!==A&&("__compat"in a&&a.__compat&&i.push({name:n?`${n}.${A}`:A,compat:a.__compat,depth:r+1}),"__compat"in a&&i.push(...E(a,A,"",r+1,o)));return i}function B(e){return Array.isArray(e)&&e.length>1}function D(e,n){return"preview"===e||!!n&&"string"==typeof e&&!!n.releases[e]&&["beta","nightly","planned"].includes(n.releases[e].status)}function _(e){return!!(e.notes&&e.notes.length||e.impl_url&&e.impl_url.length)&&!e.version_removed&&!e.partial_implementation}function F(e){return U(e)||!!e.notes||!!e.impl_url}function U(e){return e.partial_implementation||!!e.alternative_name||!!e.flags||!!e.prefix||!!e.version_removed}function q(e){return!!e.version_added&&!F(e)}function G(e){if(!e)return;let n=$(e).find(e=>q(e));if(n)return n;let t=$(e).find(e=>!!e.version_added&&!U(e));if(t)return t;let r=$(e).find(e=>!e.version_removed&&(e.prefix||e.alternative_name));if(r)return r;let o=$(e).find(e=>!e.version_removed&&e.partial_implementation);if(o)return o;let i=$(e).find(e=>!e.version_removed&&e.flags);if(i)return i;let A=$(e).find(e=>e.version_removed);return A||x(e)}let I={yes:"Full support",partial:"Partial support",preview:"In development. Supported in a pre-release version.",no:"No support",unknown:"Compatibility unknown",experimental:"Experimental. Expect behavior to change in the future.",nonstandard:"Non-standard. Check cross-browser support before using.",deprecated:"Deprecated. Not for use in new websites.",footnote:"See implementation notes.",disabled:"User must explicitly enable this feature.",altname:"Uses a non-standard name.",prefix:"Requires a vendor prefix or different name for use.",more:"Has more compatibility info."};var z=t(44352),S=t(20291),N=t(80170);function T(e,n){let t;if(!e)return"unknown";let r=G(e);if(!r)return"unknown";let{flags:o,version_added:i,version_removed:A,partial_implementation:a}=r;return null===i?t="unknown":D(i,n)?t="preview":i?(t="yes",(A||o&&o.length)&&(t="no")):t="no",a&&(t=A?"removed-partial":"partial"),t}function J(e,n){return"string"!=typeof e?"?":"preview"===e?n.preview_name??"Preview":(e.startsWith("≤")&&(e=e.slice(1)),e=e.replace(/(\.0)+$/g,""))}let M=e=>class extends e{_gleanClick(e){window.dispatchEvent(new CustomEvent("glean-click",{detail:e}))}};let ViewedController=class ViewedController{#e;constructor(e,n,t,r={threshold:.5}){this.#e=e,this.#e.addController(this),this.target=n,this.callback=t,this.intersectionObserverOptions=r,this._visible=!document.hidden,this._timer=null,this._hasViewed=!1,this._onVisibilityChange=this.onVisibilityChange.bind(this)}hostConnected(){document.addEventListener("visibilitychange",this._onVisibilityChange)}hostDisconnected(){this.disconnectObserver(),document.removeEventListener("visibilitychange",this._onVisibilityChange)}hostUpdated(){let e=this.target.value;e?(this._observer=new IntersectionObserver(e=>{e.forEach(e=>this._checkAndSetTimer(e.isIntersecting))},this.intersectionObserverOptions),this._observer.observe(e)):console.error("[ViewedController] Target not found")}disconnectObserver(){this._observer&&this._observer.disconnect()}onVisibilityChange(){this._visible=!document.hidden,this._checkAndSetTimer()}_checkAndSetTimer(e=!1){!this._hasViewed&&this._visible&&e?null===this._timer&&(this._timer=window.setTimeout(()=>{this._hasViewed=!0,this.callback()},1e3)):null!==this._timer&&(clearTimeout(this._timer),this._timer=null)}};let R=`
+<!-- Do not make changes below this line -->
+<details>
+<summary>MDN page report details</summary>
+
+* Query: \`$QUERY_ID\`
+* Report started: $DATE
+
+</details>
+`,Y={yes:"Full support",partial:"Partial support",preview:"In development. Supported in a pre-release version.",no:"No support",unknown:"Compatibility unknown",experimental:"Experimental. Expect behavior to change in the future.",nonstandard:"Non-standard. Check cross-browser support before using.",deprecated:"Deprecated. Not for use in new websites.",footnote:"See implementation notes.",disabled:"User must explicitly enable this feature.",altname:"Uses a non-standard name.",prefix:"Requires a vendor prefix or different name for use.",more:"Has more compatibility info."};let CompatTable=class CompatTable extends M(r.oi){static properties={query:{},locale:{},data:{},browserInfo:{attribute:"browserinfo"},_pathname:{state:!0},_platforms:{state:!0},_browsers:{state:!0}};static styles=z.Z;_tableRef=new ref_h;constructor(){super(),this.viewed=new ViewedController(this,this._tableRef,()=>this._gleanClick(`${N.EQ}: view -> ${this.query}`)),this.query="",this.data={},this.browserInfo={},this.locale="",this._pathname="",this._platforms=[],this._browsers=[]}get _breadcrumbs(){return this.query.split(".")}get _category(){return this._breadcrumbs[0]??""}get _name(){return this._breadcrumbs.at(-1)??""}connectedCallback(){super.connectedCallback(),this._pathname=window.location.pathname,[this._platforms,this._browsers]=function(e,n,t){let r=n.__compat&&"nodejs"in n.__compat.support,o=n.__compat&&"deno"in n.__compat.support,i=["desktop","mobile"];("javascript"===e||r||o)&&i.push("server");let A=[];for(let e of i){let n=Object.keys(t);A.push(...n.filter(n=>n in t&&t[n].type===e))}return"webextensions"===e&&(A=A.filter(e=>t[e].accepts_webextensions)),"javascript"===e||r||(A=A.filter(e=>"nodejs"!==e)),[i,[...A=A.filter(e=>!y.includes(e))]]}(this._category,this.data,this.browserInfo)}get _issueUrl(){let e=new URLSearchParams,n=R.replace(/\$DATE/g,new Date().toISOString()).replace(/\$QUERY_ID/g,this.query).trim();return e.set("mdn-url",`https://developer.mozilla.org${this._pathname}`),e.set("metadata",n),e.set("title",`${this.query} - <SUMMARIZE THE PROBLEM>`),e.set("template","data-problem.yml"),`https://github.com/mdn/browser-compat-data/issues/new?${e.toString()}`}_renderIssueLink(){let e=this.data.__compat?.source_file;return(0,r.dy)`<div class="bc-on-github">
+      <a
+        class="bc-github-link external external-icon"
+        href="#"
+        @click=${e=>{e.preventDefault(),window.open(this._issueUrl,"_blank","noopener,noreferrer")}}
+        target="_blank"
+        rel="noopener noreferrer"
+        title="Report an issue with this compatibility data"
+      >
+        Report problems with this compatibility data</a
+      >${e?(0,r.dy)` •
+            <a
+              class="bc-github-link external external-icon"
+              href=${`https://github.com/mdn/browser-compat-data/tree/main/${e}`}
+              target="_blank"
+              rel="noopener noreferrer"
+              title=${`File: ${e}`}
+            >
+              View data on GitHub
+            </a>`:null}
+    </div>`}_renderTable(){return(0,r.dy)`<figure class="table-container">
+      <figure class="table-container-inner">
+        ${this._renderIssueLink()}
+        <table
+          ${w(this._tableRef)}
+          class="bc-table bc-table-web"
+          style="--browser-count: ${Object.keys(this._browsers).length}"
+        >
+          ${this._renderTableHeader()} ${this._renderTableBody()}
+        </table>
+      </figure>
+    </figure>`}_renderTableHeader(){return(0,r.dy)`<thead>
+      ${this._renderPlatformHeaders()} ${this._renderBrowserHeaders()}
+    </thead>`}_renderPlatformHeaders(){let e=this._platforms.map(e=>({platform:e,browsers:this._browsers.filter(n=>this.browserInfo[n].type===e)})),n=e.map(({browsers:e})=>e.length);return(0,r.dy)`<tr class="bc-platforms">
+      <td></td>
+      ${e.map(({platform:e,browsers:t},o)=>{let i=t.length,A=`bc-platform bc-platform-${e}`,a=`icon icon-${e}`,s=2+n.slice(0,o).reduce((e,n)=>e+n,0);return(0,r.dy)`<th
+          class=${A}
+          colspan=${i}
+          title=${e}
+          style="grid-column: ${s} / ${s+i}"
+        >
+          <span class=${a}></span>
+          <span class="visually-hidden">${e}</span>
+        </th>`})}
+    </tr>`}_renderBrowserHeaders(){return(0,r.dy)`<tr class="bc-browsers">
+      <td></td>
+      ${this._browsers.map(e=>{var n;return(0,r.dy)`<th class=${`bc-browser bc-browser-${e}`}>
+            <div class=${`bc-head-txt-label bc-head-icon-${e}`}>
+              ${this.browserInfo[e]?.name}
+            </div>
+            <div
+              class=${`bc-head-icon-symbol icon icon-${(n=e).startsWith("firefox")?"simple-firefox":"webview_android"===n?"webview":"webview_ios"===n?"safari":n.split("_")[0]??""}`}
+            ></div>
+          </th>`})}
+    </tr>`}_renderTableBody(){let{data:e,_browsers:n,browserInfo:t,locale:o}=this,i=E(e,"",this._name);return i.length>100&&(i=i.filter(({depth:e})=>e<2)),i.length>100&&(i=i.filter(({compat:{status:e}})=>e?.standard_track)),i.length>100&&(i=i.filter(({compat:{status:e}})=>!e?.deprecated)),i.length>100&&(i=i.filter(({compat:{status:e}})=>!e?.experimental)),i.length>100&&(i=i.slice(0,100)),(0,r.dy)`<tbody>
+      ${i.map(e=>{let i,{name:A,compat:a,depth:s}=e,l=a.description?(0,r.dy)`<span>${(0,k.A)(a.description)}</span>`:(0,r.dy)`<code>${A}</code>`,d=(0,r.dy)`${l}${a.status&&this._renderStatusIcons(a.status)}`;if(a.mdn_url&&s>0){let e=a.mdn_url.replace(`/${S.ZW}/docs`,`/${o}/docs`);i=(0,r.dy)`<a
+            href=${e}
+            class="bc-table-row-header"
+            data-glean=${`${N.EQ}: link -> ${e}`}
+          >
+            ${d}
+          </a>`}else i=(0,r.dy)`<div class="bc-table-row-header">
+            ${d}
+          </div>`;let b=e=>{let n=this.shadowRoot?.activeElement,{currentTarget:t}=e;if(n instanceof HTMLElement&&t instanceof HTMLElement&&n.closest("td")===t.closest("td")){n.blur(),e.preventDefault();return}t instanceof HTMLElement&&setTimeout(()=>t.focus(),0)};return(0,r.dy)`<tr>
+          <th class=${`bc-feature bc-feature-depth-${s}`} scope="row">
+            ${i}
+          </th>
+          ${n.map(e=>{let n=t[e],o=a.support[e]??{version_added:null},i=T(o,n),A=this._renderNotes(n,o);return(0,r.dy)`<td
+              class=${`bc-support bc-browser-${e} bc-supports-${i} ${A?"bc-has-history":""}`}
+            >
+              <button
+                type="button"
+                title=${(0,c.o)(A&&"Toggle history")}
+                @mousedown=${b}
+              >
+                ${this._renderCellText(o,n)}
+              </button>
+              ${A&&(0,r.dy)`<div class="timeline" tabindex="0">
+                <dl class="bc-notes-list">${A}</dl>
+              </div>`}
+            </td>`})}
+        </tr>`})}
+    </tbody>`}_renderCellIcons(e){let n=G(e);if(!n)return null;let t=[n.prefix&&this._renderIcon("prefix"),_(n)&&this._renderIcon("footnote"),n.alternative_name&&this._renderIcon("altname"),n.flags&&this._renderIcon("disabled"),B(e)&&this._renderIcon("more")].filter(Boolean);return t.length?(0,r.dy)`<div class="bc-icons">${t}</div>`:null}_renderIcon(e){let n=e in Y?Y[e]:e;return(0,r.dy)`<abbr class="only-icon" title=${(0,c.o)(n)}>
+      <span>${e}</span>
+      <i class=${`icon icon-${e}`}></i>
+    </abbr>`}_renderStatusIcons(e){let n=[];return e.experimental&&n.push({title:"Experimental. Expect behavior to change in the future.",text:"Experimental",iconClassName:"icon-experimental"}),e.deprecated&&n.push({title:"Deprecated. Not for use in new websites.",text:"Deprecated",iconClassName:"icon-deprecated"}),e.standard_track||n.push({title:"Non-standard. Expect poor cross-browser support.",text:"Non-standard",iconClassName:"icon-nonstandard"}),0===n.length?null:(0,r.dy)`<div class="bc-icons">
+          ${n.map(e=>(0,r.dy)`<abbr
+                class=${`only-icon icon ${e.iconClassName}`}
+                title=${e.title}
+              >
+                <span>${e.text}</span>
+              </abbr>`)}
+        </div>`}_renderNotes(e,n){return $(n).slice().reverse().flatMap((t,o)=>{let i=[t.version_removed&&!$(n).some(e=>e.version_added===t.version_removed)?{iconName:"footnote",label:`Removed in ${J(t.version_removed,e)} and later`}:null,t.partial_implementation?{iconName:"footnote",label:"Partial support"}:null,t.prefix?{iconName:"prefix",label:`Implemented with the vendor prefix: ${t.prefix}`}:null,t.alternative_name?{iconName:"altname",label:`Alternate name: ${t.alternative_name}`}:null,t.flags?{iconName:"disabled",label:(()=>{let n="string"==typeof t.version_added,o="string"==typeof t.version_removed,i=t.flags||[];return(0,r.dy)`
+                    ${[n&&`From version ${t.version_added}`,o&&`${n?" until":"Until"} ${t.version_removed} (exclusive)`,n||o?": this":"This"," feature is behind the",...i.map((e,n)=>{let t=e.value_to_set?(0,r.dy)` (needs to be set to
+                              <code>${e.value_to_set}</code>)`:"";return[(0,r.dy)`<code>${e.name}</code>`,"preference"===e.type&&(0,r.dy)` preference${t}`,"runtime_flag"===e.type&&(0,r.dy)` runtime flag${t}`,n<i.length-1&&" and the "].filter(Boolean)}),".",e.pref_url&&i.some(e=>"preference"===e.type)&&` To change preferences in ${e.name}, visit ${e.pref_url}.`].filter(Boolean).map(e=>(0,r.dy)`${e}`)}
+                  `})()}:null,t.notes?(Array.isArray(t.notes)?t.notes:[t.notes]).map(e=>({iconName:"footnote",label:e})):null,t.impl_url?(Array.isArray(t.impl_url)?t.impl_url:[t.impl_url]).map(e=>({iconName:"footnote",label:(0,r.dy)`See
+                  <a href=${e}>${function(e){let n=e.match(/^https:\/\/(?:crbug\.com|webkit\.org\/b|bugzil\.la)\/([0-9]+)/i),t=n?n[1]:null;return t?`bug ${t}`:e}(e)}</a>.`})):null,D(t.version_added,e)?{iconName:"footnote",label:"Preview browser support"}:null,q(t)&&!D(t.version_added,e)?{iconName:"footnote",label:"Full support"}:!1===t.version_added&&!F(t)?{iconName:"footnote",label:"No support"}:null].flat().filter(Boolean);0===i.length&&i.push({iconName:"unknown",label:"Support unknown"});let A=i.filter(e=>null!==e),a=i.length>0;return(0===o||a)&&(0,r.dy)`<div class="bc-notes-wrapper">
+            <dt
+              class=${`bc-supports-${T(t,e)} bc-supports`}
+            >
+              ${this._renderCellText(t,e,!0)}
+            </dt>
+            ${A.map(({iconName:e,label:n})=>(0,r.dy)`<dd class="bc-supports-dd">
+                ${this._renderIcon(e)}${"string"==typeof n?(0,r.dy)`<span>${(0,k.A)(n)}</span>`:n}
+              </dd>`)}
+            ${!a?(0,r.dy)`<dd></dd>`:null}
+          </div>`}).filter(Boolean)}_renderCellText(e,n,t=!1){let o,i,A=G(e),a=A?.version_added??null,s=A?.version_last??null,l=function(e){if(e)return G(e)?.release_date}(e),c=T(e,n);switch(a){case null:o={isSupported:"unknown"};break;case!0:o={isSupported:s?"no":"yes"};break;case!1:o={isSupported:"no"};break;case"preview":o={isSupported:"preview"};break;default:o={isSupported:c,label:"string"!=typeof s?(0,r.dy)`${J(a,n)}`:(0,r.dy)`${J(a,n)}&#8202;&ndash;&#8202;${J(s,n)}`}}let d="";switch(o.isSupported){case"yes":d="Full support",i=o.label||"Yes";break;case"partial":d="Partial support",i=o.label||"Partial";break;case"removed-partial":t?(d="Partial support",i=o.label||"Partial"):(d="No support",i=o.label||"No");break;case"no":d="No support",i=o.label||"No";break;case"preview":d="Preview support",i=o.label||n.preview_name;break;case"unknown":d="Support unknown",i="?"}return d=`${n.name} – ${d}`,(0,r.dy)`<div
+      class=${t?"bcd-timeline-cell-text-wrapper":"bcd-cell-text-wrapper"}
+    >
+      <div class="bcd-cell-icons">
+        <span class="icon-wrap">
+          <abbr
+            class=${`
+                bc-level-${c}
+                icon
+                icon-${c}`}
+            title=${d}
+          >
+            <span class="bc-support-level">${d}</span>
+          </abbr>
+        </span>
+      </div>
+      <div class="bcd-cell-text-copy">
+        <span class="bc-browser-name">${n.name}</span>
+        <span
+          class="bc-version-label"
+          title=${l&&!t?`${n.name} ${a} – Release date: ${l}`:""}
+        >
+          ${!t||a?i:null}
+          ${l&&t?` (Release date: ${l})`:""}
+        </span>
+      </div>
+      ${e&&this._renderCellIcons(e)}
+    </div>`}_renderTableLegend(){let{_browsers:e,browserInfo:n}=this;if(!n)throw Error("Missing browser info");return(0,r.dy)`<section class="bc-legend">
+      <h3 class="visually-hidden" id="Legend">Legend</h3>
+      <p class="bc-legend-tip">
+        Tip: you can click/tap on a cell for more information.
+      </p>
+      <dl class="bc-legend-items-container">
+        ${(function(e,n,t,r){let o=new Set;for(let i of E(e,"",n)){let{status:e}=i.compat;for(let n of(e&&(e.experimental&&o.add("experimental"),e.deprecated&&o.add("deprecated"),e.standard_track||o.add("nonstandard")),r)){let e=i.compat.support[n]??{version_added:null};if(y.includes(n))continue;let r=x(e);for(let i of(r&&_(r)&&o.add("footnote"),$(e)))i.version_added?i.flags&&i.flags.length?o.add("no"):D(i.version_added,t[n])?o.add("preview"):o.add("yes"):null==i.version_added?o.add("unknown"):o.add("no"),i.partial_implementation&&o.add("partial"),i.prefix&&o.add("prefix"),i.alternative_name&&o.add("altname"),i.flags&&o.add("disabled");B(e)&&o.add("more")}}return Object.keys(I).filter(e=>o.has(e)).map(e=>[e,I[e]])})(this.data,this._name,n,e).map(([e,n])=>["yes","partial","no","unknown","preview"].includes(e)?(0,r.dy)`<div class="bc-legend-item">
+                <dt class="bc-legend-item-dt">
+                  <span class=${`bc-supports-${e} bc-supports`}>
+                    <abbr
+                      class=${`bc-level bc-level-${e} icon icon-${e}`}
+                      title=${n}
+                    >
+                      <span class="visually-hidden">${n}</span>
+                    </abbr>
+                  </span>
+                </dt>
+                <dd class="bc-legend-item-dd">${n}</dd>
+              </div>`:(0,r.dy)`<div class="bc-legend-item">
+                <dt class="bc-legend-item-dt">
+                  <abbr
+                    class="legend-icons icon icon-${e}"
+                    title=${n}
+                  ></abbr>
+                </dt>
+                <dd class="bc-legend-item-dd">${n}</dd>
+              </div>`)}
+      </dl>
+    </section>`}render(){return(0,r.dy)` ${this._renderTable()} ${this._renderTableLegend()} `}};customElements.define("compat-table",CompatTable);let LazyCompatTable=class LazyCompatTable extends r.oi{static properties={query:{},locale:{}};constructor(){super(),this.query="",this.locale=""}connectedCallback(){super.connectedCallback()}_dataTask=new task_h(this,{args:()=>[this.query],task:async([e],{signal:n})=>{let t=await fetch(`${l.AJ}/bcd/api/v0/current/${e}.json`,{signal:n});if(!t.ok)throw console.error("Failed to fetch BCD data:",t),Error(t.statusText);return t.json()}});render(){return this._dataTask.render({pending:()=>(0,r.dy)`<p>Loading...</p>`,complete:e=>e?(0,r.dy)`<compat-table
+                query=${this.query}
+                locale=${this.locale}
+                .data=${e.data}
+                .browserInfo=${e.browsers}
+              ></compat-table>`:(0,r.dy)`<p>No compatibility data found</p>`,error:e=>(0,r.dy)`<p>Error loading data: <code>${e}</code></p>`})}};customElements.define("lazy-compat-table",LazyCompatTable);let j=(0,o.L)({tagName:"lazy-compat-table",elementClass:LazyCompatTable,react:s})}};
+//# sourceMappingURL=6883.5757a779418effad.js.map

package/dist/legacy/6883.5757a779418effad.js.LICENSE.txt

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */