@mintlify/msft-sdk 1.1.52 → 1.1.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/content-components/callouts.js +2 -2
- package/dist/components/content-components/callouts.js.map +1 -1
- package/dist/components/content-components/code-block.js +110 -87
- package/dist/components/content-components/code-block.js.map +1 -1
- package/dist/components/content-components/code-group.js +25 -25
- package/dist/components/content-components/code-group.js.map +1 -1
- package/dist/components/content-components/table/index.js +2 -2
- package/dist/components/content-components/table/index.js.map +1 -1
- package/dist/components/content-components/tabs/tabs.js +16 -16
- package/dist/components/content-components/tabs/tabs.js.map +1 -1
- package/dist/components/nav-tree/index.js +125 -115
- package/dist/components/nav-tree/index.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/styles.css +1 -1
- package/dist/utils/getScrollbarClassname.js +9 -0
- package/dist/utils/getScrollbarClassname.js.map +1 -0
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/content-components/table/index.tsx"],"sourcesContent":["import { ArrowExpand20Regular } from '@fluentui/react-icons';\nimport * as React from 'react';\nimport { useState } from 'react';\n\nimport { cn } from '../../../utils/cn';\nimport { TableModal } from './table-modal';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n ({ className, children, ...props }, ref) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const handleExpandClick = () => {\n setIsModalOpen(true);\n };\n\n const handleCloseModal = () => {\n setIsModalOpen(false);\n };\n\n return (\n <>\n <div\n className=\"mint:relative mint:block mint:mb-4 mint:mt-
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/content-components/table/index.tsx"],"sourcesContent":["import { ArrowExpand20Regular } from '@fluentui/react-icons';\nimport * as React from 'react';\nimport { useState } from 'react';\n\nimport { cn } from '../../../utils/cn';\nimport { TableModal } from './table-modal';\n\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n ({ className, children, ...props }, ref) => {\n const [isModalOpen, setIsModalOpen] = useState(false);\n\n const handleExpandClick = () => {\n setIsModalOpen(true);\n };\n\n const handleCloseModal = () => {\n setIsModalOpen(false);\n };\n\n return (\n <>\n <div\n className=\"mint:relative mint:block mint:mb-4 mint:mt-4\"\n role=\"region\"\n aria-label=\"Data table\"\n >\n <button\n onClick={handleExpandClick}\n className=\"mint:ml-auto mint:flex mint:items-center mint:gap-2 mint:px-2 mint:py-1 mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:hover:bg-gray-50 mint:dark:hover:bg-[#141414]\"\n aria-label=\"Expand table to full screen view\"\n title=\"Expand table\"\n >\n <ArrowExpand20Regular className=\"mint:h-4 mint:w-4 mint:text-gray-700 mint:dark:text-gray-200\" />\n <span className=\"mint:text-sm mint:text-gray-700 mint:dark:text-gray-200\">\n Expand table\n </span>\n </button>\n <div className=\"mint:mt-1 mint:overflow-x-auto\">\n <table\n ref={ref}\n className={cn(\n 'mint:mt-2 mint:border-collapse mint:text-sm mint:w-full mint:rounded-lg mint:overflow-hidden mint:bg-gray-50 mint:dark:bg-[#3d3d3d] mint:border-[1.5px] mint:border-gray-50 mint:dark:border-[#3d3d3d]',\n className\n )}\n {...props}\n >\n {children}\n </table>\n </div>\n </div>\n <TableModal isOpen={isModalOpen} onClose={handleCloseModal}>\n <table\n className={cn(\n 'mint:mt-2 mint:border-collapse mint:text-sm mint:w-full mint:rounded-lg mint:overflow-hidden mint:bg-gray-50 mint:dark:bg-[#3d3d3d] mint:border-[1.5px] mint:border-gray-50 mint:dark:border-[#3d3d3d]',\n className\n )}\n >\n {children}\n </table>\n </TableModal>\n </>\n );\n }\n);\nTable.displayName = 'Table';\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead\n ref={ref}\n className={cn(\n 'mint:text-gray-700 mint:bg-gray-50 mint:dark:text-gray-300 mint:dark:bg-[#141414]',\n className\n )}\n {...props}\n />\n));\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\n 'mint:[&>tr:last-child>td:first-child]:rounded-bl-lg mint:[&>tr:last-child>td:last-child]:rounded-br-lg',\n className\n )}\n {...props}\n />\n));\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n 'mint:border-t mint:border-gray-200 mint:bg-gray-50/50 mint:font-medium mint:dark:border-t-gray-600 mint:dark:bg-[#141414]/50 mint:[&>tr:last-child]:border-b-0',\n className\n )}\n {...props}\n />\n));\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n ({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n 'mint:border-b-[1.5px] mint:border-b-gray-50 mint:dark:border-b-[#3d3d3d]',\n className\n )}\n {...props}\n />\n )\n);\nTableRow.displayName = 'TableRow';\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n 'mint:h-10 mint:bg-gray-50 mint:overflow-hidden mint:px-4 mint:py-2 mint:text-left mint:font-semibold mint:text-gray-700 mint:first:rounded-tl-lg mint:last:rounded-tr-lg mint:dark:bg-[#141414]! mint:dark:text-gray-300',\n className\n )}\n {...props}\n />\n));\nTableHead.displayName = 'TableHead';\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n 'mint:bg-white mint:border-gray-50 mint:px-4 mint:py-2.5 mint:text-[#141414] mint:dark:bg-[#1f1f1f] mint:dark:border-[#141414] mint:dark:text-gray-200',\n className\n )}\n {...props}\n />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn('mint:mt-4 mint:text-sm mint:text-gray-500 mint:dark:text-gray-400', className)}\n {...props}\n />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };\n"],"names":["Table","React","className","children","props","ref","isModalOpen","setIsModalOpen","useState","handleExpandClick","handleCloseModal","jsxs","Fragment","jsx","ArrowExpand20Regular","cn","TableModal","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"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"}
|
|
@@ -14,10 +14,10 @@ function T({
|
|
|
14
14
|
onClickTab: f,
|
|
15
15
|
onChange: c
|
|
16
16
|
}) {
|
|
17
|
-
const [a, b] = v(x ?? w), l = $([]), [h, N] = v({ left: 0, width: 0 }),
|
|
17
|
+
const [a, b] = v(x ?? w), l = $([]), [h, N] = v({ left: 0, width: 0 }), n = o.Children.toArray(y);
|
|
18
18
|
g(() => {
|
|
19
|
-
l.current = l.current.slice(0,
|
|
20
|
-
}, [
|
|
19
|
+
l.current = l.current.slice(0, n.length);
|
|
20
|
+
}, [n.length]), g(() => {
|
|
21
21
|
const e = l.current[a];
|
|
22
22
|
e && N({
|
|
23
23
|
left: e.offsetLeft,
|
|
@@ -26,24 +26,24 @@ function T({
|
|
|
26
26
|
}, [a]);
|
|
27
27
|
const k = (e, t) => {
|
|
28
28
|
var s;
|
|
29
|
-
let
|
|
29
|
+
let i = t;
|
|
30
30
|
switch (e.key) {
|
|
31
31
|
case "ArrowRight":
|
|
32
|
-
e.preventDefault(),
|
|
32
|
+
e.preventDefault(), i = (t + 1) % n.length;
|
|
33
33
|
break;
|
|
34
34
|
case "ArrowLeft":
|
|
35
|
-
e.preventDefault(),
|
|
35
|
+
e.preventDefault(), i = (t - 1 + n.length) % n.length;
|
|
36
36
|
break;
|
|
37
37
|
case "Home":
|
|
38
|
-
e.preventDefault(),
|
|
38
|
+
e.preventDefault(), i = 0;
|
|
39
39
|
break;
|
|
40
40
|
case "End":
|
|
41
|
-
e.preventDefault(),
|
|
41
|
+
e.preventDefault(), i = n.length - 1;
|
|
42
42
|
break;
|
|
43
43
|
default:
|
|
44
44
|
return;
|
|
45
45
|
}
|
|
46
|
-
b(
|
|
46
|
+
b(i), (s = l.current[i]) == null || s.focus();
|
|
47
47
|
};
|
|
48
48
|
return /* @__PURE__ */ r(A.Provider, { value: { activeTab: a, setActiveTab: b }, children: /* @__PURE__ */ m("div", { className: p("mint:my-6", _), children: [
|
|
49
49
|
/* @__PURE__ */ m(
|
|
@@ -53,11 +53,11 @@ function T({
|
|
|
53
53
|
"aria-label": "Content tabs",
|
|
54
54
|
className: "mint:relative mint:flex mint:gap-1 mint:mb-4 mint:overflow-x-auto mint:pb-[3px] mint:before:content-[''] mint:before:absolute mint:before:left-0 mint:before:right-0 mint:before:bottom-0 mint:before:h-[1.5px] mint:before:bg-[#f2f3f3] mint:dark:before:bg-[#222223] mint:before:rounded-full",
|
|
55
55
|
children: [
|
|
56
|
-
|
|
56
|
+
n.map((e, t) => {
|
|
57
57
|
if (!o.isValidElement(e)) return null;
|
|
58
|
-
const
|
|
58
|
+
const i = e.props.title || `Tab ${t + 1}`, s = e.props.icon, d = a === t;
|
|
59
59
|
return /* @__PURE__ */ r(
|
|
60
|
-
"
|
|
60
|
+
"div",
|
|
61
61
|
{
|
|
62
62
|
ref: (u) => {
|
|
63
63
|
l.current[t] = u;
|
|
@@ -72,14 +72,14 @@ function T({
|
|
|
72
72
|
},
|
|
73
73
|
onKeyDown: (u) => k(u, t),
|
|
74
74
|
className: p(
|
|
75
|
-
"mint:relative mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:
|
|
75
|
+
"mint:relative mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:bg-transparent mint:cursor-pointer mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#fff,0_0_0_4px_#75b6e7] mint:focus-visible:outline-offset-2",
|
|
76
76
|
d ? "mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold" : "mint:text-gray-600 mint:hover:text-gray-900 mint:dark:text-gray-400 mint:dark:hover:text-gray-200"
|
|
77
77
|
),
|
|
78
78
|
children: /* @__PURE__ */ m("span", { className: "mint:flex mint:items-center mint:gap-2", children: [
|
|
79
79
|
s && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: s }),
|
|
80
80
|
/* @__PURE__ */ m("span", { className: "mint:relative", children: [
|
|
81
|
-
/* @__PURE__ */ r("span", { className: "mint:invisible mint:font-semibold", "aria-hidden": "true", children:
|
|
82
|
-
/* @__PURE__ */ r("span", { className: "mint:absolute mint:inset-0", children:
|
|
81
|
+
/* @__PURE__ */ r("span", { className: "mint:invisible mint:font-semibold", "aria-hidden": "true", children: i }),
|
|
82
|
+
/* @__PURE__ */ r("span", { className: "mint:absolute mint:inset-0", children: i })
|
|
83
83
|
] })
|
|
84
84
|
] })
|
|
85
85
|
},
|
|
@@ -99,7 +99,7 @@ function T({
|
|
|
99
99
|
]
|
|
100
100
|
}
|
|
101
101
|
),
|
|
102
|
-
/* @__PURE__ */ r("div", { children:
|
|
102
|
+
/* @__PURE__ */ r("div", { children: n.map((e, t) => /* @__PURE__ */ r(
|
|
103
103
|
"div",
|
|
104
104
|
{
|
|
105
105
|
role: "tabpanel",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../../src/components/content-components/tabs/tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { cn } from '../../../utils/cn';\n\ninterface TabsProps {\n children: React.ReactNode;\n defaultTab?: number;\n defaultTabIndex?: number;\n className?: string;\n onClickTab?: (index: number) => void;\n onChange?: (index: number) => void;\n}\n\ninterface TabsContextValue {\n activeTab: number;\n setActiveTab: (index: number) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextValue>({\n activeTab: 0,\n setActiveTab: () => {},\n});\n\nexport function Tabs({\n children,\n defaultTab = 0,\n defaultTabIndex,\n className,\n onClickTab,\n onChange,\n}: TabsProps) {\n const [activeTab, setActiveTab] = useState(defaultTabIndex ?? defaultTab);\n const tabRefs = useRef<(
|
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../../../../src/components/content-components/tabs/tabs.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { cn } from '../../../utils/cn';\n\ninterface TabsProps {\n children: React.ReactNode;\n defaultTab?: number;\n defaultTabIndex?: number;\n className?: string;\n onClickTab?: (index: number) => void;\n onChange?: (index: number) => void;\n}\n\ninterface TabsContextValue {\n activeTab: number;\n setActiveTab: (index: number) => void;\n}\n\nexport const TabsContext = React.createContext<TabsContextValue>({\n activeTab: 0,\n setActiveTab: () => {},\n});\n\nexport function Tabs({\n children,\n defaultTab = 0,\n defaultTabIndex,\n className,\n onClickTab,\n onChange,\n}: TabsProps) {\n const [activeTab, setActiveTab] = useState(defaultTabIndex ?? defaultTab);\n const tabRefs = useRef<(HTMLDivElement | null)[]>([]);\n const [indicatorStyle, setIndicatorStyle] = useState({ left: 0, width: 0 });\n\n const tabs = React.Children.toArray(children);\n\n useEffect(() => {\n tabRefs.current = tabRefs.current.slice(0, tabs.length);\n }, [tabs.length]);\n\n useEffect(() => {\n const activeTabElement = tabRefs.current[activeTab];\n if (activeTabElement) {\n setIndicatorStyle({\n left: activeTabElement.offsetLeft,\n width: activeTabElement.offsetWidth,\n });\n }\n }, [activeTab]);\n\n const handleKeyDown = (event: React.KeyboardEvent, currentIndex: number) => {\n let newIndex = currentIndex;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (currentIndex + 1) % tabs.length;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n break;\n case 'Home':\n event.preventDefault();\n newIndex = 0;\n break;\n case 'End':\n event.preventDefault();\n newIndex = tabs.length - 1;\n break;\n default:\n return;\n }\n\n setActiveTab(newIndex);\n tabRefs.current[newIndex]?.focus();\n };\n\n return (\n <TabsContext.Provider value={{ activeTab, setActiveTab }}>\n <div className={cn('mint:my-6', className)}>\n <div\n role=\"tablist\"\n aria-label=\"Content tabs\"\n className=\"mint:relative mint:flex mint:gap-1 mint:mb-4 mint:overflow-x-auto mint:pb-[3px] mint:before:content-[''] mint:before:absolute mint:before:left-0 mint:before:right-0 mint:before:bottom-0 mint:before:h-[1.5px] mint:before:bg-[#f2f3f3] mint:dark:before:bg-[#222223] mint:before:rounded-full\"\n >\n {tabs.map((tab, index) => {\n if (!React.isValidElement(tab)) return null;\n const title = tab.props.title || `Tab ${index + 1}`;\n const icon = tab.props.icon;\n const isActive = activeTab === index;\n\n return (\n <div\n key={index}\n ref={(el) => {\n tabRefs.current[index] = el;\n }}\n role=\"tab\"\n aria-selected={isActive}\n aria-controls={`tabpanel-${index}`}\n id={`tab-${index}`}\n tabIndex={isActive ? 0 : -1}\n onClick={() => {\n setActiveTab(index);\n onClickTab?.(index);\n onChange?.(index);\n }}\n onKeyDown={(e) => handleKeyDown(e, index)}\n className={cn(\n 'mint:relative mint:px-4 mint:py-2 mint:text-sm mint:font-medium mint:bg-transparent mint:cursor-pointer mint:focus:outline-none mint:focus-visible:shadow-[0_0_0_2px_#fff,0_0_0_4px_#75b6e7] mint:focus-visible:outline-offset-2',\n isActive\n ? 'mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold'\n : 'mint:text-gray-600 mint:hover:text-gray-900 mint:dark:text-gray-400 mint:dark:hover:text-gray-200'\n )}\n >\n <span className=\"mint:flex mint:items-center mint:gap-2\">\n {icon && <span aria-hidden=\"true\">{icon}</span>}\n <span className=\"mint:relative\">\n <span className=\"mint:invisible mint:font-semibold\" aria-hidden=\"true\">\n {title}\n </span>\n <span className=\"mint:absolute mint:inset-0\">{title}</span>\n </span>\n </span>\n </div>\n );\n })}\n <div\n className=\"mint:absolute mint:bottom-0 mint:h-[2px] mint:rounded-full mint:bg-[#8251ee] mint:dark:bg-[#9263f1] mint:transition-all mint:duration-300 mint:ease-out mint:z-10\"\n style={{\n left: `${indicatorStyle.left}px`,\n width: `${indicatorStyle.width}px`,\n }}\n />\n </div>\n\n <div>\n {tabs.map((tab, index) => (\n <div\n key={index}\n role=\"tabpanel\"\n id={`tabpanel-${index}`}\n aria-labelledby={`tab-${index}`}\n tabIndex={0}\n hidden={activeTab !== index}\n className={cn('mint:outline-none', activeTab !== index && 'mint:hidden')}\n >\n {React.isValidElement(tab) ? tab.props.children : null}\n </div>\n ))}\n </div>\n </div>\n </TabsContext.Provider>\n );\n}\n"],"names":["TabsContext","React","Tabs","children","defaultTab","defaultTabIndex","className","onClickTab","onChange","activeTab","setActiveTab","useState","tabRefs","useRef","indicatorStyle","setIndicatorStyle","tabs","useEffect","activeTabElement","handleKeyDown","event","currentIndex","newIndex","_a","jsx","cn","jsxs","tab","index","title","icon","isActive","el","e"],"mappings":"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"}
|
|
@@ -1,172 +1,182 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as s, jsx as i, Fragment as L } from "react/jsx-runtime";
|
|
2
2
|
import C, { useRef as M, useEffect as z, useState as W } from "react";
|
|
3
|
-
import { useComponents as
|
|
3
|
+
import { useComponents as I } from "../../context/components-context.js";
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { cn as h } from "../../utils/cn.js";
|
|
6
6
|
import { MethodPill as j } from "../Api/MethodPill.js";
|
|
7
|
-
function _({ isExpanded:
|
|
8
|
-
return /* @__PURE__ */
|
|
7
|
+
function _({ isExpanded: e }) {
|
|
8
|
+
return /* @__PURE__ */ i(
|
|
9
9
|
"svg",
|
|
10
10
|
{
|
|
11
11
|
className: h(
|
|
12
12
|
"mint:w-[12px] mint:h-[12px] mint:shrink-0 mint:text-[#707070] mint:dark:text-[#999999]",
|
|
13
|
-
|
|
13
|
+
e ? "mint:rotate-90" : "mint:rotate-0"
|
|
14
14
|
),
|
|
15
15
|
fill: "none",
|
|
16
16
|
stroke: "currentColor",
|
|
17
17
|
viewBox: "0 0 24 24",
|
|
18
18
|
"aria-hidden": "true",
|
|
19
|
-
children: /* @__PURE__ */
|
|
19
|
+
children: /* @__PURE__ */ i("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
|
|
20
20
|
}
|
|
21
21
|
);
|
|
22
22
|
}
|
|
23
23
|
const S = "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font";
|
|
24
|
-
function
|
|
25
|
-
const b =
|
|
26
|
-
if (!
|
|
27
|
-
const
|
|
28
|
-
return
|
|
29
|
-
}, k = (
|
|
24
|
+
function $({ item: e, activeId: g, level: u = 0, activeHref: c }) {
|
|
25
|
+
const b = e.children && e.children.length > 0, v = (n) => n ? n.startsWith("/") ? n : `/${n}` : "", x = (n, r) => {
|
|
26
|
+
if (!n || !r) return !1;
|
|
27
|
+
const a = v(n), N = v(r);
|
|
28
|
+
return a === N || a.replace("/docs/", "/") === N.replace("/docs/", "/") || a === N.replace("/docs/", "/") || a.replace("/docs/", "/") === N;
|
|
29
|
+
}, k = (n) => x(n.href, c) ? !0 : n.children ? n.children.some(k) : !1, y = u === 0 ? !0 : (e.expanded ?? !1) || b && k(e), [o, t] = W(y);
|
|
30
30
|
z(() => {
|
|
31
|
-
b && k(
|
|
32
|
-
}, [
|
|
33
|
-
const { LinkComponent: f } =
|
|
31
|
+
b && k(e) && t(!0);
|
|
32
|
+
}, [c]);
|
|
33
|
+
const { LinkComponent: f } = I(), d = !e.href, l = e.href && (x(e.href, g) || x(e.href, c)), p = e.icon;
|
|
34
34
|
if (d && u === 0)
|
|
35
|
-
return /* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
p && /* @__PURE__ */
|
|
38
|
-
/* @__PURE__ */
|
|
35
|
+
return /* @__PURE__ */ s("div", { id: "nav-group", role: "group", "aria-label": e.toc_title, children: [
|
|
36
|
+
/* @__PURE__ */ s("div", { className: "mint:text-sm mint:text-[#242424] mint:dark:text-[#ffffff] mint:mb-2 mint:flex mint:items-start mint:gap-2 mint:pl-3 mint:font-semibold", children: [
|
|
37
|
+
p && /* @__PURE__ */ i(p, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
|
|
38
|
+
/* @__PURE__ */ i("span", { children: e.toc_title })
|
|
39
39
|
] }),
|
|
40
|
-
b &&
|
|
41
|
-
|
|
40
|
+
b && e.children && /* @__PURE__ */ i("ul", { className: "mint:flex mint:flex-col mint:pl-0 mint:mt-0 mint:gap-0", role: "list", children: e.children.map((n, r) => /* @__PURE__ */ i(
|
|
41
|
+
$,
|
|
42
42
|
{
|
|
43
|
-
item:
|
|
43
|
+
item: n,
|
|
44
44
|
activeId: g,
|
|
45
45
|
level: u + 1,
|
|
46
|
-
activeHref:
|
|
46
|
+
activeHref: c
|
|
47
47
|
},
|
|
48
|
-
`${
|
|
48
|
+
`${n.href}-${r}`
|
|
49
49
|
)) })
|
|
50
50
|
] });
|
|
51
51
|
if (d && u > 0)
|
|
52
|
-
return /* @__PURE__ */
|
|
53
|
-
/* @__PURE__ */
|
|
54
|
-
"
|
|
52
|
+
return /* @__PURE__ */ s("li", { className: "mint:list-none", children: [
|
|
53
|
+
/* @__PURE__ */ s(
|
|
54
|
+
"div",
|
|
55
55
|
{
|
|
56
56
|
id: "nav-group-toggle",
|
|
57
|
-
onClick: () => t(!
|
|
58
|
-
"
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
onClick: () => t(!o),
|
|
58
|
+
role: "button",
|
|
59
|
+
tabIndex: 0,
|
|
60
|
+
onKeyDown: (n) => {
|
|
61
|
+
(n.key === "Enter" || n.key === " ") && (n.preventDefault(), t(!o));
|
|
62
|
+
},
|
|
63
|
+
"aria-expanded": o,
|
|
64
|
+
"aria-label": `${o ? "Collapse" : "Expand"} ${e.toc_title} section`,
|
|
65
|
+
className: "mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:py-[3px] mint:px-3 mint:text-sm mint:rounded-lg mint:bg-transparent mint:cursor-pointer mint:text-[#707070] mint:dark:text-[#999999] mint:hover:bg-[rgba(0,0,0,0.06)] mint:hover:text-[#242424] mint:dark:hover:bg-[rgba(128,128,128,0.05)] mint:dark:hover:text-[#ffffff] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
|
|
61
66
|
children: [
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
/* @__PURE__ */
|
|
67
|
+
/* @__PURE__ */ i("span", { className: "mint:flex-1 mint:min-w-0", children: e.toc_title }),
|
|
68
|
+
/* @__PURE__ */ i(_, { isExpanded: !!o })
|
|
64
69
|
]
|
|
65
70
|
}
|
|
66
71
|
),
|
|
67
|
-
b &&
|
|
72
|
+
b && o && e.children && /* @__PURE__ */ i(
|
|
68
73
|
"ul",
|
|
69
74
|
{
|
|
70
|
-
className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0 mint:mt-0 mint:gap-0
|
|
75
|
+
className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0 mint:mt-0 mint:gap-0",
|
|
71
76
|
role: "group",
|
|
72
|
-
children:
|
|
73
|
-
|
|
77
|
+
children: e.children.map((n, r) => /* @__PURE__ */ i(
|
|
78
|
+
$,
|
|
74
79
|
{
|
|
75
|
-
item:
|
|
80
|
+
item: n,
|
|
76
81
|
activeId: g,
|
|
77
82
|
level: u + 1,
|
|
78
|
-
activeHref:
|
|
83
|
+
activeHref: c
|
|
79
84
|
},
|
|
80
|
-
`${
|
|
85
|
+
`${n.href}-${r}`
|
|
81
86
|
))
|
|
82
87
|
}
|
|
83
88
|
)
|
|
84
89
|
] });
|
|
85
90
|
const m = f || "a";
|
|
86
|
-
return b ? /* @__PURE__ */
|
|
87
|
-
/* @__PURE__ */
|
|
88
|
-
"
|
|
91
|
+
return b ? /* @__PURE__ */ s("li", { className: "mint:list-none", children: [
|
|
92
|
+
/* @__PURE__ */ s(
|
|
93
|
+
"div",
|
|
89
94
|
{
|
|
90
95
|
id: "nav-item-toggle",
|
|
91
|
-
onClick: () => t(!
|
|
92
|
-
"
|
|
93
|
-
|
|
96
|
+
onClick: () => t(!o),
|
|
97
|
+
role: "button",
|
|
98
|
+
tabIndex: 0,
|
|
99
|
+
onKeyDown: (n) => {
|
|
100
|
+
(n.key === "Enter" || n.key === " ") && (n.preventDefault(), t(!o));
|
|
101
|
+
},
|
|
102
|
+
"aria-expanded": o,
|
|
103
|
+
"aria-label": `${o ? "Collapse" : "Expand"} ${e.toc_title} section`,
|
|
94
104
|
className: h(
|
|
95
|
-
"mint:font-aptos mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:gap-2 mint:py-
|
|
105
|
+
"mint:font-aptos mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:gap-2 mint:py-[3px] mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:bg-transparent mint:cursor-pointer mint:text-[#707070] mint:dark:text-[#999999] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
|
|
96
106
|
l ? S : "mint:hover:bg-[rgba(0,0,0,0.06)] mint:hover:text-[#242424] mint:dark:hover:bg-[rgba(128,128,128,0.05)] mint:dark:hover:text-[#ffffff]"
|
|
97
107
|
),
|
|
98
108
|
children: [
|
|
99
|
-
/* @__PURE__ */
|
|
100
|
-
/* @__PURE__ */
|
|
109
|
+
/* @__PURE__ */ i("span", { className: "mint:flex-1 mint:min-w-0 mint:font-aptos", children: e.toc_title }),
|
|
110
|
+
/* @__PURE__ */ i(_, { isExpanded: !!o })
|
|
101
111
|
]
|
|
102
112
|
}
|
|
103
113
|
),
|
|
104
|
-
|
|
114
|
+
o && e.children && /* @__PURE__ */ i(
|
|
105
115
|
"ul",
|
|
106
116
|
{
|
|
107
|
-
className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0 mint:mt-0 mint:gap-0
|
|
117
|
+
className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0 mint:mt-0 mint:gap-0",
|
|
108
118
|
role: "group",
|
|
109
|
-
children:
|
|
110
|
-
|
|
119
|
+
children: e.children.map((n, r) => /* @__PURE__ */ i(
|
|
120
|
+
$,
|
|
111
121
|
{
|
|
112
|
-
item:
|
|
122
|
+
item: n,
|
|
113
123
|
activeId: g,
|
|
114
124
|
level: u + 1,
|
|
115
|
-
activeHref:
|
|
125
|
+
activeHref: c
|
|
116
126
|
},
|
|
117
|
-
`${
|
|
127
|
+
`${n.href}-${r}`
|
|
118
128
|
))
|
|
119
129
|
}
|
|
120
130
|
)
|
|
121
|
-
] }) : /* @__PURE__ */
|
|
131
|
+
] }) : /* @__PURE__ */ i("li", { className: "mint:list-none", children: /* @__PURE__ */ s(
|
|
122
132
|
m,
|
|
123
133
|
{
|
|
124
134
|
id: "nav-item",
|
|
125
|
-
href:
|
|
135
|
+
href: e.href,
|
|
126
136
|
"aria-current": l ? "page" : void 0,
|
|
127
137
|
className: h(
|
|
128
|
-
"mint:relative mint:flex mint:items-center mint:gap-2 mint:py-
|
|
138
|
+
"mint:relative mint:flex mint:items-center mint:gap-2 mint:py-[3px] mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:no-underline mint:text-[#707070] mint:dark:text-[#999999] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:[&_span]:flex-1",
|
|
129
139
|
l ? S : "mint:hover:bg-[rgba(0,0,0,0.06)] mint:hover:text-[#242424] mint:dark:hover:bg-[rgba(128,128,128,0.05)] mint:dark:hover:text-[#ffffff]"
|
|
130
140
|
),
|
|
131
141
|
children: [
|
|
132
|
-
|
|
133
|
-
|
|
142
|
+
e.method && /* @__PURE__ */ i(j, { isActive: !!l, method: e.method, shortMethod: !0 }),
|
|
143
|
+
e.toc_title
|
|
134
144
|
]
|
|
135
145
|
}
|
|
136
146
|
) });
|
|
137
147
|
}
|
|
138
|
-
function
|
|
139
|
-
navTree:
|
|
148
|
+
function P({
|
|
149
|
+
navTree: e,
|
|
140
150
|
activeId: g,
|
|
141
151
|
className: u = "",
|
|
142
|
-
activeHref:
|
|
152
|
+
activeHref: c,
|
|
143
153
|
theme: b,
|
|
144
154
|
bottomLinks: v,
|
|
145
155
|
anchors: x
|
|
146
156
|
}) {
|
|
147
|
-
const { LinkComponent: k } =
|
|
157
|
+
const { LinkComponent: k } = I(), y = M(null);
|
|
148
158
|
if (z(() => {
|
|
149
|
-
const t =
|
|
150
|
-
if (!t || !
|
|
159
|
+
const t = y.current;
|
|
160
|
+
if (!t || !c) return;
|
|
151
161
|
const f = sessionStorage.getItem("nav-tree-scroll-position");
|
|
152
162
|
if (f)
|
|
153
163
|
t.scrollTop = parseInt(f, 10);
|
|
154
164
|
else {
|
|
155
|
-
const l = (m) => m ? m.startsWith("/") ? m : `/${m}` : "", p = (m,
|
|
156
|
-
const r = l(m),
|
|
157
|
-
return r ===
|
|
165
|
+
const l = (m) => m ? m.startsWith("/") ? m : `/${m}` : "", p = (m, n) => {
|
|
166
|
+
const r = l(m), a = l(n);
|
|
167
|
+
return r === a || r.replace("/docs/", "/") === a.replace("/docs/", "/") || r === a.replace("/docs/", "/") || r.replace("/docs/", "/") === a;
|
|
158
168
|
};
|
|
159
169
|
requestAnimationFrame(() => {
|
|
160
170
|
const m = t.querySelectorAll("a[href]");
|
|
161
|
-
let
|
|
171
|
+
let n = null;
|
|
162
172
|
for (const r of Array.from(m)) {
|
|
163
|
-
const
|
|
164
|
-
if (
|
|
165
|
-
|
|
173
|
+
const a = r.getAttribute("href");
|
|
174
|
+
if (a && p(a, c)) {
|
|
175
|
+
n = r;
|
|
166
176
|
break;
|
|
167
177
|
}
|
|
168
178
|
}
|
|
169
|
-
|
|
179
|
+
n && n.scrollIntoView({
|
|
170
180
|
behavior: "instant",
|
|
171
181
|
block: "center",
|
|
172
182
|
inline: "nearest"
|
|
@@ -177,10 +187,10 @@ function G({
|
|
|
177
187
|
sessionStorage.setItem("nav-tree-scroll-position", t.scrollTop.toString());
|
|
178
188
|
};
|
|
179
189
|
return t.addEventListener("scroll", d), () => t.removeEventListener("scroll", d);
|
|
180
|
-
}, [
|
|
190
|
+
}, [c]), !e || e.items.length === 0)
|
|
181
191
|
return null;
|
|
182
|
-
const
|
|
183
|
-
return /* @__PURE__ */
|
|
192
|
+
const o = k || "a";
|
|
193
|
+
return /* @__PURE__ */ s(
|
|
184
194
|
"nav",
|
|
185
195
|
{
|
|
186
196
|
id: "nav-tree",
|
|
@@ -191,36 +201,36 @@ function G({
|
|
|
191
201
|
),
|
|
192
202
|
"aria-label": "Documentation navigation",
|
|
193
203
|
children: [
|
|
194
|
-
/* @__PURE__ */
|
|
204
|
+
/* @__PURE__ */ s(
|
|
195
205
|
"div",
|
|
196
206
|
{
|
|
197
207
|
id: "nav-tree-content",
|
|
198
|
-
ref:
|
|
208
|
+
ref: y,
|
|
199
209
|
className: h(
|
|
200
|
-
"mint:flex-1 mint:overflow-y-auto mint:overflow-x-hidden mint:min-h-0 mint:[scrollbar-gutter:stable] mint:md:px-4 mint:[scrollbar-width:thin] mint:[scrollbar-color:rgba(0,0,0,0.2)_transparent] mint:dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30 mint:
|
|
210
|
+
"mint:flex-1 mint:overflow-y-auto mint:overflow-x-hidden mint:min-h-0 mint:[scrollbar-gutter:stable] mint:md:px-4 mint:[scrollbar-width:thin] mint:[scrollbar-color:rgba(0,0,0,0.2)_transparent] mint:dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30 mint:[&>*+*]:mt-[32px] mint:py-4"
|
|
201
211
|
),
|
|
202
212
|
children: [
|
|
203
|
-
x && x.length > 0 && /* @__PURE__ */
|
|
213
|
+
x && x.length > 0 && /* @__PURE__ */ i("div", { id: "nav-anchors", className: "mint:shrink-0 mint:w-full mint:mb-3", children: /* @__PURE__ */ i("div", { className: "mint:flex mint:flex-col", children: x.map((t, f) => {
|
|
204
214
|
const d = t.icon, l = (m) => m ? m.startsWith("/") ? m : `/${m}` : "", p = (() => {
|
|
205
|
-
if (!
|
|
206
|
-
const m = l(
|
|
207
|
-
return r ===
|
|
215
|
+
if (!c || !t.href) return !1;
|
|
216
|
+
const m = l(c), n = l(t.href), r = m.replace(/\/$/, ""), a = n.replace(/\/$/, "");
|
|
217
|
+
return r === a || r.startsWith(a + "/") ? x.filter((w) => {
|
|
208
218
|
if (!w.href) return !1;
|
|
209
|
-
const
|
|
210
|
-
return r ===
|
|
211
|
-
}).reduce((w,
|
|
212
|
-
const
|
|
219
|
+
const E = l(w.href).replace(/\/$/, "");
|
|
220
|
+
return r === E || r.startsWith(E + "/");
|
|
221
|
+
}).reduce((w, A) => {
|
|
222
|
+
const E = l(w.href || "").replace(
|
|
213
223
|
/\/$/,
|
|
214
224
|
""
|
|
215
225
|
);
|
|
216
|
-
return l(
|
|
226
|
+
return l(A.href || "").replace(
|
|
217
227
|
/\/$/,
|
|
218
228
|
""
|
|
219
|
-
).length >
|
|
229
|
+
).length > E.length ? A : w;
|
|
220
230
|
}, t) === t : !1;
|
|
221
231
|
})();
|
|
222
|
-
return /* @__PURE__ */
|
|
223
|
-
|
|
232
|
+
return /* @__PURE__ */ s(
|
|
233
|
+
o,
|
|
224
234
|
{
|
|
225
235
|
href: t.href,
|
|
226
236
|
"aria-current": p ? "page" : void 0,
|
|
@@ -229,7 +239,7 @@ function G({
|
|
|
229
239
|
p ? "mint:text-[#141414] mint:dark:text-[#ffffff]" : "mint:text-[#242424] mint:dark:text-[#adadad]"
|
|
230
240
|
),
|
|
231
241
|
children: [
|
|
232
|
-
d && /* @__PURE__ */
|
|
242
|
+
d && /* @__PURE__ */ i(
|
|
233
243
|
d,
|
|
234
244
|
{
|
|
235
245
|
className: h(
|
|
@@ -238,8 +248,8 @@ function G({
|
|
|
238
248
|
)
|
|
239
249
|
}
|
|
240
250
|
),
|
|
241
|
-
/* @__PURE__ */
|
|
242
|
-
/* @__PURE__ */
|
|
251
|
+
/* @__PURE__ */ s("div", { className: "mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0", children: [
|
|
252
|
+
/* @__PURE__ */ i(
|
|
243
253
|
"span",
|
|
244
254
|
{
|
|
245
255
|
className: h(
|
|
@@ -249,59 +259,59 @@ function G({
|
|
|
249
259
|
children: t.title
|
|
250
260
|
}
|
|
251
261
|
),
|
|
252
|
-
t.description && /* @__PURE__ */
|
|
262
|
+
t.description && /* @__PURE__ */ i("span", { className: "mint:text-xs mint:text-[#6b7280] mint:dark:text-[#adadad] mint:leading-snug", children: t.description })
|
|
253
263
|
] })
|
|
254
264
|
]
|
|
255
265
|
},
|
|
256
266
|
f
|
|
257
267
|
);
|
|
258
268
|
}) }) }),
|
|
259
|
-
|
|
260
|
-
|
|
269
|
+
e.items.map((t, f) => /* @__PURE__ */ i(
|
|
270
|
+
$,
|
|
261
271
|
{
|
|
262
272
|
item: t,
|
|
263
273
|
activeId: g,
|
|
264
|
-
activeHref:
|
|
274
|
+
activeHref: c
|
|
265
275
|
},
|
|
266
276
|
`${t.href}-${f}`
|
|
267
277
|
))
|
|
268
278
|
]
|
|
269
279
|
}
|
|
270
280
|
),
|
|
271
|
-
v && v.length > 0 && /* @__PURE__ */
|
|
281
|
+
v && v.length > 0 && /* @__PURE__ */ s(
|
|
272
282
|
"div",
|
|
273
283
|
{
|
|
274
284
|
id: "nav-tree-bottom-links",
|
|
275
285
|
className: "mint:shrink-0 mint:w-full mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:mt-auto",
|
|
276
286
|
children: [
|
|
277
|
-
/* @__PURE__ */
|
|
278
|
-
/* @__PURE__ */
|
|
287
|
+
/* @__PURE__ */ i("div", { className: "mint:h-[0.5px] mint:w-full mint:bg-[#d1d1d1] mint:dark:bg-[#666666]" }),
|
|
288
|
+
/* @__PURE__ */ i("div", { className: "mint:flex mint:flex-col mint:py-3 mint:px-4", children: v.map((t, f) => {
|
|
279
289
|
var l;
|
|
280
290
|
const d = t.icon;
|
|
281
|
-
return t.component ? /* @__PURE__ */
|
|
291
|
+
return t.component ? /* @__PURE__ */ i("div", { children: C.isValidElement(t.component) ? C.cloneElement(t.component, {
|
|
282
292
|
...t.component.props,
|
|
283
293
|
className: h(
|
|
284
294
|
"mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:text-[#242424] mint:dark:text-[#adadad] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:cursor-pointer",
|
|
285
295
|
(l = t.component.props) == null ? void 0 : l.className
|
|
286
296
|
),
|
|
287
|
-
children: /* @__PURE__ */
|
|
288
|
-
/* @__PURE__ */
|
|
289
|
-
/* @__PURE__ */
|
|
297
|
+
children: /* @__PURE__ */ s(L, { children: [
|
|
298
|
+
/* @__PURE__ */ i(d, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
|
|
299
|
+
/* @__PURE__ */ i("span", { children: t.label })
|
|
290
300
|
] })
|
|
291
|
-
}) : /* @__PURE__ */
|
|
292
|
-
/* @__PURE__ */
|
|
293
|
-
/* @__PURE__ */
|
|
301
|
+
}) : /* @__PURE__ */ s("div", { className: "mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:text-[#242424] mint:dark:text-[#adadad] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:cursor-pointer", children: [
|
|
302
|
+
/* @__PURE__ */ i(d, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
|
|
303
|
+
/* @__PURE__ */ i("span", { children: t.label }),
|
|
294
304
|
t.component
|
|
295
|
-
] }) }, f) : /* @__PURE__ */
|
|
296
|
-
|
|
305
|
+
] }) }, f) : /* @__PURE__ */ s(
|
|
306
|
+
o,
|
|
297
307
|
{
|
|
298
308
|
href: t.href,
|
|
299
309
|
target: "_blank",
|
|
300
310
|
rel: "noopener noreferrer",
|
|
301
311
|
className: "mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:no-underline mint:text-[#242424] mint:dark:text-[#adadad] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:[&>span]:flex mint:[&>span]:items-center mint:[&>span]:gap-2 mint:[&>svg:last-child]:hidden",
|
|
302
312
|
children: [
|
|
303
|
-
/* @__PURE__ */
|
|
304
|
-
/* @__PURE__ */
|
|
313
|
+
/* @__PURE__ */ i(d, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
|
|
314
|
+
/* @__PURE__ */ i("span", { children: t.label })
|
|
305
315
|
]
|
|
306
316
|
},
|
|
307
317
|
f
|
|
@@ -315,6 +325,6 @@ function G({
|
|
|
315
325
|
);
|
|
316
326
|
}
|
|
317
327
|
export {
|
|
318
|
-
|
|
328
|
+
P as NavTree
|
|
319
329
|
};
|
|
320
330
|
//# sourceMappingURL=index.js.map
|