@fremtind/jokul 0.71.0 → 0.71.1

package/build/cjs/components/menu/useMenuWideEvents.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMenuWideEvents=(n,t,o)=>{const[r,i]=e.useState(!1),[s,u]=e.useState(!1);return e.useEffect((()=>{if(n)return n.events.on("click",e),n.events.on("menuopen",r),()=>{n.events.off("click",e),n.events.off("menuopen",r)};function e(){u(!1)}function r(e){e.nodeId!==t&&e.parentId===o&&u(!1)}}),[n,t,o]),e.useEffect((()=>{s&&n&&n.events.emit("menuopen",{parentId:o,nodeId:t})}),[n,s,t,o]),e.useEffect((()=>{function e({pointerType:e}){"touch"!==e&&i(!0)}function n(){i(!1)}return window.addEventListener("pointermove",e,{once:!0,capture:!0}),window.addEventListener("keydown",n,!0),()=>{window.removeEventListener("pointermove",e,{capture:!0}),window.removeEventListener("keydown",n,!0)}}),[r]),{allowHover:r,isOpen:s,setIsOpen:u}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMenuWideEvents=(n,t,o)=>{const[r,i]=e.useState(!1),[s,u]=e.useState(!1);return e.useEffect((()=>{if(n)return n.events.on("click",e),n.events.on("menuopen",r),()=>{n.events.off("click",e),n.events.off("menuopen",r)};function e(){u(!1)}function r(e){t&&e.nodeId!==t&&e.parentId===o&&u(!1)}}),[n,t,o]),e.useEffect((()=>{s&&n&&t&&n.events.emit("menuopen",{parentId:o,nodeId:t})}),[n,s,t,o]),e.useEffect((()=>{function e({pointerType:e}){"touch"!==e&&i(!0)}function n(){i(!1)}return window.addEventListener("pointermove",e,{once:!0,capture:!0}),window.addEventListener("keydown",n,!0),()=>{window.removeEventListener("pointermove",e,{capture:!0}),window.removeEventListener("keydown",n,!0)}}),[r]),{allowHover:r,isOpen:s,setIsOpen:u}};
 //# sourceMappingURL=useMenuWideEvents.cjs.map

package/build/cjs/components/menu/useMenuWideEvents.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuWideEvents.cjs","sources":["../../../../src/components/menu/useMenuWideEvents.ts"],"sourcesContent":["import type { FloatingTreeType } from \"@floating-ui/react\";\nimport { useEffect, useState } from \"react\";\n\nexport const useMenuWideEvents = (\n    tree: FloatingTreeType | null,\n    nodeId: string,\n    parentId: string | null,\n): {\n    allowHover: boolean;\n    isOpen: boolean;\n    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n    const [allowHover, setAllowHover] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n\n    // Event emitter allows you to communicate across tree components.\n    // This effect closes all menus when an item gets clicked anywhere\n    // in the tree.\n    useEffect(() => {\n        if (!tree) return;\n\n        function handleTreeClick() {\n            setIsOpen(false);\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                setIsOpen(false);\n            }\n        }\n\n        tree.events.on(\"click\", handleTreeClick);\n        tree.events.on(\"menuopen\", onSubMenuOpen);\n\n        return () => {\n            tree.events.off(\"click\", handleTreeClick);\n            tree.events.off(\"menuopen\", onSubMenuOpen);\n        };\n    }, [tree, nodeId, parentId]);\n\n    useEffect(() => {\n        if (isOpen && tree) {\n            tree.events.emit(\"menuopen\", { parentId, nodeId });\n        }\n    }, [tree, isOpen, nodeId, parentId]);\n\n    // Determine if \"hover\" logic can run based on the modality of input. This\n    // prevents unwanted focus synchronization as menus open and close with\n    // keyboard navigation and the cursor is resting on the menu.\n    // biome-ignore lint/correctness/useExhaustiveDependencies:\n    useEffect(() => {\n        function onPointerMove({ pointerType }: PointerEvent) {\n            if (pointerType !== \"touch\") {\n                setAllowHover(true);\n            }\n        }\n\n        function onKeyDown() {\n            setAllowHover(false);\n        }\n\n        window.addEventListener(\"pointermove\", onPointerMove, {\n            once: true,\n            capture: true,\n        });\n        window.addEventListener(\"keydown\", onKeyDown, true);\n        return () => {\n            window.removeEventListener(\"pointermove\", onPointerMove, {\n                capture: true,\n            });\n            window.removeEventListener(\"keydown\", onKeyDown, true);\n        };\n    }, [allowHover]);\n\n    return { allowHover, isOpen, setIsOpen };\n};\n"],"names":["tree","nodeId","parentId","allowHover","setAllowHover","useState","isOpen","setIsOpen","useEffect","events","on","handleTreeClick","onSubMenuOpen","off","event","emit","onPointerMove","pointerType","onKeyDown","addEventListener","once","capture","window","removeEventListener"],"mappings":"mIAGiC,CAC7BA,EACAC,EACAC,KAMA,MAAOC,EAAYC,GAAiBC,EAAAA,UAAS,IACtCC,EAAQC,GAAaF,EAAAA,UAAS,GAKrCG,OAAAA,EAAAA,WAAU,KACN,GAAKR,EAYA,OAAAA,EAAAS,OAAOC,GAAG,QAASC,GACnBX,EAAAS,OAAOC,GAAG,WAAYE,GAEpB,KACEZ,EAAAS,OAAOI,IAAI,QAASF,GACpBX,EAAAS,OAAOI,IAAI,WAAYD,EAAa,EAf7C,SAASD,IACLJ,GAAU,EAAK,CAGnB,SAASK,EAAcE,GACfA,EAAMb,SAAWA,GAAUa,EAAMZ,WAAaA,GAC9CK,GAAU,EACd,CASJ,GACD,CAACP,EAAMC,EAAQC,IAElBM,EAAAA,WAAU,KACFF,GAAUN,GACVA,EAAKS,OAAOM,KAAK,WAAY,CAAEb,SAAAA,EAAUD,OAAAA,GAAQ,GAEtD,CAACD,EAAMM,EAAQL,EAAQC,IAM1BM,EAAAA,WAAU,KACG,SAAAQ,GAAgBC,YAAAA,IACD,UAAhBA,GACAb,GAAc,EAClB,CAGJ,SAASc,IACLd,GAAc,EAAK,CAGhB,cAAAe,iBAAiB,cAAeH,EAAe,CAClDI,MAAM,EACNC,SAAS,IAENC,OAAAH,iBAAiB,UAAWD,GAAW,GACvC,KACII,OAAAC,oBAAoB,cAAeP,EAAe,CACrDK,SAAS,IAENC,OAAAC,oBAAoB,UAAWL,GAAW,EAAI,CACzD,GACD,CAACf,IAEG,CAAEA,WAAAA,EAAYG,OAAAA,EAAQC,UAAAA,EAAU"}
+{"version":3,"file":"useMenuWideEvents.cjs","sources":["../../../../src/components/menu/useMenuWideEvents.ts"],"sourcesContent":["import type { FloatingTreeType } from \"@floating-ui/react\";\nimport { useEffect, useState } from \"react\";\n\nexport const useMenuWideEvents = (\n    tree: FloatingTreeType | null,\n    nodeId: string | undefined,\n    parentId: string | null,\n): {\n    allowHover: boolean;\n    isOpen: boolean;\n    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n    const [allowHover, setAllowHover] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n\n    // Event emitter allows you to communicate across tree components.\n    // This effect closes all menus when an item gets clicked anywhere\n    // in the tree.\n    useEffect(() => {\n        if (!tree) return;\n\n        function handleTreeClick() {\n            setIsOpen(false);\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (\n                nodeId &&\n                event.nodeId !== nodeId &&\n                event.parentId === parentId\n            ) {\n                setIsOpen(false);\n            }\n        }\n\n        tree.events.on(\"click\", handleTreeClick);\n        tree.events.on(\"menuopen\", onSubMenuOpen);\n\n        return () => {\n            tree.events.off(\"click\", handleTreeClick);\n            tree.events.off(\"menuopen\", onSubMenuOpen);\n        };\n    }, [tree, nodeId, parentId]);\n\n    useEffect(() => {\n        if (isOpen && tree && nodeId) {\n            tree.events.emit(\"menuopen\", { parentId, nodeId });\n        }\n    }, [tree, isOpen, nodeId, parentId]);\n\n    // Determine if \"hover\" logic can run based on the modality of input. This\n    // prevents unwanted focus synchronization as menus open and close with\n    // keyboard navigation and the cursor is resting on the menu.\n    // biome-ignore lint/correctness/useExhaustiveDependencies:\n    useEffect(() => {\n        function onPointerMove({ pointerType }: PointerEvent) {\n            if (pointerType !== \"touch\") {\n                setAllowHover(true);\n            }\n        }\n\n        function onKeyDown() {\n            setAllowHover(false);\n        }\n\n        window.addEventListener(\"pointermove\", onPointerMove, {\n            once: true,\n            capture: true,\n        });\n        window.addEventListener(\"keydown\", onKeyDown, true);\n        return () => {\n            window.removeEventListener(\"pointermove\", onPointerMove, {\n                capture: true,\n            });\n            window.removeEventListener(\"keydown\", onKeyDown, true);\n        };\n    }, [allowHover]);\n\n    return { allowHover, isOpen, setIsOpen };\n};\n"],"names":["tree","nodeId","parentId","allowHover","setAllowHover","useState","isOpen","setIsOpen","useEffect","events","on","handleTreeClick","onSubMenuOpen","off","event","emit","onPointerMove","pointerType","onKeyDown","addEventListener","once","capture","window","removeEventListener"],"mappings":"mIAGiC,CAC7BA,EACAC,EACAC,KAMA,MAAOC,EAAYC,GAAiBC,EAAAA,UAAS,IACtCC,EAAQC,GAAaF,EAAAA,UAAS,GAKrCG,OAAAA,EAAAA,WAAU,KACN,GAAKR,EAgBA,OAAAA,EAAAS,OAAOC,GAAG,QAASC,GACnBX,EAAAS,OAAOC,GAAG,WAAYE,GAEpB,KACEZ,EAAAS,OAAOI,IAAI,QAASF,GACpBX,EAAAS,OAAOI,IAAI,WAAYD,EAAa,EAnB7C,SAASD,IACLJ,GAAU,EAAK,CAGnB,SAASK,EAAcE,GAEfb,GACAa,EAAMb,SAAWA,GACjBa,EAAMZ,WAAaA,GAEnBK,GAAU,EACd,CASJ,GACD,CAACP,EAAMC,EAAQC,IAElBM,EAAAA,WAAU,KACFF,GAAUN,GAAQC,GAClBD,EAAKS,OAAOM,KAAK,WAAY,CAAEb,SAAAA,EAAUD,OAAAA,GAAQ,GAEtD,CAACD,EAAMM,EAAQL,EAAQC,IAM1BM,EAAAA,WAAU,KACG,SAAAQ,GAAgBC,YAAAA,IACD,UAAhBA,GACAb,GAAc,EAClB,CAGJ,SAASc,IACLd,GAAc,EAAK,CAGhB,cAAAe,iBAAiB,cAAeH,EAAe,CAClDI,MAAM,EACNC,SAAS,IAENC,OAAAH,iBAAiB,UAAWD,GAAW,GACvC,KACII,OAAAC,oBAAoB,cAAeP,EAAe,CACrDK,SAAS,IAENC,OAAAC,oBAAoB,UAAWL,GAAW,EAAI,CACzD,GACD,CAACf,IAEG,CAAEA,WAAAA,EAAYG,OAAAA,EAAQC,UAAAA,EAAU"}

