matsuri-ui 18.0.2-alpha-1762577425665-c1be6b6.0 → 18.0.2-alpha-1762752077338-a2b5e6d.0
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/Portal/Portal.js +0 -8
- package/Portal/Portal.js.map +1 -1
- package/cjs/Portal/Portal.js +0 -8
- package/cjs/Portal/Portal.js.map +1 -1
- package/esm/Portal/Portal.js +0 -8
- package/esm/Portal/Portal.js.map +1 -1
- package/package.json +1 -1
package/Portal/Portal.js
CHANGED
|
@@ -25,17 +25,11 @@ export var Portal = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
25
25
|
if (!canUseDOM) {
|
|
26
26
|
return null;
|
|
27
27
|
}
|
|
28
|
-
|
|
29
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
30
28
|
var contextNode = useContext(PortalContext);
|
|
31
|
-
|
|
32
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
33
29
|
useEffect(() => {
|
|
34
30
|
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
|
|
35
31
|
setNode(propsNode || contextNode || document.body);
|
|
36
32
|
}, [contextNode, propsNode]);
|
|
37
|
-
|
|
38
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
39
33
|
useEffect(() => {
|
|
40
34
|
if (node) {
|
|
41
35
|
setRef(ref, node);
|
|
@@ -46,8 +40,6 @@ export var Portal = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
46
40
|
}
|
|
47
41
|
};
|
|
48
42
|
}, [propsNode, node, ref]);
|
|
49
|
-
|
|
50
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
51
43
|
useEffect(() => {
|
|
52
44
|
if (node && onRender) {
|
|
53
45
|
onRender();
|
package/Portal/Portal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","names":["React","Fragment","forwardRef","useContext","useEffect","useState","ReactDOM","PortalContext","jsx","___EmotionJSX","setRef","ref","value","current","canUseDOM","window","document","createElement","Portal","_ref","node","propsNode","onRender","children","disablePortal","setNode","contextNode","body","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n
|
|
1
|
+
{"version":3,"file":"Portal.js","names":["React","Fragment","forwardRef","useContext","useEffect","useState","ReactDOM","PortalContext","jsx","___EmotionJSX","setRef","ref","value","current","canUseDOM","window","document","createElement","Portal","_ref","node","propsNode","onRender","children","disablePortal","setNode","contextNode","body","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n const contextNode = useContext(PortalContext);\n\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n setNode(propsNode || contextNode || document.body);\n }, [contextNode, propsNode]);\n\n useEffect(() => {\n if (node) {\n setRef(ref, node);\n }\n return () => {\n if (node) {\n setRef(ref, null);\n }\n };\n }, [propsNode, node, ref]);\n\n useEffect(() => {\n if (node && onRender) {\n onRender();\n }\n }, [node, onRender]);\n\n return (\n node &&\n (disablePortal ? (\n <Fragment>{children}</Fragment>\n ) : (\n ReactDOM.createPortal(children, node)\n ))\n );\n },\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,aAAa,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEhD,OAAO,IAAMC,MAAM,GAAGA,CACpBC,GAAoC,EACpCC,KAAyB,KACtB;EACH,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,EAAE;IACdA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF,CAAC;;AAED;AACA,IAAME,SAAS,GAAG,CAAC,EACjB,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACD;;AAeA,OAAO,IAAMC,MAAM,gBAAGhB,UAAU,CAC9B,CAAAiB,IAAA,EAAyDR,GAAG,KAAK;EAAA,IAAhE;IAAES,IAAI,EAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAAL,IAAA;EACrD,IAAM,CAACC,IAAI,EAAEK,OAAO,CAAC,GAAGpB,QAAQ,CAAqB,IAAI,CAAC;EAE1D,IAAI,CAACS,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,IAAMY,WAAW,GAAGvB,UAAU,CAACI,aAAa,CAAC;EAE7CH,SAAS,CAAC,MAAM;IACd;IACAqB,OAAO,CAACJ,SAAS,IAAIK,WAAW,IAAIV,QAAQ,CAACW,IAAI,CAAC;EACpD,CAAC,EAAE,CAACD,WAAW,EAAEL,SAAS,CAAC,CAAC;EAE5BjB,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,EAAE;MACRV,MAAM,CAACC,GAAG,EAAES,IAAI,CAAC;IACnB;IACA,OAAO,MAAM;MACX,IAAIA,IAAI,EAAE;QACRV,MAAM,CAACC,GAAG,EAAE,IAAI,CAAC;MACnB;IACF,CAAC;EACH,CAAC,EAAE,CAACU,SAAS,EAAED,IAAI,EAAET,GAAG,CAAC,CAAC;EAE1BP,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,IAAIE,QAAQ,EAAE;MACpBA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACF,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OACEF,IAAI,KACHI,aAAa,GACZf,aAAA,CAACR,QAAQ,QAAEsB,QAAmB,CAAC,iBAE/BjB,QAAQ,CAACsB,YAAY,CAACL,QAAQ,EAAEH,IAAI,CAAC,CACtC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
|
package/cjs/Portal/Portal.js
CHANGED
|
@@ -31,17 +31,11 @@ const Portal = exports.Portal = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
31
31
|
if (!canUseDOM) {
|
|
32
32
|
return null;
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
36
34
|
const contextNode = (0, _react.useContext)(_PortalContext.PortalContext);
|
|
37
|
-
|
|
38
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
39
35
|
(0, _react.useEffect)(() => {
|
|
40
36
|
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
|
|
41
37
|
setNode(propsNode || contextNode || document.body);
|
|
42
38
|
}, [contextNode, propsNode]);
|
|
43
|
-
|
|
44
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
45
39
|
(0, _react.useEffect)(() => {
|
|
46
40
|
if (node) {
|
|
47
41
|
setRef(ref, node);
|
|
@@ -52,8 +46,6 @@ const Portal = exports.Portal = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
52
46
|
}
|
|
53
47
|
};
|
|
54
48
|
}, [propsNode, node, ref]);
|
|
55
|
-
|
|
56
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
57
49
|
(0, _react.useEffect)(() => {
|
|
58
50
|
if (node && onRender) {
|
|
59
51
|
onRender();
|
package/cjs/Portal/Portal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","names":["_react","_interopRequireWildcard","require","_reactDom","_interopRequireDefault","_PortalContext","_react2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","setRef","ref","value","current","exports","canUseDOM","window","document","createElement","Portal","forwardRef","node","propsNode","onRender","children","disablePortal","setNode","useState","contextNode","useContext","PortalContext","useEffect","body","jsx","Fragment","ReactDOM","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n
|
|
1
|
+
{"version":3,"file":"Portal.js","names":["_react","_interopRequireWildcard","require","_reactDom","_interopRequireDefault","_PortalContext","_react2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","setRef","ref","value","current","exports","canUseDOM","window","document","createElement","Portal","forwardRef","node","propsNode","onRender","children","disablePortal","setNode","useState","contextNode","useContext","PortalContext","useEffect","body","jsx","Fragment","ReactDOM","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n const contextNode = useContext(PortalContext);\n\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n setNode(propsNode || contextNode || document.body);\n }, [contextNode, propsNode]);\n\n useEffect(() => {\n if (node) {\n setRef(ref, node);\n }\n return () => {\n if (node) {\n setRef(ref, null);\n }\n };\n }, [propsNode, node, ref]);\n\n useEffect(() => {\n if (node && onRender) {\n onRender();\n }\n }, [node, onRender]);\n\n return (\n node &&\n (disablePortal ? (\n <Fragment>{children}</Fragment>\n ) : (\n ReactDOM.createPortal(children, node)\n ))\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
|
package/esm/Portal/Portal.js
CHANGED
|
@@ -25,17 +25,11 @@ export var Portal = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
25
25
|
if (!canUseDOM) {
|
|
26
26
|
return null;
|
|
27
27
|
}
|
|
28
|
-
|
|
29
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
30
28
|
var contextNode = useContext(PortalContext);
|
|
31
|
-
|
|
32
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
33
29
|
useEffect(() => {
|
|
34
30
|
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
|
|
35
31
|
setNode(propsNode || contextNode || document.body);
|
|
36
32
|
}, [contextNode, propsNode]);
|
|
37
|
-
|
|
38
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
39
33
|
useEffect(() => {
|
|
40
34
|
if (node) {
|
|
41
35
|
setRef(ref, node);
|
|
@@ -46,8 +40,6 @@ export var Portal = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
46
40
|
}
|
|
47
41
|
};
|
|
48
42
|
}, [propsNode, node, ref]);
|
|
49
|
-
|
|
50
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
51
43
|
useEffect(() => {
|
|
52
44
|
if (node && onRender) {
|
|
53
45
|
onRender();
|
package/esm/Portal/Portal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","names":["React","Fragment","forwardRef","useContext","useEffect","useState","ReactDOM","PortalContext","jsx","___EmotionJSX","setRef","ref","value","current","canUseDOM","window","document","createElement","Portal","_ref","node","propsNode","onRender","children","disablePortal","setNode","contextNode","body","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n
|
|
1
|
+
{"version":3,"file":"Portal.js","names":["React","Fragment","forwardRef","useContext","useEffect","useState","ReactDOM","PortalContext","jsx","___EmotionJSX","setRef","ref","value","current","canUseDOM","window","document","createElement","Portal","_ref","node","propsNode","onRender","children","disablePortal","setNode","contextNode","body","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { PortalContext } from \"./PortalContext\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n const contextNode = useContext(PortalContext);\n\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n setNode(propsNode || contextNode || document.body);\n }, [contextNode, propsNode]);\n\n useEffect(() => {\n if (node) {\n setRef(ref, node);\n }\n return () => {\n if (node) {\n setRef(ref, null);\n }\n };\n }, [propsNode, node, ref]);\n\n useEffect(() => {\n if (node && onRender) {\n onRender();\n }\n }, [node, onRender]);\n\n return (\n node &&\n (disablePortal ? (\n <Fragment>{children}</Fragment>\n ) : (\n ReactDOM.createPortal(children, node)\n ))\n );\n },\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EACRC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,OAAO;AACd,OAAOC,QAAQ,MAAM,WAAW;AAChC,SAASC,aAAa,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEhD,OAAO,IAAMC,MAAM,GAAGA,CACpBC,GAAoC,EACpCC,KAAyB,KACtB;EACH,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,EAAE;IACdA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF,CAAC;;AAED;AACA,IAAME,SAAS,GAAG,CAAC,EACjB,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACD;;AAeA,OAAO,IAAMC,MAAM,gBAAGhB,UAAU,CAC9B,CAAAiB,IAAA,EAAyDR,GAAG,KAAK;EAAA,IAAhE;IAAES,IAAI,EAAEC,SAAS;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAAL,IAAA;EACrD,IAAM,CAACC,IAAI,EAAEK,OAAO,CAAC,GAAGpB,QAAQ,CAAqB,IAAI,CAAC;EAE1D,IAAI,CAACS,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,IAAMY,WAAW,GAAGvB,UAAU,CAACI,aAAa,CAAC;EAE7CH,SAAS,CAAC,MAAM;IACd;IACAqB,OAAO,CAACJ,SAAS,IAAIK,WAAW,IAAIV,QAAQ,CAACW,IAAI,CAAC;EACpD,CAAC,EAAE,CAACD,WAAW,EAAEL,SAAS,CAAC,CAAC;EAE5BjB,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,EAAE;MACRV,MAAM,CAACC,GAAG,EAAES,IAAI,CAAC;IACnB;IACA,OAAO,MAAM;MACX,IAAIA,IAAI,EAAE;QACRV,MAAM,CAACC,GAAG,EAAE,IAAI,CAAC;MACnB;IACF,CAAC;EACH,CAAC,EAAE,CAACU,SAAS,EAAED,IAAI,EAAET,GAAG,CAAC,CAAC;EAE1BP,SAAS,CAAC,MAAM;IACd,IAAIgB,IAAI,IAAIE,QAAQ,EAAE;MACpBA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACF,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OACEF,IAAI,KACHI,aAAa,GACZf,aAAA,CAACR,QAAQ,QAAEsB,QAAmB,CAAC,iBAE/BjB,QAAQ,CAACsB,YAAY,CAACL,QAAQ,EAAEH,IAAI,CAAC,CACtC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
|