package/build/cjs/components/menu/useMenuWideEvents.d.cts

@@ -1,5 +1,5 @@
 import { FloatingTreeType } from '@floating-ui/react';
-export declare const useMenuWideEvents: (tree: FloatingTreeType | null, nodeId: string, parentId: string | null) => {
+export declare const useMenuWideEvents: (tree: FloatingTreeType | null, nodeId: string | undefined, parentId: string | null) => {
     allowHover: boolean;
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;

package/build/es/components/menu/useMenuWideEvents.d.ts

@@ -1,5 +1,5 @@
 import { FloatingTreeType } from '@floating-ui/react';
-export declare const useMenuWideEvents: (tree: FloatingTreeType | null, nodeId: string, parentId: string | null) => {
+export declare const useMenuWideEvents: (tree: FloatingTreeType | null, nodeId: string | undefined, parentId: string | null) => {
     allowHover: boolean;
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;

package/build/es/components/menu/useMenuWideEvents.js

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as n}from"react";const t=(t,o,r)=>{const[i,s]=e(!1),[d,u]=e(!1);return n((()=>{if(t)return t.events.on("click",e),t.events.on("menuopen",n),()=>{t.events.off("click",e),t.events.off("menuopen",n)};function e(){u(!1)}function n(e){e.nodeId!==o&&e.parentId===r&&u(!1)}}),[t,o,r]),n((()=>{d&&t&&t.events.emit("menuopen",{parentId:r,nodeId:o})}),[t,d,o,r]),n((()=>{function e({pointerType:e}){"touch"!==e&&s(!0)}function n(){s(!1)}return window.addEventListener("pointermove",e,{once:!0,capture:!0}),window.addEventListener("keydown",n,!0),()=>{window.removeEventListener("pointermove",e,{capture:!0}),window.removeEventListener("keydown",n,!0)}}),[i]),{allowHover:i,isOpen:d,setIsOpen:u}};export{t as useMenuWideEvents};
+import{useState as e,useEffect as n}from"react";const t=(t,o,r)=>{const[i,s]=e(!1),[d,u]=e(!1);return n((()=>{if(t)return t.events.on("click",e),t.events.on("menuopen",n),()=>{t.events.off("click",e),t.events.off("menuopen",n)};function e(){u(!1)}function n(e){o&&e.nodeId!==o&&e.parentId===r&&u(!1)}}),[t,o,r]),n((()=>{d&&t&&o&&t.events.emit("menuopen",{parentId:r,nodeId:o})}),[t,d,o,r]),n((()=>{function e({pointerType:e}){"touch"!==e&&s(!0)}function n(){s(!1)}return window.addEventListener("pointermove",e,{once:!0,capture:!0}),window.addEventListener("keydown",n,!0),()=>{window.removeEventListener("pointermove",e,{capture:!0}),window.removeEventListener("keydown",n,!0)}}),[i]),{allowHover:i,isOpen:d,setIsOpen:u}};export{t as useMenuWideEvents};
 //# sourceMappingURL=useMenuWideEvents.js.map

package/build/es/components/menu/useMenuWideEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuWideEvents.js","sources":["../../../../src/components/menu/useMenuWideEvents.ts"],"sourcesContent":["import type { FloatingTreeType } from \"@floating-ui/react\";\nimport { useEffect, useState } from \"react\";\n\nexport const useMenuWideEvents = (\n    tree: FloatingTreeType | null,\n    nodeId: string,\n    parentId: string | null,\n): {\n    allowHover: boolean;\n    isOpen: boolean;\n    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n    const [allowHover, setAllowHover] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n\n    // Event emitter allows you to communicate across tree components.\n    // This effect closes all menus when an item gets clicked anywhere\n    // in the tree.\n    useEffect(() => {\n        if (!tree) return;\n\n        function handleTreeClick() {\n            setIsOpen(false);\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                setIsOpen(false);\n            }\n        }\n\n        tree.events.on(\"click\", handleTreeClick);\n        tree.events.on(\"menuopen\", onSubMenuOpen);\n\n        return () => {\n            tree.events.off(\"click\", handleTreeClick);\n            tree.events.off(\"menuopen\", onSubMenuOpen);\n        };\n    }, [tree, nodeId, parentId]);\n\n    useEffect(() => {\n        if (isOpen && tree) {\n            tree.events.emit(\"menuopen\", { parentId, nodeId });\n        }\n    }, [tree, isOpen, nodeId, parentId]);\n\n    // Determine if \"hover\" logic can run based on the modality of input. This\n    // prevents unwanted focus synchronization as menus open and close with\n    // keyboard navigation and the cursor is resting on the menu.\n    // biome-ignore lint/correctness/useExhaustiveDependencies:\n    useEffect(() => {\n        function onPointerMove({ pointerType }: PointerEvent) {\n            if (pointerType !== \"touch\") {\n                setAllowHover(true);\n            }\n        }\n\n        function onKeyDown() {\n            setAllowHover(false);\n        }\n\n        window.addEventListener(\"pointermove\", onPointerMove, {\n            once: true,\n            capture: true,\n        });\n        window.addEventListener(\"keydown\", onKeyDown, true);\n        return () => {\n            window.removeEventListener(\"pointermove\", onPointerMove, {\n                capture: true,\n            });\n            window.removeEventListener(\"keydown\", onKeyDown, true);\n        };\n    }, [allowHover]);\n\n    return { allowHover, isOpen, setIsOpen };\n};\n"],"names":["useMenuWideEvents","tree","nodeId","parentId","allowHover","setAllowHover","useState","isOpen","setIsOpen","useEffect","events","on","handleTreeClick","onSubMenuOpen","off","event","emit","onPointerMove","pointerType","onKeyDown","window","addEventListener","once","capture","removeEventListener"],"mappings":"gDAGO,MAAMA,EAAoB,CAC7BC,EACAC,EACAC,KAMA,MAAOC,EAAYC,GAAiBC,GAAS,IACtCC,EAAQC,GAAaF,GAAS,GAKrC,OAAAG,GAAU,KACN,GAAKR,EAYA,OAAAA,EAAAS,OAAOC,GAAG,QAASC,GACnBX,EAAAS,OAAOC,GAAG,WAAYE,GAEpB,KACEZ,EAAAS,OAAOI,IAAI,QAASF,GACpBX,EAAAS,OAAOI,IAAI,WAAYD,EAAa,EAf7C,SAASD,IACLJ,GAAU,EAAK,CAGnB,SAASK,EAAcE,GACfA,EAAMb,SAAWA,GAAUa,EAAMZ,WAAaA,GAC9CK,GAAU,EACd,CASJ,GACD,CAACP,EAAMC,EAAQC,IAElBM,GAAU,KACFF,GAAUN,GACVA,EAAKS,OAAOM,KAAK,WAAY,CAAEb,SAAAA,EAAUD,OAAAA,GAAQ,GAEtD,CAACD,EAAMM,EAAQL,EAAQC,IAM1BM,GAAU,KACG,SAAAQ,GAAgBC,YAAAA,IACD,UAAhBA,GACAb,GAAc,EAClB,CAGJ,SAASc,IACLd,GAAc,EAAK,CAGhB,OAAAe,OAAAC,iBAAiB,cAAeJ,EAAe,CAClDK,MAAM,EACNC,SAAS,IAENH,OAAAC,iBAAiB,UAAWF,GAAW,GACvC,KACIC,OAAAI,oBAAoB,cAAeP,EAAe,CACrDM,SAAS,IAENH,OAAAI,oBAAoB,UAAWL,GAAW,EAAI,CACzD,GACD,CAACf,IAEG,CAAEA,WAAAA,EAAYG,OAAAA,EAAQC,UAAAA,EAAU"}
+{"version":3,"file":"useMenuWideEvents.js","sources":["../../../../src/components/menu/useMenuWideEvents.ts"],"sourcesContent":["import type { FloatingTreeType } from \"@floating-ui/react\";\nimport { useEffect, useState } from \"react\";\n\nexport const useMenuWideEvents = (\n    tree: FloatingTreeType | null,\n    nodeId: string | undefined,\n    parentId: string | null,\n): {\n    allowHover: boolean;\n    isOpen: boolean;\n    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;\n} => {\n    const [allowHover, setAllowHover] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n\n    // Event emitter allows you to communicate across tree components.\n    // This effect closes all menus when an item gets clicked anywhere\n    // in the tree.\n    useEffect(() => {\n        if (!tree) return;\n\n        function handleTreeClick() {\n            setIsOpen(false);\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (\n                nodeId &&\n                event.nodeId !== nodeId &&\n                event.parentId === parentId\n            ) {\n                setIsOpen(false);\n            }\n        }\n\n        tree.events.on(\"click\", handleTreeClick);\n        tree.events.on(\"menuopen\", onSubMenuOpen);\n\n        return () => {\n            tree.events.off(\"click\", handleTreeClick);\n            tree.events.off(\"menuopen\", onSubMenuOpen);\n        };\n    }, [tree, nodeId, parentId]);\n\n    useEffect(() => {\n        if (isOpen && tree && nodeId) {\n            tree.events.emit(\"menuopen\", { parentId, nodeId });\n        }\n    }, [tree, isOpen, nodeId, parentId]);\n\n    // Determine if \"hover\" logic can run based on the modality of input. This\n    // prevents unwanted focus synchronization as menus open and close with\n    // keyboard navigation and the cursor is resting on the menu.\n    // biome-ignore lint/correctness/useExhaustiveDependencies:\n    useEffect(() => {\n        function onPointerMove({ pointerType }: PointerEvent) {\n            if (pointerType !== \"touch\") {\n                setAllowHover(true);\n            }\n        }\n\n        function onKeyDown() {\n            setAllowHover(false);\n        }\n\n        window.addEventListener(\"pointermove\", onPointerMove, {\n            once: true,\n            capture: true,\n        });\n        window.addEventListener(\"keydown\", onKeyDown, true);\n        return () => {\n            window.removeEventListener(\"pointermove\", onPointerMove, {\n                capture: true,\n            });\n            window.removeEventListener(\"keydown\", onKeyDown, true);\n        };\n    }, [allowHover]);\n\n    return { allowHover, isOpen, setIsOpen };\n};\n"],"names":["useMenuWideEvents","tree","nodeId","parentId","allowHover","setAllowHover","useState","isOpen","setIsOpen","useEffect","events","on","handleTreeClick","onSubMenuOpen","off","event","emit","onPointerMove","pointerType","onKeyDown","window","addEventListener","once","capture","removeEventListener"],"mappings":"gDAGO,MAAMA,EAAoB,CAC7BC,EACAC,EACAC,KAMA,MAAOC,EAAYC,GAAiBC,GAAS,IACtCC,EAAQC,GAAaF,GAAS,GAKrC,OAAAG,GAAU,KACN,GAAKR,EAgBA,OAAAA,EAAAS,OAAOC,GAAG,QAASC,GACnBX,EAAAS,OAAOC,GAAG,WAAYE,GAEpB,KACEZ,EAAAS,OAAOI,IAAI,QAASF,GACpBX,EAAAS,OAAOI,IAAI,WAAYD,EAAa,EAnB7C,SAASD,IACLJ,GAAU,EAAK,CAGnB,SAASK,EAAcE,GAEfb,GACAa,EAAMb,SAAWA,GACjBa,EAAMZ,WAAaA,GAEnBK,GAAU,EACd,CASJ,GACD,CAACP,EAAMC,EAAQC,IAElBM,GAAU,KACFF,GAAUN,GAAQC,GAClBD,EAAKS,OAAOM,KAAK,WAAY,CAAEb,SAAAA,EAAUD,OAAAA,GAAQ,GAEtD,CAACD,EAAMM,EAAQL,EAAQC,IAM1BM,GAAU,KACG,SAAAQ,GAAgBC,YAAAA,IACD,UAAhBA,GACAb,GAAc,EAClB,CAGJ,SAASc,IACLd,GAAc,EAAK,CAGhB,OAAAe,OAAAC,iBAAiB,cAAeJ,EAAe,CAClDK,MAAM,EACNC,SAAS,IAENH,OAAAC,iBAAiB,UAAWF,GAAW,GACvC,KACIC,OAAAI,oBAAoB,cAAeP,EAAe,CACrDM,SAAS,IAENH,OAAAI,oBAAoB,UAAWL,GAAW,EAAI,CACzD,GACD,CAACf,IAEG,CAAEA,WAAAA,EAAYG,OAAAA,EAAQC,UAAAA,EAAU"}