@vertesia/ui 0.66.0 → 0.68.0

package/lib/vertesia-ui-layout.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as l,Fragment as r}from"react/jsx-runtime";import i from"clsx";import{Transition as t,Dialog as n,TransitionChild as a,DialogPanel as s}from"@headlessui/react";import{Menu as o,Search as c,Dot as d,X as h}from"lucide-react";import{createContext as m,useContext as u,useState as f,useEffect as x,Fragment as g}from"react";import{Button as p,TooltipProvider as v,Tooltip as N,TooltipTrigger as b,TooltipContent as w}from"@vertesia/ui/core";import{Nav as y}from"@vertesia/ui/router";function k({className:l,children:r}){return e("div",{className:i("flex flex-col","h-full","overflow-y-auto",l),children:r})}k.Fixed=function({heightClass:l,className:r,children:t}){return e("div",{className:i("w-full",l,r),children:t})},k.Body=function({className:l,children:r}){return e("div",{className:i("grow overflow-auto","min-h-0","px-4 py-2",l),children:r})},k.VR=function({}){return e("div",{className:"w-[1px] border border-red-200"})},k.HR=function({}){return e("div",{className:"w-full h-1 border-b border-red-200"})};const C=m({isOpen:!1,toggleMobile:()=>{},toggleDesktop:()=>{}});function S(){return u(C)}function z({title:l}){return e("div",{className:"self-center text-lg font-semibold",children:l})}function O({children:r,logo:i,onSearch:t,title:n}){return l("div",{className:"sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8",children:[e(T,{}),e("div",{className:"lg:hidden",children:i}),t&&e(D,{visible:"mobile"}),l("div",{className:"flex flex-1 gap-x-4 self-stretch lg:gap-x-6",children:[e(z,{title:n}),t&&e(F,{onSearch:t}),e("div",{className:"flex items-center gap-x-4 lg:gap-x-6 ml-auto",children:r})]})]})}function F({}){return l("form",{className:"relative flex flex-1",action:"#",method:"GET",children:[e("label",{htmlFor:"search-field",className:"sr-only",children:"Search"}),e(c,{className:"pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400","aria-hidden":"true"}),e("input",{id:"search-field",className:"block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm",placeholder:"Search...",type:"search",name:"search"})]})}function T(){const{toggleDesktop:l,toggleMobile:i}=S();return e(r,{children:e(p,{variant:"ghost",size:"icon",onClick:()=>{window.innerWidth<1024?i():l()},className:"p-2 rounded-full transition-colors w-full text-center ",children:e(o,{"aria-hidden":"true",size:24})})})}function D({visible:l}){let r="";return l&&(r="mobile"===l?"lg:hidden":"hidden lg:block"),e("div",{className:`h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${r}`,"aria-hidden":"true"})}function I({title:r,icon:i,onClick:t}){return l("button",{type:"button",className:"-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500",onClick:t,children:[e("span",{className:"sr-only",children:r}),e(i,{className:"size-6","aria-hidden":"true",title:r})]})}function M({children:l,onClick:r}){return e(p,{onClick:r,children:l})}function E({href:l,onClick:r,children:i}){return e("a",{className:"dark:text-slate-50",href:l,onClick:r,children:i})}function W({children:r,logo:t,className:n}){return l("div",{className:i(n||"bg-indigo-600 dark:bg-indigo-950","flex flex-col h-full"),children:[t&&e("div",{className:"-mx-2 flex h-auto my-4 shrink-0 self-start",children:t}),e("div",{className:"flex-1 min-h-0 overflow-hidden px-2",children:e("nav",{className:"h-full flex flex-col",children:e("ul",{role:"list",className:"flex flex-col gap-y-2 overflow-y-auto h-full",children:r})})})]})}function j({children:i,title:t,action:n,isFooter:a=!1}){const{isOpen:s}=S();let o=s?l(r,{children:[t||"",n]}):e(d,{className:"size-6"});return l("li",{className:a?"mt-auto":"",children:[t&&e("div",{className:"text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70",children:o}),e("ul",{"data-sidebar":"menu",className:"flex w-full min-w-0 flex-col gap-1",children:i})]})}function L({children:i,text:t}){const{isOpen:n}=S();return n?e(r,{children:i}):e(v,{children:l(N,{children:[e(b,{asChild:!0,children:i}),e(w,{side:"right",children:t})]})})}function P({external:r,className:t,tools:n,children:a,icon:s,href:o,current:c,onClick:d}){const{toggleMobile:h}=S();return e("li",{children:e(y,{onClick:()=>{setTimeout((()=>{h(!1)}),100)},children:e(L,{text:a,children:l("a",{href:o,onClick:e=>{r?(window.open(o,"_blank"),e.preventDefault(),e.stopPropagation()):d&&d(e)},className:i(c?"bg-sidebar-accent text-sidebar-accent-foreground":"text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent","group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8",t),children:[s&&e(s,{className:i(c?"bg-sidebar-accent text-sidebar-accent-foreground":"text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent","size-4 shrink-0"),"aria-hidden":"true"}),a,n&&e("div",{className:"flex items-center ml-auto",children:n})]})})})})}function R({sidebarClassName:o,className:c,title:d,children:m,logo:u,navbar:p,sidebar:v,mainNav:N}){null===localStorage.getItem("desktopSidebarOpen")&&localStorage.setItem("desktopSidebarOpen","true");const[b,w]=f(!1),[y,k]=f("true"===localStorage.getItem("desktopSidebarOpen")),[S,z]=f(window.innerWidth>=1024);x((()=>{const e=()=>{z(window.innerWidth>=1024)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);const F={isOpen:S?y:b,toggleDesktop:e=>{k(void 0===e?!y:e),localStorage.setItem("desktopSidebarOpen",JSON.stringify(!y))},toggleMobile:e=>{w(void 0===e?!b:e)}};return e(r,{children:e("div",{className:"flex flex-col h-screen overflow-y-hidden",children:l(C.Provider,{value:F,children:[e("div",{className:"w-full",children:N}),l("div",{className:"flex h-full overflow-y-auto w-full",children:[e(t,{show:b,as:g,children:l(n,{as:"div",className:"relative z-50 lg:hidden",onClose:w,children:[e(a,{as:g,enter:"transition-opacity ease-linear duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition-opacity ease-linear duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:e("div",{className:"fixed inset-0 bg-gray-900/80"})}),e("div",{className:"fixed inset-0 flex",children:e(a,{as:g,enter:"transition ease-in-out duration-300 transform",enterFrom:"-translate-x-full",enterTo:"translate-x-0",leave:"transition ease-in-out duration-300 transform",leaveFrom:"translate-x-0",leaveTo:"-translate-x-full",children:l(s,{className:"relative flex w-full max-w-xs flex-1",children:[e(W,{logo:u,className:o,children:v}),e("div",{className:"flex w-16 justify-center pt-5 items-start",children:l("button",{type:"button",className:"-m-2.5 p-2.5",onClick:()=>w(!1),children:[e("span",{className:"sr-only",children:"Close sidebar"}),e(h,{className:"size-6 text-white","aria-hidden":"true"})]})})]})})})]})}),e("div",{className:"hidden lg:block relative transition-all duration-300 "+(y?"w-72":"w-12"),children:e(W,{logo:u,className:o,children:v})}),l("div",{className:"w-full h-full overflow-y-hidden",children:[p?e(O,{title:d,logo:u,children:p}):null,e("main",{className:i("flex-1 h-full w-full relative flex flex-col",c),children:m})]})]})]})})})}export{R as AppLayout,k as FullHeightLayout,T as HamburgerButton,O as Navbar,M as NavbarButton,I as NavbarIconButton,E as NavbarLink,D as NavbarSeparator,W as Sidebar,C as SidebarContext,P as SidebarItem,j as SidebarSection,L as SidebarTooltip,z as TitleBar,S as useSidebarToggle};
+import{jsx as e,jsxs as l,Fragment as r}from"react/jsx-runtime";import i from"clsx";import{Transition as t,Dialog as n,TransitionChild as a,DialogPanel as s}from"@headlessui/react";import{Menu as o,Search as c,Dot as d,X as h}from"lucide-react";import{createContext as m,useContext as u,useState as f,useEffect as x,Fragment as g}from"react";import{Button as p,TooltipProvider as v,Tooltip as N,TooltipTrigger as b,TooltipContent as w}from"@vertesia/ui/core";import{Nav as y}from"@vertesia/ui/router";function k({className:l,children:r}){return e("div",{className:i("flex flex-col","h-full","overflow-y-auto","px-2",l),children:r})}k.Fixed=function({heightClass:l,className:r,children:t}){return e("div",{className:i("w-full",l,r),children:t})},k.Body=function({className:l,children:r}){return e("div",{className:i("grow overflow-auto","min-h-0","p-2",l),children:r})},k.VR=function({}){return e("div",{className:"w-[1px] border border-red-200"})},k.HR=function({}){return e("div",{className:"w-full h-1 border-b border-red-200"})};const C=m({isOpen:!1,toggleMobile:()=>{},toggleDesktop:()=>{}});function S(){return u(C)}function z({title:l}){return e("div",{className:"self-center text-lg font-semibold",children:l})}function O({children:r,logo:i,onSearch:t,title:n}){return l("div",{className:"sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8",children:[e(T,{}),e("div",{className:"lg:hidden",children:i}),t&&e(D,{visible:"mobile"}),l("div",{className:"flex flex-1 gap-x-4 self-stretch lg:gap-x-6",children:[e(z,{title:n}),t&&e(F,{onSearch:t}),e("div",{className:"flex items-center gap-x-4 lg:gap-x-6 ml-auto",children:r})]})]})}function F({}){return l("form",{className:"relative flex flex-1",action:"#",method:"GET",children:[e("label",{htmlFor:"search-field",className:"sr-only",children:"Search"}),e(c,{className:"pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400","aria-hidden":"true"}),e("input",{id:"search-field",className:"block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm",placeholder:"Search...",type:"search",name:"search"})]})}function T(){const{toggleDesktop:l,toggleMobile:i}=S();return e(r,{children:e(p,{variant:"ghost",size:"icon",onClick:()=>{window.innerWidth<1024?i():l()},className:"p-2 rounded-full transition-colors w-full text-center ",children:e(o,{"aria-hidden":"true",size:24})})})}function D({visible:l}){let r="";return l&&(r="mobile"===l?"lg:hidden":"hidden lg:block"),e("div",{className:`h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${r}`,"aria-hidden":"true"})}function I({title:r,icon:i,onClick:t}){return l("button",{type:"button",className:"-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500",onClick:t,children:[e("span",{className:"sr-only",children:r}),e(i,{className:"size-6","aria-hidden":"true",title:r})]})}function M({children:l,onClick:r}){return e(p,{onClick:r,children:l})}function E({href:l,onClick:r,children:i}){return e("a",{className:"dark:text-slate-50",href:l,onClick:r,children:i})}function W({children:r,logo:t,className:n}){return l("div",{className:i(n||"bg-indigo-600 dark:bg-indigo-950","flex flex-col h-full"),children:[t&&e("div",{className:"-mx-2 flex h-auto my-4 shrink-0 self-start",children:t}),e("div",{className:"flex-1 min-h-0 overflow-hidden px-2",children:e("nav",{className:"h-full flex flex-col",children:e("ul",{role:"list",className:"flex flex-col gap-y-2 overflow-y-auto h-full",children:r})})})]})}function j({children:i,title:t,action:n,isFooter:a=!1}){const{isOpen:s}=S();let o=s?l(r,{children:[t||"",n]}):e(d,{className:"size-6"});return l("li",{className:a?"mt-auto":"",children:[t&&e("div",{className:"text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70",children:o}),e("ul",{"data-sidebar":"menu",className:"flex w-full min-w-0 flex-col gap-1",children:i})]})}function L({children:i,text:t}){const{isOpen:n}=S();return n?e(r,{children:i}):e(v,{children:l(N,{children:[e(b,{asChild:!0,children:i}),e(w,{side:"right",children:t})]})})}function P({external:r,className:t,tools:n,children:a,icon:s,href:o,current:c,onClick:d}){const{toggleMobile:h}=S();return e("li",{children:e(y,{onClick:()=>{setTimeout((()=>{h(!1)}),100)},children:e(L,{text:a,children:l("a",{href:o,onClick:e=>{r?(window.open(o,"_blank"),e.preventDefault(),e.stopPropagation()):d&&d(e)},className:i(c?"bg-sidebar-accent text-sidebar-accent-foreground":"text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent","group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8",t),children:[s&&e(s,{className:i(c?"bg-sidebar-accent text-sidebar-accent-foreground":"text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent","size-4 shrink-0"),"aria-hidden":"true"}),a,n&&e("div",{className:"flex items-center ml-auto",children:n})]})})})})}function R({sidebarClassName:o,className:c,title:d,children:m,logo:u,navbar:p,sidebar:v,mainNav:N}){null===localStorage.getItem("desktopSidebarOpen")&&localStorage.setItem("desktopSidebarOpen","true");const[b,w]=f(!1),[y,k]=f("true"===localStorage.getItem("desktopSidebarOpen")),[S,z]=f(window.innerWidth>=1024);x((()=>{const e=()=>{z(window.innerWidth>=1024)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);const F={isOpen:S?y:b,toggleDesktop:e=>{k(void 0===e?!y:e),localStorage.setItem("desktopSidebarOpen",JSON.stringify(!y))},toggleMobile:e=>{w(void 0===e?!b:e)}};return e(r,{children:e("div",{className:"flex flex-col h-screen overflow-y-hidden",children:l(C.Provider,{value:F,children:[e("div",{className:"w-full",children:N}),l("div",{className:"flex h-full overflow-y-auto w-full",children:[e(t,{show:b,as:g,children:l(n,{as:"div",className:"relative z-50 lg:hidden",onClose:w,children:[e(a,{as:g,enter:"transition-opacity ease-linear duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition-opacity ease-linear duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:e("div",{className:"fixed inset-0 bg-gray-900/80"})}),e("div",{className:"fixed inset-0 flex",children:e(a,{as:g,enter:"transition ease-in-out duration-300 transform",enterFrom:"-translate-x-full",enterTo:"translate-x-0",leave:"transition ease-in-out duration-300 transform",leaveFrom:"translate-x-0",leaveTo:"-translate-x-full",children:l(s,{className:"relative flex w-full max-w-xs flex-1",children:[e(W,{logo:u,className:o,children:v}),e("div",{className:"flex w-16 justify-center pt-5 items-start",children:l("button",{type:"button",className:"-m-2.5 p-2.5",onClick:()=>w(!1),children:[e("span",{className:"sr-only",children:"Close sidebar"}),e(h,{className:"size-6 text-white","aria-hidden":"true"})]})})]})})})]})}),e("div",{className:"hidden lg:block relative transition-all duration-300 "+(y?"w-72":"w-12"),children:e(W,{logo:u,className:o,children:v})}),l("div",{className:"w-full h-full overflow-y-hidden",children:[p?e(O,{title:d,logo:u,children:p}):null,e("main",{className:i("flex-1 h-full w-full relative flex flex-col",c),children:m})]})]})]})})})}export{R as AppLayout,k as FullHeightLayout,T as HamburgerButton,O as Navbar,M as NavbarButton,I as NavbarIconButton,E as NavbarLink,D as NavbarSeparator,W as Sidebar,C as SidebarContext,P as SidebarItem,j as SidebarSection,L as SidebarTooltip,z as TitleBar,S as useSidebarToggle};
 //# sourceMappingURL=vertesia-ui-layout.js.map

package/lib/vertesia-ui-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertesia-ui-layout.js","sources":["esm/layout/FullHeightLayout.js","esm/layout/SidebarContext.js","esm/layout/TitleBar.js","esm/layout/Navbar.js","esm/layout/Sidebar.js","esm/layout/AppLayout.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport clsx from 'clsx';\nexport function FullHeightLayout({ className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"flex flex-col\", \"h-full\", \"overflow-y-auto\", \n        // \"dark:bg-slate-900 text-slate-950 dark:text-slate-200\",\n        className), children: children }));\n}\nFullHeightLayout.Fixed = function Fixed({ heightClass, className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"w-full\", heightClass, className), children: children }));\n};\nFullHeightLayout.Body = function Body({ className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"grow overflow-auto\", \"min-h-0\", \"px-4 py-2\", className), children: children }));\n};\nFullHeightLayout.VR = function VDivider({}) {\n    return (_jsx(\"div\", { className: \"w-[1px] border border-red-200\" }));\n};\nFullHeightLayout.HR = function HDivider({}) {\n    return (_jsx(\"div\", { className: \"w-full h-1 border-b border-red-200\" }));\n};\n//# sourceMappingURL=FullHeightLayout.js.map","import { createContext, useContext } from \"react\";\nexport const SidebarContext = createContext({\n    isOpen: false,\n    toggleMobile: () => void 0,\n    toggleDesktop: () => void 0,\n});\nexport function useSidebarToggle() {\n    return useContext(SidebarContext);\n}\n//# sourceMappingURL=SidebarContext.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nexport function TitleBar({ title }) {\n    return _jsx(\"div\", { className: 'self-center text-lg font-semibold', children: title });\n}\n//# sourceMappingURL=TitleBar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Menu, Search } from 'lucide-react';\nimport { Button } from '@vertesia/ui/core';\nimport { useSidebarToggle } from './SidebarContext.js';\nimport { TitleBar } from './TitleBar.js';\nexport function Navbar({ children, logo, onSearch, title }) {\n    return (_jsxs(\"div\", { className: \"sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8\", children: [_jsx(HamburgerButton, {}), _jsx(\"div\", { className: \"lg:hidden\", children: logo }), onSearch && _jsx(NavbarSeparator, { visible: 'mobile' }), _jsxs(\"div\", { className: \"flex flex-1 gap-x-4 self-stretch lg:gap-x-6\", children: [_jsx(TitleBar, { title: title }), onSearch && _jsx(SearchBox, { onSearch: onSearch }), _jsx(\"div\", { className: \"flex items-center gap-x-4 lg:gap-x-6 ml-auto\", children: children })] })] }));\n}\nfunction SearchBox({}) {\n    return (_jsxs(\"form\", { className: \"relative flex flex-1\", action: \"#\", method: \"GET\", children: [_jsx(\"label\", { htmlFor: \"search-field\", className: \"sr-only\", children: \"Search\" }), _jsx(Search, { className: \"pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400\", \"aria-hidden\": \"true\" }), _jsx(\"input\", { id: \"search-field\", className: \"block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm\", placeholder: \"Search...\", type: \"search\", name: \"search\" })] }));\n}\nexport function HamburgerButton() {\n    const { toggleDesktop, toggleMobile } = useSidebarToggle();\n    const toggle = () => {\n        if (window.innerWidth < 1024) {\n            toggleMobile();\n        }\n        else {\n            toggleDesktop();\n        }\n    };\n    return (_jsx(_Fragment, { children: _jsx(Button, { variant: 'ghost', size: 'icon', onClick: () => toggle(), className: \"p-2 rounded-full transition-colors w-full text-center \", children: _jsx(Menu, { \"aria-hidden\": \"true\", size: 24 }) }) }));\n}\nexport function NavbarSeparator({ visible }) {\n    let visibility = \"\";\n    if (visible) {\n        visibility = visible === \"mobile\" ? \"lg:hidden\" : \"hidden lg:block\";\n    }\n    return (_jsx(\"div\", { className: `h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${visibility}`, \"aria-hidden\": \"true\" }));\n}\nexport function NavbarIconButton({ title, icon: Icon, onClick }) {\n    return (_jsxs(\"button\", { type: \"button\", className: \"-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500\", onClick: onClick, children: [_jsx(\"span\", { className: \"sr-only\", children: title }), _jsx(Icon, { className: \"size-6\", \"aria-hidden\": \"true\", title: title })] }));\n}\nexport function NavbarButton({ children, onClick }) {\n    return (_jsx(Button, { onClick: onClick, children: children }));\n}\nexport function NavbarLink({ href, onClick, children }) {\n    return (_jsx(\"a\", { className: \"dark:text-slate-50\", href: href, onClick: onClick, children: children }));\n}\n//# sourceMappingURL=Navbar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport clsx from 'clsx';\nimport { useSidebarToggle } from './SidebarContext';\nimport { Dot } from 'lucide-react';\nimport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@vertesia/ui/core';\nimport { Nav } from \"@vertesia/ui/router\";\nexport function Sidebar({ children, logo, className }) {\n    return (_jsxs(\"div\", { className: clsx(className || \"bg-indigo-600 dark:bg-indigo-950\", \"flex flex-col h-full\"), children: [logo &&\n                _jsx(\"div\", { className: \"-mx-2 flex h-auto my-4 shrink-0 self-start\", children: logo }), _jsx(\"div\", { className: \"flex-1 min-h-0 overflow-hidden px-2\", children: _jsx(\"nav\", { className: \"h-full flex flex-col\", children: _jsx(\"ul\", { role: \"list\", className: \"flex flex-col gap-y-2 overflow-y-auto h-full\", children: children }) }) })] }));\n}\nexport function SidebarSection({ children, title, action, isFooter = false }) {\n    const { isOpen } = useSidebarToggle();\n    let header = isOpen ? _jsxs(_Fragment, { children: [title || \"\", action] }) : _jsx(Dot, { className: 'size-6' });\n    return (_jsxs(\"li\", { className: isFooter ? 'mt-auto' : '', children: [title && _jsx(\"div\", { className: \"text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70\", children: header }), _jsx(\"ul\", { \"data-sidebar\": \"menu\", className: \"flex w-full min-w-0 flex-col gap-1\", children: children })] }));\n}\nexport function SidebarTooltip({ children, text }) {\n    const { isOpen } = useSidebarToggle();\n    return (isOpen ? _jsx(_Fragment, { children: children }) :\n        _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: 'right', children: text })] }) }));\n}\nexport function SidebarItem({ external, className, tools, children, icon: Icon, href, current, onClick }) {\n    const { toggleMobile } = useSidebarToggle();\n    const _closeSideBar = () => {\n        setTimeout(() => {\n            toggleMobile(false);\n        }, 100);\n    };\n    const onClickWrapper = (event) => {\n        if (external) {\n            window.open(href, '_blank');\n            event.preventDefault(); // Prevent default link behavior\n            event.stopPropagation(); // Stop the event from propagating\n        }\n        else if (onClick) {\n            onClick(event);\n        }\n    };\n    return (_jsx(\"li\", { children: _jsx(Nav, { onClick: _closeSideBar, children: _jsx(SidebarTooltip, { text: children, children: _jsxs(\"a\", { href: href, onClick: onClickWrapper, className: clsx(current\n                        ? 'bg-sidebar-accent text-sidebar-accent-foreground'\n                        : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8', className), children: [Icon &&\n                            _jsx(Icon, { className: clsx(current\n                                    ? 'bg-sidebar-accent text-sidebar-accent-foreground'\n                                    : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'size-4 shrink-0'), \"aria-hidden\": \"true\" }), children, tools && _jsx(\"div\", { className: 'flex items-center ml-auto', children: tools })] }) }) }) }));\n}\n//# sourceMappingURL=Sidebar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react';\nimport { X } from 'lucide-react';\nimport clsx from 'clsx';\nimport { Fragment, useEffect, useState } from 'react';\n// import { FullHeightLayout } from './FullHeightLayout.js'\nimport { Navbar } from './Navbar.js';\nimport { Sidebar } from './Sidebar.js';\nimport { SidebarContext } from './SidebarContext.js';\nexport function AppLayout({ sidebarClassName, className, title, children, logo, navbar, sidebar, mainNav }) {\n    if (localStorage.getItem('desktopSidebarOpen') === null) {\n        localStorage.setItem('desktopSidebarOpen', 'true');\n    }\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n    const [desktopSidebarOpen, setDesktopSidebarOpen] = useState(localStorage.getItem('desktopSidebarOpen') === 'true');\n    const [isLargeScreen, setIsLargeScreen] = useState(window.innerWidth >= 1024);\n    useEffect(() => {\n        const handleResize = () => {\n            setIsLargeScreen(window.innerWidth >= 1024);\n        };\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n    const sidebarContextValue = {\n        isOpen: isLargeScreen ? desktopSidebarOpen : sidebarOpen,\n        toggleDesktop: (value) => {\n            if (value === undefined) {\n                setDesktopSidebarOpen(!desktopSidebarOpen);\n            }\n            else {\n                setDesktopSidebarOpen(value);\n            }\n            localStorage.setItem('desktopSidebarOpen', JSON.stringify(!desktopSidebarOpen));\n        },\n        toggleMobile: (value) => {\n            if (value === undefined) {\n                setSidebarOpen(!sidebarOpen);\n            }\n            else {\n                setSidebarOpen(value);\n            }\n        },\n    };\n    return (_jsx(_Fragment, { children: _jsx(\"div\", { className: 'flex flex-col h-screen overflow-y-hidden', children: _jsxs(SidebarContext.Provider, { value: sidebarContextValue, children: [_jsx(\"div\", { className: 'w-full', children: mainNav }), _jsxs(\"div\", { className: 'flex h-full overflow-y-auto w-full', children: [_jsx(Transition, { show: sidebarOpen, as: Fragment, children: _jsxs(Dialog, { as: \"div\", className: \"relative z-50 lg:hidden\", onClose: setSidebarOpen, children: [_jsx(TransitionChild, { as: Fragment, enter: \"transition-opacity ease-linear duration-300\", enterFrom: \"opacity-0\", enterTo: \"opacity-100\", leave: \"transition-opacity ease-linear duration-300\", leaveFrom: \"opacity-100\", leaveTo: \"opacity-0\", children: _jsx(\"div\", { className: \"fixed inset-0 bg-gray-900/80\" }) }), _jsx(\"div\", { className: \"fixed inset-0 flex\", children: _jsx(TransitionChild, { as: Fragment, enter: \"transition ease-in-out duration-300 transform\", enterFrom: \"-translate-x-full\", enterTo: \"translate-x-0\", leave: \"transition ease-in-out duration-300 transform\", leaveFrom: \"translate-x-0\", leaveTo: \"-translate-x-full\", children: _jsxs(DialogPanel, { className: \"relative flex w-full max-w-xs flex-1\", children: [_jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }), _jsx(\"div\", { className: \"flex w-16 justify-center pt-5 items-start\", children: _jsxs(\"button\", { type: \"button\", className: \"-m-2.5 p-2.5\", onClick: () => setSidebarOpen(false), children: [_jsx(\"span\", { className: \"sr-only\", children: \"Close sidebar\" }), _jsx(X, { className: \"size-6 text-white\", \"aria-hidden\": \"true\" })] }) })] }) }) })] }) }), _jsx(\"div\", { className: `hidden lg:block relative transition-all duration-300 ${desktopSidebarOpen ? 'w-72' : 'w-12'}`, children: _jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }) }), _jsxs(\"div\", { className: \"w-full h-full overflow-y-hidden\", children: [navbar ? (_jsx(Navbar, { title: title, logo: logo, children: navbar })) : null, _jsx(\"main\", { className: clsx(\"flex-1 h-full w-full relative flex flex-col\", className), children: children })] })] })] }) }) }));\n}\n//# sourceMappingURL=AppLayout.js.map"],"names":["FullHeightLayout","className","children","_jsx","clsx","Fixed","heightClass","Body","VR","HR","SidebarContext","createContext","isOpen","toggleMobile","toggleDesktop","useSidebarToggle","useContext","TitleBar","title","Navbar","logo","onSearch","_jsxs","HamburgerButton","NavbarSeparator","visible","SearchBox","action","method","htmlFor","Search","id","placeholder","type","name","_Fragment","Button","variant","size","onClick","window","innerWidth","Menu","visibility","NavbarIconButton","icon","Icon","NavbarButton","NavbarLink","href","Sidebar","role","SidebarSection","isFooter","header","Dot","SidebarTooltip","text","TooltipProvider","Tooltip","TooltipTrigger","asChild","TooltipContent","side","SidebarItem","external","tools","current","Nav","setTimeout","event","open","preventDefault","stopPropagation","AppLayout","sidebarClassName","navbar","sidebar","mainNav","localStorage","getItem","setItem","sidebarOpen","setSidebarOpen","useState","desktopSidebarOpen","setDesktopSidebarOpen","isLargeScreen","setIsLargeScreen","useEffect","handleResize","addEventListener","removeEventListener","sidebarContextValue","value","undefined","JSON","stringify","Provider","Transition","show","as","Fragment","Dialog","onClose","TransitionChild","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","DialogPanel","X"],"mappings":"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"}
+{"version":3,"file":"vertesia-ui-layout.js","sources":["esm/layout/FullHeightLayout.js","esm/layout/SidebarContext.js","esm/layout/TitleBar.js","esm/layout/Navbar.js","esm/layout/Sidebar.js","esm/layout/AppLayout.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport clsx from 'clsx';\nexport function FullHeightLayout({ className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"flex flex-col\", \"h-full\", \"overflow-y-auto\", \"px-2\", className), children: children }));\n}\nFullHeightLayout.Fixed = function Fixed({ heightClass, className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"w-full\", heightClass, className), children: children }));\n};\nFullHeightLayout.Body = function Body({ className, children }) {\n    return (_jsx(\"div\", { className: clsx(\"grow overflow-auto\", \"min-h-0\", \"p-2\", className), children: children }));\n};\nFullHeightLayout.VR = function VDivider({}) {\n    return (_jsx(\"div\", { className: \"w-[1px] border border-red-200\" }));\n};\nFullHeightLayout.HR = function HDivider({}) {\n    return (_jsx(\"div\", { className: \"w-full h-1 border-b border-red-200\" }));\n};\n//# sourceMappingURL=FullHeightLayout.js.map","import { createContext, useContext } from \"react\";\nexport const SidebarContext = createContext({\n    isOpen: false,\n    toggleMobile: () => void 0,\n    toggleDesktop: () => void 0,\n});\nexport function useSidebarToggle() {\n    return useContext(SidebarContext);\n}\n//# sourceMappingURL=SidebarContext.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nexport function TitleBar({ title }) {\n    return _jsx(\"div\", { className: 'self-center text-lg font-semibold', children: title });\n}\n//# sourceMappingURL=TitleBar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Menu, Search } from 'lucide-react';\nimport { Button } from '@vertesia/ui/core';\nimport { useSidebarToggle } from './SidebarContext.js';\nimport { TitleBar } from './TitleBar.js';\nexport function Navbar({ children, logo, onSearch, title }) {\n    return (_jsxs(\"div\", { className: \"sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b px-4 shadow-2xs sm:gap-x-6 sm:px-6 lg:px-8\", children: [_jsx(HamburgerButton, {}), _jsx(\"div\", { className: \"lg:hidden\", children: logo }), onSearch && _jsx(NavbarSeparator, { visible: 'mobile' }), _jsxs(\"div\", { className: \"flex flex-1 gap-x-4 self-stretch lg:gap-x-6\", children: [_jsx(TitleBar, { title: title }), onSearch && _jsx(SearchBox, { onSearch: onSearch }), _jsx(\"div\", { className: \"flex items-center gap-x-4 lg:gap-x-6 ml-auto\", children: children })] })] }));\n}\nfunction SearchBox({}) {\n    return (_jsxs(\"form\", { className: \"relative flex flex-1\", action: \"#\", method: \"GET\", children: [_jsx(\"label\", { htmlFor: \"search-field\", className: \"sr-only\", children: \"Search\" }), _jsx(Search, { className: \"pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400\", \"aria-hidden\": \"true\" }), _jsx(\"input\", { id: \"search-field\", className: \"block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm\", placeholder: \"Search...\", type: \"search\", name: \"search\" })] }));\n}\nexport function HamburgerButton() {\n    const { toggleDesktop, toggleMobile } = useSidebarToggle();\n    const toggle = () => {\n        if (window.innerWidth < 1024) {\n            toggleMobile();\n        }\n        else {\n            toggleDesktop();\n        }\n    };\n    return (_jsx(_Fragment, { children: _jsx(Button, { variant: 'ghost', size: 'icon', onClick: () => toggle(), className: \"p-2 rounded-full transition-colors w-full text-center \", children: _jsx(Menu, { \"aria-hidden\": \"true\", size: 24 }) }) }));\n}\nexport function NavbarSeparator({ visible }) {\n    let visibility = \"\";\n    if (visible) {\n        visibility = visible === \"mobile\" ? \"lg:hidden\" : \"hidden lg:block\";\n    }\n    return (_jsx(\"div\", { className: `h-6 w-px bg-gray-900/10 dark:bg-slate-900/0.1 ${visibility}`, \"aria-hidden\": \"true\" }));\n}\nexport function NavbarIconButton({ title, icon: Icon, onClick }) {\n    return (_jsxs(\"button\", { type: \"button\", className: \"-m-2.5 p-2.5 text-gray-400 dark:text-slate-50 hover:text-gray-500\", onClick: onClick, children: [_jsx(\"span\", { className: \"sr-only\", children: title }), _jsx(Icon, { className: \"size-6\", \"aria-hidden\": \"true\", title: title })] }));\n}\nexport function NavbarButton({ children, onClick }) {\n    return (_jsx(Button, { onClick: onClick, children: children }));\n}\nexport function NavbarLink({ href, onClick, children }) {\n    return (_jsx(\"a\", { className: \"dark:text-slate-50\", href: href, onClick: onClick, children: children }));\n}\n//# sourceMappingURL=Navbar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport clsx from 'clsx';\nimport { useSidebarToggle } from './SidebarContext';\nimport { Dot } from 'lucide-react';\nimport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '@vertesia/ui/core';\nimport { Nav } from \"@vertesia/ui/router\";\nexport function Sidebar({ children, logo, className }) {\n    return (_jsxs(\"div\", { className: clsx(className || \"bg-indigo-600 dark:bg-indigo-950\", \"flex flex-col h-full\"), children: [logo &&\n                _jsx(\"div\", { className: \"-mx-2 flex h-auto my-4 shrink-0 self-start\", children: logo }), _jsx(\"div\", { className: \"flex-1 min-h-0 overflow-hidden px-2\", children: _jsx(\"nav\", { className: \"h-full flex flex-col\", children: _jsx(\"ul\", { role: \"list\", className: \"flex flex-col gap-y-2 overflow-y-auto h-full\", children: children }) }) })] }));\n}\nexport function SidebarSection({ children, title, action, isFooter = false }) {\n    const { isOpen } = useSidebarToggle();\n    let header = isOpen ? _jsxs(_Fragment, { children: [title || \"\", action] }) : _jsx(Dot, { className: 'size-6' });\n    return (_jsxs(\"li\", { className: isFooter ? 'mt-auto' : '', children: [title && _jsx(\"div\", { className: \"text-xs font-medium h-8 flex items-center gap-x-2 px-2 text-sidebar-foreground/70\", children: header }), _jsx(\"ul\", { \"data-sidebar\": \"menu\", className: \"flex w-full min-w-0 flex-col gap-1\", children: children })] }));\n}\nexport function SidebarTooltip({ children, text }) {\n    const { isOpen } = useSidebarToggle();\n    return (isOpen ? _jsx(_Fragment, { children: children }) :\n        _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: children }), _jsx(TooltipContent, { side: 'right', children: text })] }) }));\n}\nexport function SidebarItem({ external, className, tools, children, icon: Icon, href, current, onClick }) {\n    const { toggleMobile } = useSidebarToggle();\n    const _closeSideBar = () => {\n        setTimeout(() => {\n            toggleMobile(false);\n        }, 100);\n    };\n    const onClickWrapper = (event) => {\n        if (external) {\n            window.open(href, '_blank');\n            event.preventDefault(); // Prevent default link behavior\n            event.stopPropagation(); // Stop the event from propagating\n        }\n        else if (onClick) {\n            onClick(event);\n        }\n    };\n    return (_jsx(\"li\", { children: _jsx(Nav, { onClick: _closeSideBar, children: _jsx(SidebarTooltip, { text: children, children: _jsxs(\"a\", { href: href, onClick: onClickWrapper, className: clsx(current\n                        ? 'bg-sidebar-accent text-sidebar-accent-foreground'\n                        : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'group flex gap-x-3 rounded-md px-2 py-1.5 text-sm items-center h-8', className), children: [Icon &&\n                            _jsx(Icon, { className: clsx(current\n                                    ? 'bg-sidebar-accent text-sidebar-accent-foreground'\n                                    : 'text-sidebar-foreground hover:text-sidebar-accent-foreground hover:bg-sidebar-accent', 'size-4 shrink-0'), \"aria-hidden\": \"true\" }), children, tools && _jsx(\"div\", { className: 'flex items-center ml-auto', children: tools })] }) }) }) }));\n}\n//# sourceMappingURL=Sidebar.js.map","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react';\nimport { X } from 'lucide-react';\nimport clsx from 'clsx';\nimport { Fragment, useEffect, useState } from 'react';\n// import { FullHeightLayout } from './FullHeightLayout.js'\nimport { Navbar } from './Navbar.js';\nimport { Sidebar } from './Sidebar.js';\nimport { SidebarContext } from './SidebarContext.js';\nexport function AppLayout({ sidebarClassName, className, title, children, logo, navbar, sidebar, mainNav }) {\n    if (localStorage.getItem('desktopSidebarOpen') === null) {\n        localStorage.setItem('desktopSidebarOpen', 'true');\n    }\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n    const [desktopSidebarOpen, setDesktopSidebarOpen] = useState(localStorage.getItem('desktopSidebarOpen') === 'true');\n    const [isLargeScreen, setIsLargeScreen] = useState(window.innerWidth >= 1024);\n    useEffect(() => {\n        const handleResize = () => {\n            setIsLargeScreen(window.innerWidth >= 1024);\n        };\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n    const sidebarContextValue = {\n        isOpen: isLargeScreen ? desktopSidebarOpen : sidebarOpen,\n        toggleDesktop: (value) => {\n            if (value === undefined) {\n                setDesktopSidebarOpen(!desktopSidebarOpen);\n            }\n            else {\n                setDesktopSidebarOpen(value);\n            }\n            localStorage.setItem('desktopSidebarOpen', JSON.stringify(!desktopSidebarOpen));\n        },\n        toggleMobile: (value) => {\n            if (value === undefined) {\n                setSidebarOpen(!sidebarOpen);\n            }\n            else {\n                setSidebarOpen(value);\n            }\n        },\n    };\n    return (_jsx(_Fragment, { children: _jsx(\"div\", { className: 'flex flex-col h-screen overflow-y-hidden', children: _jsxs(SidebarContext.Provider, { value: sidebarContextValue, children: [_jsx(\"div\", { className: 'w-full', children: mainNav }), _jsxs(\"div\", { className: 'flex h-full overflow-y-auto w-full', children: [_jsx(Transition, { show: sidebarOpen, as: Fragment, children: _jsxs(Dialog, { as: \"div\", className: \"relative z-50 lg:hidden\", onClose: setSidebarOpen, children: [_jsx(TransitionChild, { as: Fragment, enter: \"transition-opacity ease-linear duration-300\", enterFrom: \"opacity-0\", enterTo: \"opacity-100\", leave: \"transition-opacity ease-linear duration-300\", leaveFrom: \"opacity-100\", leaveTo: \"opacity-0\", children: _jsx(\"div\", { className: \"fixed inset-0 bg-gray-900/80\" }) }), _jsx(\"div\", { className: \"fixed inset-0 flex\", children: _jsx(TransitionChild, { as: Fragment, enter: \"transition ease-in-out duration-300 transform\", enterFrom: \"-translate-x-full\", enterTo: \"translate-x-0\", leave: \"transition ease-in-out duration-300 transform\", leaveFrom: \"translate-x-0\", leaveTo: \"-translate-x-full\", children: _jsxs(DialogPanel, { className: \"relative flex w-full max-w-xs flex-1\", children: [_jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }), _jsx(\"div\", { className: \"flex w-16 justify-center pt-5 items-start\", children: _jsxs(\"button\", { type: \"button\", className: \"-m-2.5 p-2.5\", onClick: () => setSidebarOpen(false), children: [_jsx(\"span\", { className: \"sr-only\", children: \"Close sidebar\" }), _jsx(X, { className: \"size-6 text-white\", \"aria-hidden\": \"true\" })] }) })] }) }) })] }) }), _jsx(\"div\", { className: `hidden lg:block relative transition-all duration-300 ${desktopSidebarOpen ? 'w-72' : 'w-12'}`, children: _jsx(Sidebar, { logo: logo, className: sidebarClassName, children: sidebar }) }), _jsxs(\"div\", { className: \"w-full h-full overflow-y-hidden\", children: [navbar ? (_jsx(Navbar, { title: title, logo: logo, children: navbar })) : null, _jsx(\"main\", { className: clsx(\"flex-1 h-full w-full relative flex flex-col\", className), children: children })] })] })] }) }) }));\n}\n//# sourceMappingURL=AppLayout.js.map"],"names":["FullHeightLayout","className","children","_jsx","clsx","Fixed","heightClass","Body","VR","HR","SidebarContext","createContext","isOpen","toggleMobile","toggleDesktop","useSidebarToggle","useContext","TitleBar","title","Navbar","logo","onSearch","_jsxs","HamburgerButton","NavbarSeparator","visible","SearchBox","action","method","htmlFor","Search","id","placeholder","type","name","_Fragment","Button","variant","size","onClick","window","innerWidth","Menu","visibility","NavbarIconButton","icon","Icon","NavbarButton","NavbarLink","href","Sidebar","role","SidebarSection","isFooter","header","Dot","SidebarTooltip","text","TooltipProvider","Tooltip","TooltipTrigger","asChild","TooltipContent","side","SidebarItem","external","tools","current","Nav","setTimeout","event","open","preventDefault","stopPropagation","AppLayout","sidebarClassName","navbar","sidebar","mainNav","localStorage","getItem","setItem","sidebarOpen","setSidebarOpen","useState","desktopSidebarOpen","setDesktopSidebarOpen","isLargeScreen","setIsLargeScreen","useEffect","handleResize","addEventListener","removeEventListener","sidebarContextValue","value","undefined","JSON","stringify","Provider","Transition","show","as","Fragment","Dialog","onClose","TransitionChild","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","DialogPanel","X"],"mappings":"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"}

package/lib/vertesia-ui-router.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useRef as n,useEffect as a,createContext as r,useContext as i,useState as s,useMemo as o}from"react";import{useSafeLayoutEffect as h}from"@vertesia/ui/core";function c(t){return"/"===t||""===t}function l(t,e){return e=t.endsWith("/")&&e.startsWith("/")?t+e.substring(1):t.endsWith("/")||e.startsWith("/")?t+e:t+"/"+e}function u(t){if(""===t||"/"===t)return[];let e=0,n=t.length;return t.startsWith("./")?e=2:t.startsWith("/")&&(e=1),t.endsWith("/")&&(n=t.length-1),(e>0||n<t.length?t.substring(e,n):t).split("/")}function d(t){if("string"==typeof t)return u(t);if(Array.isArray(t))return t;throw new Error(`Unsupported path object: ${t}`)}var m=Object.freeze({__proto__:null,getPathSegments:u,isRootPath:c,joinPath:l,toSegments:d});class p{path;params;hash;constructor(t){let e=t.lastIndexOf("#");e>-1?(this.hash=t.substring(e),t=t.substring(0,e)):this.hash="",e=t.indexOf("?"),e>-1?(this.path=t.substring(0,e),this.params=new URLSearchParams(t.substring(e+1))):(this.path=t,this.params=new URLSearchParams)}add(t){for(const[e,n]of Object.entries(t))this.params.set(e,n);return this}toString(){return this.path+"?"+this.params.toString()+this.hash}}const f=Symbol("BASE_PATH");class g{name;type;location;state;_canceled=!1;constructor(t,e,n,a){this.name=t,this.type=e,this.location=n,this.state=a}get isPageLoad(){return"initial"===this.type}get isBackForward(){return"popState"===this.type}get isLinkClick(){return"linkClick"===this.type}get isNavigation(){return"navigate"===this.type}get isCancelable(){return"beforeChange"===this.name}cancel(){if("afterChange"===this.name)throw new Error("Cannot cancel afterChange event");this._canceled=!0}}class w extends g{constructor(t,e,n){super("beforeChange",t,e,n)}}class v extends g{constructor(t,e,n){super("afterChange",t,e,n)}}class P{stickyParams;_popStateListener;_linkNavListener;_listeners=[];constructor(){}addListener(t){this._listeners.push(t)}fireLocationChange(t){for(const e of this._listeners)e(t)}firePageLoad(){this.fireLocationChange(new v("initial",new URL(window.location.href)))}addStickyParams(t){return this.stickyParams?new p(t).add(this.stickyParams).toString():t}navigate(t,e={}){if(e.basePath){let n=e.basePath;n.startsWith("/")||(n="/"+n),t=l(n,t)}t=this.addStickyParams(t),this._navigate(new URL(t,window.location.href),"navigate",e)}_navigate(t,e,n){const a=new w(e,t,n.state);this.fireLocationChange(a),a._canceled||(window.history[n.replace?"replaceState":"pushState"]({from:window.location.href,data:n.state||void 0},"",t.href),this.fireLocationChange(new v(e,t,n.state)))}start(){if("undefined"==typeof window)return;const t=t=>{let e=t.state?"popState":"linkClick";const n=new URL(window.location.href);let a;t.state?(e="popState",a=t.state.data):e="linkClick",this.fireLocationChange(new v(e,n,a))};this._popStateListener=t,this._linkNavListener=t=>{const e=function(t){if(t&&"a"===t.tagName.toLowerCase()){const e=t.href;if(null!=e)return new URL(e)}return null}(t.target);if(e&&e.origin===window.location.origin){t.preventDefault();const n=new URL(this.addStickyParams(e.href)),a=t[f]||t.target[f];a&&(n.pathname=l(a,n.pathname)),this._navigate(n,"linkClick",{})}},window.addEventListener("popstate",t),document.body.addEventListener("click",this._linkNavListener)}stop(){this._popStateListener&&window.removeEventListener("popstate",this._popStateListener),this._linkNavListener&&document.body.removeEventListener("click",this._linkNavListener)}}function b({basePath:e,children:r}){const i=n(null);return a((()=>{if(i.current){const t=i.current,n=t=>{"a"===t.target.tagName.toLowerCase()&&(t[f]=e)};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}}),[i.current]),t("div",{ref:i,className:"h-full w-full",children:r})}class L{tree=new S;loadMapping(t){for(const[e,n]of Object.entries(t))this.addSegments(u(e),n)}addPath(t,e){this.addSegments(u(t),e)}addSegments(t,e){let n=this.tree;for(let a=0,r=t.length;a<r;a++){const i=t[a];if(":"===i[0]){let e=n.wildcard;if(e){if(!(e instanceof y))throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard ":" segment will overwrite an existing wildcard segment at path: ${"/"+t.slice(0,a).join("/")}`)}else e=new y(i),n.wildcard=e;n=e}else{if("*"===i){if(n.wildcard)throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard "*" segment already exists at path: ${"/"+t.slice(0,a).join("/")}`);if(n.wildcard=new _(i,e),a<r-1)throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard segment must be the last segment`);return}{let t=n.children[i];t||(t=new C(i),n.children[i]=t),n=t}}}if(void 0!==n.value)throw new Error(`Failed to index path segments: ${t.join("/")}. A value already exists at path: ${"/"+t.join("/")}`);n.value=e}match(t){const e=d(t);if(0===e.length)return null;const n={};let a,r,i=this.tree;for(const t of e){const e=i.match(t,n);if(!e)return null;i=e}if(!i.value){if(i instanceof k&&i.wildcard instanceof _&&(i=i.wildcard.match("",n),!i.value))throw new Error("Wildcard segment node `*` must have a value");if(!i.value)return null}return n._&&n._.length>0?(a=e.slice(0,-n._.length),r=n._):a=e,{params:n,matchedSegments:a,remainingSegments:r,value:i.value}}}class k{name;value;children={};wildcard;constructor(t,e){this.name=t,this.value=e}match(t,e){let n=this.children[t];if(n)return n;if(this.wildcard){if(this.wildcard instanceof _)return this.wildcard.match(t,e);if(this.wildcard instanceof y)return e[this.wildcard.paramName]=t,this.wildcard;throw new Error("Unknown wildcard segment node type: "+this.wildcard.constructor.name)}return null}}class S extends k{constructor(){super("#root")}}class C extends k{constructor(t,e){super(t,e)}}class y extends k{paramName;constructor(t,e){super(t,e),this.paramName=t.substring(1)}}class _{name;value;constructor(t,e){this.name=t,this.value=e}match(t,e){return e._?t&&e._.push(t):e._=t?[t]:[],this}}class x{index;matcher=new L;constructor(t,e){this.index=e;for(const e of t)this.matcher.addPath(e.path,e)}match(t){const e=c(t)&&this.index;return this.matcher.match(e?this.index:t)}}class R extends x{prompt;observer;navigator=new P;constructor(t,e){super(t),this.navigator.addListener((t=>{if((!(t.isCancelable&&this.prompt&&this.prompt.when)||window.confirm(this.prompt.message))&&(this.observer&&this.observer(t),"afterChange"===t.name)){const n=this.match(t.location.pathname);n&&n.value?e({...n,state:t.state}):e(null)}}))}getTopRouter(){return this}setStickyParams(t){this.navigator.stickyParams=null!=t?t:void 0}withObserver(t){return this.observer=t,this}start(){this.navigator.start(),this.navigator.firePageLoad()}stop(){this.navigator.stop()}navigate(t,e){this.navigator.navigate(t,e)}}class E extends x{parent;basePath;constructor(t,e,n){super(n),this.parent=t,this.basePath=e}getTopRouter(){return this.parent instanceof R?this.parent:this.parent.getTopRouter()}navigate(t,e){let n;if(e?.isBasePathNested??!0){const t=e?.basePath;n=t?l(this.basePath,t):this.basePath}else n=e?.basePath??this.basePath;this.parent.navigate(t,{...e,basePath:n})}}const j=r(void 0);function N(){const t=i(j);if(!t)throw new Error("useRouter must be used within a RouterProvider");return t}function $(){const{navigate:t}=N();return t}function U(t){const{params:e}=N();return t?e[t]:e}function W(){const{location:t}=N();return t}function A(t){const{router:e}=N();a((()=>(e.getTopRouter().prompt=t,()=>{e.getTopRouter().prompt=void 0})),[]),a((()=>{if(t.when){const e=t.when,n=function(t){e&&(t.preventDefault(),t.returnValue="")};return window.addEventListener("beforeunload",n),()=>{window.removeEventListener("beforeunload",n)}}}),[t.when])}function O({children:e,onClick:n}){const a=$();return t("span",{onClick:t=>{const e=t.target.closest("a");e&&e.href&&(t.stopPropagation(),t.preventDefault(),a(e.href),n?.(t))},children:e})}function T({children:e,href:n,className:a,topLevelNav:r}){const{router:i}=N();return t("a",{href:n,className:a,onClick:t=>{t.stopPropagation(),t.preventDefault();(r?i.getTopRouter():i).navigate(n)},children:e})}function z({spinner:e}){const n=N(),a=n.route;if(a.Component){const e=a.Component;return t(e,{...n.params})}if(a.LazyComponent)return t(F,{route:a,spinner:e});throw new Error(`Invalid route for ${a.path}. Either Component or LazyCOmponent must be specified.`)}function F({route:e,spinner:n}){const[r,i]=s(null);return a((()=>{e.LazyComponent().then((t=>{if(!t.default)throw new Error(`Lazy module for ${e.path} does not have a default export`);i((()=>t.default))}))}),[e]),r?t(r,{}):n||null}function D({basePath:e,fixLinks:n=!1,children:a}){const r=N(),i=n?e=>t(b,{basePath:r.matchedRoutePath,children:e}):t=>t;return t(j.Provider,{value:{...r,navigate:(t,n)=>{const a=n?.basePath?l(e,n.basePath):e;return r.navigate(t,{...n,basePath:a})}},children:i(a||t(z,{}))})}function B(){const t=N();return e("div",{children:["Route not found for path ",t.matchedRoutePath]})}function I(){return{params:{},matchedSegments:[],state:null,value:{path:"virtual:404",Component:()=>t(B,{})}}}function H({routes:e,index:n,children:r,fixLinks:i=!1}){const h=N(),[c,l]=s(void 0),u=o((()=>{if("undefined"==typeof window)return null;const t=h.matchedRoutePath,a=new E(h.router,t,e);return a.index=n,a}),[]);a((()=>{if(u){if(h.matchedRoutePath!==u.basePath)return;const t=u.match(h.remainingPath||"/")||I();l(t)}}),[u,h.remainingPath]);const d=i?e=>t(b,{basePath:h.matchedRoutePath,children:e}):t=>t;return c&&t(j.Provider,{value:{...h,router:u,route:c.value,params:c.params,matchedRoutePath:"/"+c.matchedSegments.join("/"),remainingPath:c.remainingSegments?"/"+c.remainingSegments.join("/"):void 0,navigate:(t,e)=>u.navigate(t,e)},children:d(r||t(z,{}))})}function M({routes:e,index:n,onChange:a,children:r}){const[i,c]=s(void 0),l=o((()=>{if("undefined"==typeof window)return null;const t=new R(e,(e=>{null===e&&(e=I()),c({location:window.location,route:e.value,params:e.params,state:e.state,router:t,matchedRoutePath:"/"+e.matchedSegments.join("/"),remainingPath:e.remainingSegments?"/"+e.remainingSegments.join("/"):void 0,navigate:(e,n)=>t.navigate(e,n)})})).withObserver(a);return t.index=n,t}),[]);return h((()=>(l&&l.start(),()=>{l&&l.stop()})),[]),i&&t(j.Provider,{value:i,children:r||t(z,{})})}export{v as AfterLocationChangeEvent,f as BASE_PATH,x as BaseRouter,w as BeforeLocationChangeEvent,b as FixLinks,P as HistoryNavigator,g as LocationChangeEvent,O as Nav,T as NavLink,D as NestedNavigationContext,E as NestedRouter,H as NestedRouterProvider,m as Path,L as PathMatcher,j as ReactRouterContext,z as RouteComponent,R as Router,M as RouterProvider,W as useLocation,$ as useNavigate,A as useNavigationPrompt,U as useParams,N as useRouterContext};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useRef as n,useEffect as a,createContext as r,useContext as i,useState as s,useMemo as o}from"react";import{useSafeLayoutEffect as h}from"@vertesia/ui/core";function c(t){return"/"===t||""===t}function l(t,e){return e=t.endsWith("/")&&e.startsWith("/")?t+e.substring(1):t.endsWith("/")||e.startsWith("/")?t+e:t+"/"+e}function u(t){if(""===t||"/"===t)return[];let e=0,n=t.length;return t.startsWith("./")?e=2:t.startsWith("/")&&(e=1),t.endsWith("/")&&(n=t.length-1),(e>0||n<t.length?t.substring(e,n):t).split("/")}function d(t){if("string"==typeof t)return u(t);if(Array.isArray(t))return t;throw new Error(`Unsupported path object: ${t}`)}var m=Object.freeze({__proto__:null,getPathSegments:u,isRootPath:c,joinPath:l,toSegments:d});class p{path;params;hash;constructor(t){let e=t.lastIndexOf("#");e>-1?(this.hash=t.substring(e),t=t.substring(0,e)):this.hash="",e=t.indexOf("?"),e>-1?(this.path=t.substring(0,e),this.params=new URLSearchParams(t.substring(e+1))):(this.path=t,this.params=new URLSearchParams)}add(t){for(const[e,n]of Object.entries(t))this.params.set(e,n);return this}toString(){return this.path+"?"+this.params.toString()+this.hash}}const f=Symbol("BASE_PATH");class g{name;type;location;state;_canceled=!1;constructor(t,e,n,a){this.name=t,this.type=e,this.location=n,this.state=a}get isPageLoad(){return"initial"===this.type}get isBackForward(){return"popState"===this.type}get isLinkClick(){return"linkClick"===this.type}get isNavigation(){return"navigate"===this.type}get isCancelable(){return"beforeChange"===this.name}cancel(){if("afterChange"===this.name)throw new Error("Cannot cancel afterChange event");this._canceled=!0}}class w extends g{constructor(t,e,n){super("beforeChange",t,e,n)}}class v extends g{constructor(t,e,n){super("afterChange",t,e,n)}}class P{stickyParams;_popStateListener;_linkNavListener;_listeners=[];constructor(){}addListener(t){this._listeners.push(t)}fireLocationChange(t){for(const e of this._listeners)e(t)}firePageLoad(){this.fireLocationChange(new v("initial",new URL(window.location.href)))}addStickyParams(t){return this.stickyParams?new p(t).add(this.stickyParams).toString():t}navigate(t,e={}){if(e.basePath){let n=e.basePath;n.startsWith("/")||(n="/"+n),t=l(n,t)}t=this.addStickyParams(t),this._navigate(new URL(t,window.location.href),"navigate",e)}_navigate(t,e,n){const a=new w(e,t,n.state);this.fireLocationChange(a),a._canceled||(window.history[n.replace?"replaceState":"pushState"]({from:window.location.href,data:n.state||void 0},"",t.href),this.fireLocationChange(new v(e,t,n.state)))}start(){if("undefined"==typeof window)return;const t=t=>{let e=t.state?"popState":"linkClick";const n=new URL(window.location.href);let a;t.state?(e="popState",a=t.state.data):e="linkClick",this.fireLocationChange(new v(e,n,a))};this._popStateListener=t,this._linkNavListener=t=>{const e=function(t){if(t&&"a"===t.tagName.toLowerCase()){const e=t?.href.trim();if("string"==typeof e&&e.length>0)return new URL(e)}return null}(t.target);if(e&&e.origin===window.location.origin){t.preventDefault();const n=new URL(this.addStickyParams(e.href)),a=t[f]||t.target[f];a&&(n.pathname=l(a,n.pathname)),this._navigate(n,"linkClick",{})}},window.addEventListener("popstate",t),document.body.addEventListener("click",this._linkNavListener)}stop(){this._popStateListener&&window.removeEventListener("popstate",this._popStateListener),this._linkNavListener&&document.body.removeEventListener("click",this._linkNavListener)}}function b({basePath:e,children:r}){const i=n(null);return a((()=>{if(i.current){const t=i.current,n=t=>{"a"===t.target.tagName.toLowerCase()&&(t[f]=e)};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}}),[i.current]),t("div",{ref:i,className:"h-full w-full",children:r})}class L{tree=new S;loadMapping(t){for(const[e,n]of Object.entries(t))this.addSegments(u(e),n)}addPath(t,e){this.addSegments(u(t),e)}addSegments(t,e){let n=this.tree;for(let a=0,r=t.length;a<r;a++){const i=t[a];if(":"===i[0]){let e=n.wildcard;if(e){if(!(e instanceof C))throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard ":" segment will overwrite an existing wildcard segment at path: ${"/"+t.slice(0,a).join("/")}`)}else e=new C(i),n.wildcard=e;n=e}else{if("*"===i){if(n.wildcard)throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard "*" segment already exists at path: ${"/"+t.slice(0,a).join("/")}`);if(n.wildcard=new _(i,e),a<r-1)throw new Error(`Failed to index path segments: ${t.join("/")}. A wildcard segment must be the last segment`);return}{let t=n.children[i];t||(t=new y(i),n.children[i]=t),n=t}}}if(void 0!==n.value)throw new Error(`Failed to index path segments: ${t.join("/")}. A value already exists at path: ${"/"+t.join("/")}`);n.value=e}match(t){const e=d(t);if(0===e.length)return null;const n={};let a,r,i=this.tree;for(const t of e){const e=i.match(t,n);if(!e)return null;i=e}if(!i.value){if(i instanceof k&&i.wildcard instanceof _&&(i=i.wildcard.match("",n),!i.value))throw new Error("Wildcard segment node `*` must have a value");if(!i.value)return null}return n._&&n._.length>0?(a=e.slice(0,-n._.length),r=n._):a=e,{params:n,matchedSegments:a,remainingSegments:r,value:i.value}}}class k{name;value;children={};wildcard;constructor(t,e){this.name=t,this.value=e}match(t,e){let n=this.children[t];if(n)return n;if(this.wildcard){if(this.wildcard instanceof _)return this.wildcard.match(t,e);if(this.wildcard instanceof C)return e[this.wildcard.paramName]=t,this.wildcard;throw new Error("Unknown wildcard segment node type: "+this.wildcard.constructor.name)}return null}}class S extends k{constructor(){super("#root")}}class y extends k{constructor(t,e){super(t,e)}}class C extends k{paramName;constructor(t,e){super(t,e),this.paramName=t.substring(1)}}class _{name;value;constructor(t,e){this.name=t,this.value=e}match(t,e){return e._?t&&e._.push(t):e._=t?[t]:[],this}}class x{index;matcher=new L;constructor(t,e){this.index=e;for(const e of t)this.matcher.addPath(e.path,e)}match(t){const e=c(t)&&this.index;return this.matcher.match(e?this.index:t)}}class R extends x{prompt;observer;navigator=new P;constructor(t,e){super(t),this.navigator.addListener((t=>{if((!(t.isCancelable&&this.prompt&&this.prompt.when)||window.confirm(this.prompt.message))&&(this.observer&&this.observer(t),"afterChange"===t.name)){const n=this.match(t.location.pathname);n&&n.value?e({...n,state:t.state}):e(null)}}))}getTopRouter(){return this}setStickyParams(t){this.navigator.stickyParams=null!=t?t:void 0}withObserver(t){return this.observer=t,this}start(){this.navigator.start(),this.navigator.firePageLoad()}stop(){this.navigator.stop()}navigate(t,e){this.navigator.navigate(t,e)}}class E extends x{parent;basePath;constructor(t,e,n){super(n),this.parent=t,this.basePath=e}getTopRouter(){return this.parent instanceof R?this.parent:this.parent.getTopRouter()}navigate(t,e){let n;if(e?.isBasePathNested??!0){const t=e?.basePath;n=t?l(this.basePath,t):this.basePath}else n=e?.basePath??this.basePath;this.parent.navigate(t,{...e,basePath:n})}}const j=r(void 0);function N(){const t=i(j);if(!t)throw new Error("useRouter must be used within a RouterProvider");return t}function $(){const{navigate:t}=N();return t}function U(t){const{params:e}=N();return t?e[t]:e}function W(){const{location:t}=N();return t}function A(t){const{router:e}=N();a((()=>(e.getTopRouter().prompt=t,()=>{e.getTopRouter().prompt=void 0})),[]),a((()=>{if(t.when){const e=t.when,n=function(t){e&&(t.preventDefault(),t.returnValue="")};return window.addEventListener("beforeunload",n),()=>{window.removeEventListener("beforeunload",n)}}}),[t.when])}function O({children:e,onClick:n}){const a=$();return t("span",{onClick:t=>{const e=t.target.closest("a");e&&e.href&&(t.stopPropagation(),t.preventDefault(),a(e.href),n?.(t))},children:e})}function T({children:e,href:n,className:a,topLevelNav:r}){const{router:i}=N();return t("a",{href:n,className:a,onClick:t=>{t.stopPropagation(),t.preventDefault();(r?i.getTopRouter():i).navigate(n)},children:e})}function z({spinner:e}){const n=N(),a=n.route;if(a.Component){const e=a.Component;return t(e,{...n.params})}if(a.LazyComponent)return t(F,{route:a,spinner:e});throw new Error(`Invalid route for ${a.path}. Either Component or LazyCOmponent must be specified.`)}function F({route:e,spinner:n}){const[r,i]=s(null);return a((()=>{e.LazyComponent().then((t=>{if(!t.default)throw new Error(`Lazy module for ${e.path} does not have a default export`);i((()=>t.default))}))}),[e]),r?t(r,{}):n||null}function D({basePath:e,fixLinks:n=!1,children:a}){const r=N(),i=n?e=>t(b,{basePath:r.matchedRoutePath,children:e}):t=>t;return t(j.Provider,{value:{...r,navigate:(t,n)=>{const a=n?.basePath?l(e,n.basePath):e;return r.navigate(t,{...n,basePath:a})}},children:i(a||t(z,{}))})}function B(){const t=N();return e("div",{children:["Route not found for path ",t.matchedRoutePath]})}function I(){return{params:{},matchedSegments:[],state:null,value:{path:"virtual:404",Component:()=>t(B,{})}}}function H({routes:e,index:n,children:r,fixLinks:i=!1}){const h=N(),[c,l]=s(void 0),u=o((()=>{if("undefined"==typeof window)return null;const t=h.matchedRoutePath,a=new E(h.router,t,e);return a.index=n,a}),[]);a((()=>{if(u){if(h.matchedRoutePath!==u.basePath)return;const t=u.match(h.remainingPath||"/")||I();l(t)}}),[u,h.remainingPath]);const d=i?e=>t(b,{basePath:h.matchedRoutePath,children:e}):t=>t;return c&&t(j.Provider,{value:{...h,router:u,route:c.value,params:c.params,matchedRoutePath:"/"+c.matchedSegments.join("/"),remainingPath:c.remainingSegments?"/"+c.remainingSegments.join("/"):void 0,navigate:(t,e)=>u.navigate(t,e)},children:d(r||t(z,{}))})}function M({routes:e,index:n,onChange:a,children:r}){const[i,c]=s(void 0),l=o((()=>{if("undefined"==typeof window)return null;const t=new R(e,(e=>{null===e&&(e=I()),c({location:window.location,route:e.value,params:e.params,state:e.state,router:t,matchedRoutePath:"/"+e.matchedSegments.join("/"),remainingPath:e.remainingSegments?"/"+e.remainingSegments.join("/"):void 0,navigate:(e,n)=>t.navigate(e,n)})})).withObserver(a);return t.index=n,t}),[]);return h((()=>(l&&l.start(),()=>{l&&l.stop()})),[]),i&&t(j.Provider,{value:i,children:r||t(z,{})})}export{v as AfterLocationChangeEvent,f as BASE_PATH,x as BaseRouter,w as BeforeLocationChangeEvent,b as FixLinks,P as HistoryNavigator,g as LocationChangeEvent,O as Nav,T as NavLink,D as NestedNavigationContext,E as NestedRouter,H as NestedRouterProvider,m as Path,L as PathMatcher,j as ReactRouterContext,z as RouteComponent,R as Router,M as RouterProvider,W as useLocation,$ as useNavigate,A as useNavigationPrompt,U as useParams,N as useRouterContext};
 //# sourceMappingURL=vertesia-ui-router.js.map

package/lib/vertesia-ui-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertesia-ui-router.js","sources":["esm/router/path.js","esm/router/PathWithParams.js","esm/router/HistoryNavigator.js","esm/router/FixLinks.js","esm/router/PathMatcher.js","esm/router/Router.js","esm/router/Nav.js","esm/router/RouteComponent.js","esm/router/NestedNavigationContext.js","esm/router/Route404.js","esm/router/NestedRouterProvider.js","esm/router/RouterProvider.js"],"sourcesContent":["export function isRootPath(path) {\n    return path === '/' || path === '';\n}\nexport function joinPath(path1, path2) {\n    if (path1.endsWith('/') && path2.startsWith('/')) {\n        path2 = path1 + path2.substring(1);\n    }\n    else if (path1.endsWith('/')) {\n        path2 = path1 + path2;\n    }\n    else if (path2.startsWith('/')) {\n        path2 = path1 + path2;\n    }\n    else {\n        path2 = path1 + '/' + path2;\n    }\n    return path2;\n}\nexport function getPathSegments(path) {\n    if (path === '' || path === '/') {\n        return [];\n    }\n    let s = 0, e = path.length;\n    if (path.startsWith('./')) {\n        s = 2;\n    }\n    else if (path.startsWith('/')) {\n        s = 1;\n    }\n    if (path.endsWith('/')) {\n        e = path.length - 1;\n    }\n    return (s > 0 || e < path.length ? path.substring(s, e) : path).split('/');\n}\nexport function toSegments(path) {\n    if (typeof path === 'string') {\n        return getPathSegments(path);\n    }\n    else if (Array.isArray(path)) {\n        return path;\n    }\n    else {\n        throw new Error(`Unsupported path object: ${path}`);\n    }\n}\n// export class Path {\n//     static parse(path: string, abs = false) {\n//         if (abs !== undefined) {\n//             abs = path.startsWith('/');\n//         }\n//         return new Path(getPathSegments(path), abs);\n//     }\n//     constructor(public segments: string[], public isAbsolute = false) {\n//     }\n//     getParameters() {\n//         const out = [];\n//         for (const segment of this.segments) {\n//             if (segment[0] === ':') {\n//                 out.push(segment.substring(1));\n//             }\n//         }\n//         if (this.segments[this.segments.length - 1] === '*') {\n//             out.push('_');\n//         }\n//         return out;\n//     }\n//     resolveParameters(path: string) {\n//         const params: PathMatchParams = {};\n//         const resolvedSegments = getPathSegments(path);\n//         if (resolvedSegments.length < this.segments.length) {\n//             return null;\n//         }\n//         const segments = this.segments;\n//         for (let i = 0, l = segments.length; i < l; i++) {\n//             const seg = segments[i];\n//             if (seg[0] === ':') {\n//                 params[seg.substring(1)] = resolvedSegments[i];\n//             }\n//         }\n//         if (resolvedSegments.length - this.segments.length) {\n//             params._ = resolvedSegments.slice(this.segments.length);\n//         }\n//         return params;\n//     }\n//     match(path: string | string[] | Path) {\n//         const segments = toSegments(path);\n//         if (segments.length < this.segments.length) {\n//             return false;\n//         }\n//         let params: PathMatchParams | undefined;\n//         const mySegments = this.segments;\n//         for (let i = 0, l = mySegments.length; i < l; i++) {\n//             const segment = mySegments[i];\n//             if (segment === ':') {\n//                 if (!params) params = {};\n//                 params[segment.substring(1)] = segment;\n//             } else if (segment !== segments[i]) {\n//                 if (i === l - 1 && segment === '*') {\n//                     if (!params) params = {};\n//                     params._ = segments.slice(i);\n//                     return params;\n//                 }\n//                 return false;\n//             }\n//         }\n//         return params ? params : false;\n//     }\n//     join(path: Path | string | string[]) {\n//         const segments = toSegments(path);\n//         return new Path(this.segments.concat(segments), this.isAbsolute);\n//     }\n//     getRelativePath(path: Path | string | string[], asAbsolute: boolean = false) {\n//         const segments = toSegments(path);\n//         const extraSegmentsCount = segments.length - this.segments.length;\n//         if (extraSegmentsCount <= 0) {\n//             return null;\n//         }\n//         return new Path(segments.slice(this.segments.length), asAbsolute);\n//     }\n//     prependSegments(segments: string[]) {\n//         this.segments = segments.concat(this.segments);\n//     }\n//     appendSegments(segments: string[]) {\n//         this.segments = this.segments.concat(segments);\n//     }\n//     toAbsolutePath() {\n//         return '/' + this.segments.join('/');\n//     }\n//     toRelativePath() {\n//         return this.segments.join('/');\n//     }\n//     toString() {\n//         const path = this.segments.join('/');\n//         return this.isAbsolute ? '/' + path : path;\n//     }\n// }\n//# sourceMappingURL=path.js.map","export class PathWithParams {\n    path;\n    params;\n    hash;\n    constructor(path) {\n        let i = path.lastIndexOf('#');\n        if (i > -1) {\n            this.hash = path.substring(i);\n            path = path.substring(0, i);\n        }\n        else {\n            this.hash = '';\n        }\n        i = path.indexOf('?');\n        if (i > -1) {\n            this.path = path.substring(0, i);\n            this.params = new URLSearchParams(path.substring(i + 1));\n        }\n        else {\n            this.path = path;\n            this.params = new URLSearchParams();\n        }\n    }\n    add(params) {\n        for (const [key, value] of Object.entries(params)) {\n            this.params.set(key, value);\n        }\n        return this;\n    }\n    toString() {\n        return this.path + '?' + this.params.toString() + this.hash;\n    }\n}\n//# sourceMappingURL=PathWithParams.js.map","import { joinPath } from \"./path\";\nimport { PathWithParams } from \"./PathWithParams\";\nconst BASE_PATH = Symbol('BASE_PATH');\nexport { BASE_PATH };\nexport class LocationChangeEvent {\n    name;\n    type;\n    location;\n    state;\n    _canceled = false;\n    constructor(name, type, location, state) {\n        this.name = name;\n        this.type = type;\n        this.location = location;\n        this.state = state;\n    }\n    get isPageLoad() {\n        return this.type === 'initial';\n    }\n    get isBackForward() {\n        return this.type === 'popState';\n    }\n    get isLinkClick() {\n        return this.type === 'linkClick';\n    }\n    get isNavigation() {\n        return this.type === 'navigate';\n    }\n    get isCancelable() {\n        return this.name === 'beforeChange';\n    }\n    cancel() {\n        if (this.name === 'afterChange') {\n            throw new Error('Cannot cancel afterChange event');\n        }\n        this._canceled = true;\n    }\n}\nexport class BeforeLocationChangeEvent extends LocationChangeEvent {\n    constructor(type, location, state) {\n        super('beforeChange', type, location, state);\n    }\n}\nexport class AfterLocationChangeEvent extends LocationChangeEvent {\n    constructor(type, location, state) {\n        super('afterChange', type, location, state);\n    }\n}\nfunction getElementHrefAsUrl(elem) {\n    if (elem && elem.tagName.toLowerCase() === 'a') {\n        const href = elem.href;\n        if (href != null) {\n            return new URL(href);\n        }\n    }\n    return null;\n}\nexport class HistoryNavigator {\n    // params to preserve in the query string when navigating\n    stickyParams;\n    _popStateListener;\n    _linkNavListener;\n    _listeners = [];\n    constructor() {\n    }\n    addListener(listener) {\n        this._listeners.push(listener);\n    }\n    fireLocationChange(event) {\n        for (const listener of this._listeners) {\n            listener(event);\n        }\n    }\n    /**\n     * Should be called when the page is first loaded.\n     * It will fire a location change event with type `initial` and the current window.location as the location\n     */\n    firePageLoad() {\n        this.fireLocationChange(new AfterLocationChangeEvent('initial', new URL(window.location.href)));\n    }\n    addStickyParams(path) {\n        if (this.stickyParams) {\n            return new PathWithParams(path).add(this.stickyParams).toString();\n        }\n        return path;\n    }\n    navigate(to, options = {}) {\n        if (options.basePath) {\n            let basePath = options.basePath;\n            if (!basePath.startsWith('/')) {\n                basePath = '/' + basePath;\n            }\n            to = joinPath(basePath, to);\n        }\n        to = this.addStickyParams(to);\n        this._navigate(new URL(to, window.location.href), 'navigate', options);\n    }\n    _navigate(to, type, options) {\n        const beforeEvent = new BeforeLocationChangeEvent(type, to, options.state);\n        this.fireLocationChange(beforeEvent);\n        if (beforeEvent._canceled) {\n            return;\n        }\n        window.history[options.replace ? 'replaceState' : 'pushState']({\n            from: window.location.href,\n            data: options.state || undefined\n        }, '', to.href);\n        this.fireLocationChange(new AfterLocationChangeEvent(type, to, options.state));\n    }\n    start() {\n        if (typeof window === \"undefined\") {\n            return;\n        }\n        const _popStateListener = (ev) => {\n            let type = ev.state ? 'popState' : 'linkClick';\n            const to = new URL(window.location.href);\n            let state = undefined;\n            if (ev.state) {\n                type = 'popState';\n                state = ev.state.data;\n            }\n            else {\n                type = 'linkClick';\n            }\n            this.fireLocationChange(new AfterLocationChangeEvent(type, to, state));\n        };\n        const _linkNavListener = (ev) => {\n            const url = getElementHrefAsUrl(ev.target);\n            if (url && url.origin === window.location.origin) {\n                ev.preventDefault();\n                const to = new URL(this.addStickyParams(url.href));\n                const basePath = ev[BASE_PATH] || ev.target[BASE_PATH];\n                if (basePath) {\n                    to.pathname = joinPath(basePath, to.pathname);\n                }\n                this._navigate(to, 'linkClick', {});\n            }\n        };\n        this._popStateListener = _popStateListener;\n        this._linkNavListener = _linkNavListener;\n        window.addEventListener('popstate', _popStateListener);\n        document.body.addEventListener('click', this._linkNavListener);\n    }\n    stop() {\n        this._popStateListener && window.removeEventListener('popstate', this._popStateListener);\n        this._linkNavListener && document.body.removeEventListener('click', this._linkNavListener);\n    }\n}\n//# sourceMappingURL=HistoryNavigator.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useRef } from \"react\";\nimport { BASE_PATH } from \"./HistoryNavigator\";\nexport function FixLinks({ basePath, children }) {\n    const ref = useRef(null);\n    useEffect(() => {\n        if (ref.current) {\n            const divElem = ref.current;\n            const listener = (ev) => {\n                const elem = ev.target;\n                if (elem.tagName.toLowerCase() === 'a') {\n                    ev[BASE_PATH] = basePath;\n                }\n            };\n            divElem.addEventListener('click', listener);\n            return () => {\n                divElem.removeEventListener('click', listener);\n            };\n        }\n    }, [ref.current]);\n    return (_jsx(\"div\", { ref: ref, className: \"h-full w-full\", children: children }));\n}\n//# sourceMappingURL=FixLinks.js.map","import { getPathSegments, toSegments } from \"./path\";\n/**\n * Path matcher which support :param and *wildcard segments.\n * The wildcard segment is only supported as the last segment\n */\nexport class PathMatcher {\n    tree = new RootSegmentNode();\n    loadMapping(mapping) {\n        for (const [key, value] of Object.entries(mapping)) {\n            this.addSegments(getPathSegments(key), value);\n        }\n    }\n    addPath(path, value) {\n        this.addSegments(getPathSegments(path), value);\n    }\n    addSegments(segments, value) {\n        let node = this.tree;\n        for (let i = 0, l = segments.length; i < l; i++) {\n            const segment = segments[i];\n            if (segment[0] === ':') {\n                let childNode = node.wildcard;\n                if (!childNode) {\n                    childNode = new VariableSegmentNode(segment);\n                    node.wildcard = childNode;\n                }\n                else if (!(childNode instanceof VariableSegmentNode)) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard \":\" segment will overwrite an existing wildcard segment at path: ${'/' + segments.slice(0, i).join(\"/\")}`);\n                }\n                node = childNode;\n            }\n            else if (segment === '*') {\n                if (node.wildcard) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard \"*\" segment already exists at path: ${'/' + segments.slice(0, i).join(\"/\")}`);\n                }\n                node.wildcard = new WildcardSegmentNode(segment, value);\n                if (i < l - 1) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard segment must be the last segment`);\n                }\n                return;\n            }\n            else {\n                let childNode = node.children[segment];\n                if (!childNode) {\n                    childNode = new LiteralSegmentNode(segment);\n                    node.children[segment] = childNode;\n                } // else // a literal segment already exists\n                node = childNode;\n            }\n        }\n        if (node.value !== undefined) {\n            throw new Error(`Failed to index path segments: ${segments.join('/')}. A value already exists at path: ${'/' + segments.join(\"/\")}`);\n        }\n        node.value = value;\n    }\n    match(path) {\n        const segments = toSegments(path);\n        if (segments.length === 0) {\n            return null;\n        }\n        const params = {};\n        let node = this.tree;\n        for (const segment of segments) {\n            const match = node.match(segment, params);\n            if (match) {\n                node = match;\n            }\n            else {\n                return null;\n            }\n        }\n        if (!node.value) { // not a leaf node (partial match)\n            if (node instanceof ParentSegmentNode) {\n                if (node.wildcard instanceof WildcardSegmentNode) {\n                    node = node.wildcard.match('', params);\n                    if (!node.value) {\n                        throw new Error(\"Wildcard segment node `*` must have a value\");\n                    }\n                }\n            }\n            if (!node.value)\n                return null; // not a leaf node, neither a trailing wildcard (partial match)\n        }\n        let matchedSegments, remainingSegments;\n        if (params._ && params._.length > 0) {\n            matchedSegments = segments.slice(0, -params._.length);\n            remainingSegments = params._;\n        }\n        else {\n            matchedSegments = segments;\n        }\n        return { params, matchedSegments, remainingSegments, value: node.value };\n    }\n}\nclass ParentSegmentNode {\n    name;\n    value;\n    children = {};\n    wildcard;\n    constructor(name, value) {\n        this.name = name;\n        this.value = value;\n    }\n    match(segment, params) {\n        let node = this.children[segment];\n        if (node) {\n            return node;\n        }\n        else if (this.wildcard) {\n            if (this.wildcard instanceof WildcardSegmentNode) {\n                return this.wildcard.match(segment, params);\n            }\n            else if (this.wildcard instanceof VariableSegmentNode) {\n                params[this.wildcard.paramName] = segment;\n                return this.wildcard;\n            }\n            else {\n                throw new Error(\"Unknown wildcard segment node type: \" + this.wildcard.constructor.name);\n            }\n        }\n        else {\n            return null;\n        }\n    }\n}\nclass RootSegmentNode extends ParentSegmentNode {\n    constructor() {\n        super(\"#root\");\n    }\n}\nclass LiteralSegmentNode extends ParentSegmentNode {\n    constructor(name, value) {\n        super(name, value);\n    }\n}\nclass VariableSegmentNode extends ParentSegmentNode {\n    paramName;\n    constructor(name, value) {\n        super(name, value);\n        this.paramName = name.substring(1);\n    }\n}\nclass WildcardSegmentNode {\n    name;\n    value;\n    constructor(name, value) {\n        this.name = name;\n        this.value = value;\n    }\n    match(segment, params) {\n        if (!params._) {\n            params._ = segment ? [segment] : [];\n        }\n        else {\n            segment && params._.push(segment);\n        }\n        return this;\n    }\n}\n//# sourceMappingURL=PathMatcher.js.map","import { createContext, useContext, useEffect } from \"react\";\nimport { HistoryNavigator } from \"./HistoryNavigator\";\nimport { PathMatcher } from \"./PathMatcher\";\nimport { isRootPath, joinPath } from \"./path\";\nexport class BaseRouter {\n    // the path to use when navigating to the root of the router\n    index;\n    matcher = new PathMatcher();\n    constructor(routes, index) {\n        this.index = index;\n        for (const route of routes) {\n            this.matcher.addPath(route.path, route);\n        }\n    }\n    match(path) {\n        const useIndex = isRootPath(path) && this.index;\n        return this.matcher.match(useIndex ? this.index : path);\n    }\n}\nexport class Router extends BaseRouter {\n    prompt;\n    observer;\n    navigator = new HistoryNavigator();\n    constructor(routes, updateState) {\n        super(routes);\n        this.navigator.addListener((event) => {\n            if (event.isCancelable && this.prompt && !!this.prompt.when) {\n                if (!window.confirm(this.prompt.message))\n                    return;\n            }\n            if (this.observer) {\n                this.observer(event);\n            }\n            // only process afterChange events\n            if (event.name === \"afterChange\") {\n                const match = this.match(event.location.pathname);\n                if (match && match.value) {\n                    updateState({\n                        ...match,\n                        state: event.state,\n                    });\n                }\n                else {\n                    updateState(null);\n                }\n            }\n        });\n    }\n    getTopRouter() {\n        return this;\n    }\n    /**\n     * Subsequent navigations will preserve the given params in the query string.\n     * Use null to clear the sticky params.\n     * @param params\n     */\n    setStickyParams(params) {\n        this.navigator.stickyParams = params != null ? params : undefined;\n    }\n    withObserver(observer) {\n        this.observer = observer;\n        return this;\n    }\n    start() {\n        this.navigator.start();\n        // initialize with the current location\n        this.navigator.firePageLoad();\n    }\n    stop() {\n        this.navigator.stop();\n    }\n    navigate(path, options) {\n        this.navigator.navigate(path, options);\n    }\n}\nexport class NestedRouter extends BaseRouter {\n    parent;\n    basePath;\n    constructor(parent, basePath, routes) {\n        super(routes);\n        this.parent = parent;\n        this.basePath = basePath;\n    }\n    getTopRouter() {\n        if (this.parent instanceof Router) {\n            return this.parent;\n        }\n        else {\n            return this.parent.getTopRouter();\n        }\n    }\n    navigate(path, options) {\n        // base path is nested by default in a NestedRouter unless explicitly set to false by caller\n        const isBasePathNested = options?.isBasePathNested ?? true;\n        let basePath;\n        if (isBasePathNested) {\n            const childBasePath = options?.basePath;\n            // e.g. \"/store\" + \"/objects/123\" => \"/store/objects/123\"\n            basePath = childBasePath ? joinPath(this.basePath, childBasePath) : this.basePath;\n        }\n        else {\n            // e.g. \"/store\" + \"/studio\" => \"/studio\"\n            basePath = options?.basePath ?? this.basePath;\n        }\n        this.parent.navigate(path, {\n            ...options,\n            basePath,\n        });\n    }\n}\nconst ReactRouterContext = createContext(undefined);\nexport { ReactRouterContext };\nexport function useRouterContext() {\n    const ctx = useContext(ReactRouterContext);\n    if (!ctx) {\n        throw new Error(\"useRouter must be used within a RouterProvider\");\n    }\n    return ctx;\n}\nexport function useNavigate() {\n    const { navigate } = useRouterContext();\n    return navigate;\n}\nexport function useParams(arg) {\n    const { params } = useRouterContext();\n    if (arg) {\n        return params[arg];\n    }\n    else {\n        return params;\n    }\n}\nexport function useLocation() {\n    const { location } = useRouterContext();\n    return location;\n}\nexport function useNavigationPrompt(prompt) {\n    const { router } = useRouterContext();\n    useEffect(() => {\n        router.getTopRouter().prompt = prompt;\n        return () => {\n            router.getTopRouter().prompt = undefined;\n        };\n    }, []);\n    useEffect(() => {\n        if (prompt.when) {\n            const doBlock = prompt.when;\n            const listener = function (ev) {\n                if (doBlock) {\n                    ev.preventDefault();\n                    ev.returnValue = \"\";\n                }\n            };\n            window.addEventListener(\"beforeunload\", listener);\n            return () => {\n                window.removeEventListener(\"beforeunload\", listener);\n            };\n        }\n    }, [prompt.when]);\n}\n//# sourceMappingURL=Router.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useNavigate, useRouterContext } from \"./Router\";\nexport function Nav({ children, onClick }) {\n    const navigate = useNavigate();\n    const _onClick = (ev) => {\n        const link = ev.target.closest('a');\n        if (link && link.href) {\n            ev.stopPropagation();\n            ev.preventDefault();\n            navigate(link.href);\n            onClick?.(ev);\n        }\n    };\n    return (_jsx(\"span\", { onClick: _onClick, children: children }));\n}\nexport function NavLink({ children, href, className, topLevelNav }) {\n    const { router } = useRouterContext();\n    const _onClick = (ev) => {\n        ev.stopPropagation();\n        ev.preventDefault();\n        const actualRouter = topLevelNav ? router.getTopRouter() : router;\n        actualRouter.navigate(href);\n    };\n    return (_jsx(\"a\", { href: href, className: className, onClick: _onClick, children: children }));\n}\n//# sourceMappingURL=Nav.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { useRouterContext } from \"./Router\";\nexport function RouteComponent({ spinner }) {\n    const ctx = useRouterContext();\n    const route = ctx.route;\n    if (route.Component) {\n        const Component = route.Component;\n        return _jsx(Component, { ...ctx.params });\n    }\n    else if (route.LazyComponent) {\n        return _jsx(LazyRouteComponent, { route: route, spinner: spinner });\n    }\n    else {\n        throw new Error(`Invalid route for ${route.path}. Either Component or LazyCOmponent must be specified.`);\n    }\n}\nfunction LazyRouteComponent({ route, spinner }) {\n    const [Component, setComponent] = useState(null);\n    useEffect(() => {\n        route.LazyComponent().then(module => {\n            if (!module.default) {\n                throw new Error(`Lazy module for ${route.path} does not have a default export`);\n            }\n            // we need to wrap the component type in an arrow function\n            // otherwise the setState function will execute the function as a state update function\n            setComponent(() => module.default);\n        });\n    }, [route]);\n    return Component ? (_jsx(Component, {})) : spinner || null;\n}\n//# sourceMappingURL=RouteComponent.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { FixLinks } from \"./FixLinks\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { ReactRouterContext, useRouterContext } from \"./Router\";\nimport { joinPath } from \"./path\";\nexport function NestedNavigationContext({ basePath, fixLinks = false, children }) {\n    const ctx = useRouterContext();\n    const wrapWithFixLinks = fixLinks ?\n        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })\n        : (elem) => elem;\n    return (_jsx(ReactRouterContext.Provider, { value: {\n            ...ctx,\n            navigate: (to, options) => {\n                const actualBasePath = options?.basePath ? joinPath(basePath, options.basePath) : basePath;\n                return ctx.navigate(to, { ...options, basePath: actualBasePath });\n            }\n        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));\n}\n//# sourceMappingURL=NestedNavigationContext.js.map","import { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRouterContext } from \"./Router\";\nexport function Route404Component() {\n    const ctx = useRouterContext();\n    return _jsxs(\"div\", { children: [\"Route not found for path \", ctx.matchedRoutePath] });\n}\nexport function createRoute404() {\n    return {\n        params: {},\n        matchedSegments: [],\n        state: null,\n        value: {\n            path: 'virtual:404',\n            Component: () => _jsx(Route404Component, {})\n        }\n    };\n}\n//# sourceMappingURL=Route404.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { FixLinks } from \"./FixLinks\";\nimport { createRoute404 } from \"./Route404\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { NestedRouter, ReactRouterContext, useRouterContext } from \"./Router\";\nexport function NestedRouterProvider({ routes, index, children, fixLinks = false }) {\n    const ctx = useRouterContext();\n    const [nestedRouteMatch, setNestedRouteMatch] = useState(undefined);\n    const nestedRouter = useMemo(() => {\n        if (typeof window === 'undefined')\n            return null;\n        const basePath = ctx.matchedRoutePath;\n        const nestedRouter = new NestedRouter(ctx.router, basePath, routes);\n        nestedRouter.index = index;\n        return nestedRouter;\n    }, []);\n    useEffect(() => {\n        if (nestedRouter) {\n            if (ctx.matchedRoutePath !== nestedRouter.basePath) {\n                // the change doesn't belong to this nested router\n                // it should be handled by the top level router which will change the page or the nested router\n                return;\n            }\n            const route = nestedRouter.match(ctx.remainingPath || '/') || createRoute404();\n            setNestedRouteMatch(route);\n        }\n    }, [nestedRouter, ctx.remainingPath]);\n    const wrapWithFixLinks = fixLinks ?\n        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })\n        : (elem) => elem;\n    return nestedRouteMatch && (_jsx(ReactRouterContext.Provider, { value: {\n            ...ctx,\n            router: nestedRouter,\n            route: nestedRouteMatch.value,\n            params: nestedRouteMatch.params,\n            matchedRoutePath: '/' + nestedRouteMatch.matchedSegments.join('/'),\n            remainingPath: nestedRouteMatch.remainingSegments ? '/' + nestedRouteMatch.remainingSegments.join('/') : undefined,\n            navigate: (to, options) => {\n                return nestedRouter.navigate(to, options);\n            }\n        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));\n}\n//# sourceMappingURL=NestedRouterProvider.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useSafeLayoutEffect } from \"@vertesia/ui/core\";\n//import { useSafeLayoutEffect } from \"../core\";\nimport { useMemo, useState } from \"react\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { ReactRouterContext, Router } from \"./Router\";\nimport { createRoute404 } from \"./Route404\";\nexport function RouterProvider({ routes, index, onChange, children }) {\n    const [state, setState] = useState(undefined);\n    const router = useMemo(() => {\n        if (typeof window === 'undefined')\n            return null;\n        const router = new Router(routes, (match) => {\n            if (match === null) {\n                match = createRoute404();\n            }\n            setState({\n                location: window.location,\n                route: match.value,\n                params: match.params,\n                state: match.state,\n                router: router,\n                matchedRoutePath: '/' + match.matchedSegments.join('/'),\n                remainingPath: match.remainingSegments ? '/' + match.remainingSegments.join('/') : undefined,\n                navigate: (to, options) => {\n                    return router.navigate(to, options);\n                }\n            });\n        }).withObserver(onChange);\n        router.index = index;\n        return router;\n    }, []);\n    useSafeLayoutEffect(() => {\n        router && router.start();\n        return () => {\n            router && router.stop();\n        };\n    }, []);\n    return state && (_jsx(ReactRouterContext.Provider, { value: state, children: children ? children : _jsx(RouteComponent, {}) }));\n}\n//# sourceMappingURL=RouterProvider.js.map"],"names":["isRootPath","path","joinPath","path1","path2","endsWith","startsWith","substring","getPathSegments","s","e","length","split","toSegments","Array","isArray","Error","PathWithParams","params","hash","constructor","i","lastIndexOf","this","indexOf","URLSearchParams","add","key","value","Object","entries","set","toString","BASE_PATH","Symbol","LocationChangeEvent","name","type","location","state","_canceled","isPageLoad","isBackForward","isLinkClick","isNavigation","isCancelable","cancel","BeforeLocationChangeEvent","super","AfterLocationChangeEvent","HistoryNavigator","stickyParams","_popStateListener","_linkNavListener","_listeners","addListener","listener","push","fireLocationChange","event","firePageLoad","URL","window","href","addStickyParams","navigate","to","options","basePath","_navigate","beforeEvent","history","replace","from","data","undefined","start","ev","url","elem","tagName","toLowerCase","getElementHrefAsUrl","target","origin","preventDefault","pathname","addEventListener","document","body","stop","removeEventListener","FixLinks","children","ref","useRef","useEffect","current","divElem","_jsx","className","PathMatcher","tree","RootSegmentNode","loadMapping","mapping","addSegments","addPath","segments","node","l","segment","childNode","wildcard","VariableSegmentNode","join","slice","WildcardSegmentNode","LiteralSegmentNode","match","matchedSegments","remainingSegments","ParentSegmentNode","_","paramName","BaseRouter","index","matcher","routes","route","useIndex","Router","prompt","observer","navigator","updateState","when","confirm","message","getTopRouter","setStickyParams","withObserver","NestedRouter","parent","isBasePathNested","childBasePath","ReactRouterContext","createContext","useRouterContext","ctx","useContext","useNavigate","useParams","arg","useLocation","useNavigationPrompt","router","doBlock","returnValue","Nav","onClick","link","closest","stopPropagation","NavLink","topLevelNav","RouteComponent","spinner","Component","LazyComponent","LazyRouteComponent","setComponent","useState","then","module","default","NestedNavigationContext","fixLinks","wrapWithFixLinks","matchedRoutePath","Provider","actualBasePath","Route404Component","_jsxs","createRoute404","NestedRouterProvider","nestedRouteMatch","setNestedRouteMatch","nestedRouter","useMemo","remainingPath","RouterProvider","onChange","setState","useSafeLayoutEffect"],"mappings":"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"}
+{"version":3,"file":"vertesia-ui-router.js","sources":["esm/router/path.js","esm/router/PathWithParams.js","esm/router/HistoryNavigator.js","esm/router/FixLinks.js","esm/router/PathMatcher.js","esm/router/Router.js","esm/router/Nav.js","esm/router/RouteComponent.js","esm/router/NestedNavigationContext.js","esm/router/Route404.js","esm/router/NestedRouterProvider.js","esm/router/RouterProvider.js"],"sourcesContent":["export function isRootPath(path) {\n    return path === '/' || path === '';\n}\nexport function joinPath(path1, path2) {\n    if (path1.endsWith('/') && path2.startsWith('/')) {\n        path2 = path1 + path2.substring(1);\n    }\n    else if (path1.endsWith('/')) {\n        path2 = path1 + path2;\n    }\n    else if (path2.startsWith('/')) {\n        path2 = path1 + path2;\n    }\n    else {\n        path2 = path1 + '/' + path2;\n    }\n    return path2;\n}\nexport function getPathSegments(path) {\n    if (path === '' || path === '/') {\n        return [];\n    }\n    let s = 0, e = path.length;\n    if (path.startsWith('./')) {\n        s = 2;\n    }\n    else if (path.startsWith('/')) {\n        s = 1;\n    }\n    if (path.endsWith('/')) {\n        e = path.length - 1;\n    }\n    return (s > 0 || e < path.length ? path.substring(s, e) : path).split('/');\n}\nexport function toSegments(path) {\n    if (typeof path === 'string') {\n        return getPathSegments(path);\n    }\n    else if (Array.isArray(path)) {\n        return path;\n    }\n    else {\n        throw new Error(`Unsupported path object: ${path}`);\n    }\n}\n// export class Path {\n//     static parse(path: string, abs = false) {\n//         if (abs !== undefined) {\n//             abs = path.startsWith('/');\n//         }\n//         return new Path(getPathSegments(path), abs);\n//     }\n//     constructor(public segments: string[], public isAbsolute = false) {\n//     }\n//     getParameters() {\n//         const out = [];\n//         for (const segment of this.segments) {\n//             if (segment[0] === ':') {\n//                 out.push(segment.substring(1));\n//             }\n//         }\n//         if (this.segments[this.segments.length - 1] === '*') {\n//             out.push('_');\n//         }\n//         return out;\n//     }\n//     resolveParameters(path: string) {\n//         const params: PathMatchParams = {};\n//         const resolvedSegments = getPathSegments(path);\n//         if (resolvedSegments.length < this.segments.length) {\n//             return null;\n//         }\n//         const segments = this.segments;\n//         for (let i = 0, l = segments.length; i < l; i++) {\n//             const seg = segments[i];\n//             if (seg[0] === ':') {\n//                 params[seg.substring(1)] = resolvedSegments[i];\n//             }\n//         }\n//         if (resolvedSegments.length - this.segments.length) {\n//             params._ = resolvedSegments.slice(this.segments.length);\n//         }\n//         return params;\n//     }\n//     match(path: string | string[] | Path) {\n//         const segments = toSegments(path);\n//         if (segments.length < this.segments.length) {\n//             return false;\n//         }\n//         let params: PathMatchParams | undefined;\n//         const mySegments = this.segments;\n//         for (let i = 0, l = mySegments.length; i < l; i++) {\n//             const segment = mySegments[i];\n//             if (segment === ':') {\n//                 if (!params) params = {};\n//                 params[segment.substring(1)] = segment;\n//             } else if (segment !== segments[i]) {\n//                 if (i === l - 1 && segment === '*') {\n//                     if (!params) params = {};\n//                     params._ = segments.slice(i);\n//                     return params;\n//                 }\n//                 return false;\n//             }\n//         }\n//         return params ? params : false;\n//     }\n//     join(path: Path | string | string[]) {\n//         const segments = toSegments(path);\n//         return new Path(this.segments.concat(segments), this.isAbsolute);\n//     }\n//     getRelativePath(path: Path | string | string[], asAbsolute: boolean = false) {\n//         const segments = toSegments(path);\n//         const extraSegmentsCount = segments.length - this.segments.length;\n//         if (extraSegmentsCount <= 0) {\n//             return null;\n//         }\n//         return new Path(segments.slice(this.segments.length), asAbsolute);\n//     }\n//     prependSegments(segments: string[]) {\n//         this.segments = segments.concat(this.segments);\n//     }\n//     appendSegments(segments: string[]) {\n//         this.segments = this.segments.concat(segments);\n//     }\n//     toAbsolutePath() {\n//         return '/' + this.segments.join('/');\n//     }\n//     toRelativePath() {\n//         return this.segments.join('/');\n//     }\n//     toString() {\n//         const path = this.segments.join('/');\n//         return this.isAbsolute ? '/' + path : path;\n//     }\n// }\n//# sourceMappingURL=path.js.map","export class PathWithParams {\n    path;\n    params;\n    hash;\n    constructor(path) {\n        let i = path.lastIndexOf('#');\n        if (i > -1) {\n            this.hash = path.substring(i);\n            path = path.substring(0, i);\n        }\n        else {\n            this.hash = '';\n        }\n        i = path.indexOf('?');\n        if (i > -1) {\n            this.path = path.substring(0, i);\n            this.params = new URLSearchParams(path.substring(i + 1));\n        }\n        else {\n            this.path = path;\n            this.params = new URLSearchParams();\n        }\n    }\n    add(params) {\n        for (const [key, value] of Object.entries(params)) {\n            this.params.set(key, value);\n        }\n        return this;\n    }\n    toString() {\n        return this.path + '?' + this.params.toString() + this.hash;\n    }\n}\n//# sourceMappingURL=PathWithParams.js.map","import { joinPath } from \"./path\";\nimport { PathWithParams } from \"./PathWithParams\";\nconst BASE_PATH = Symbol('BASE_PATH');\nexport { BASE_PATH };\nexport class LocationChangeEvent {\n    name;\n    type;\n    location;\n    state;\n    _canceled = false;\n    constructor(name, type, location, state) {\n        this.name = name;\n        this.type = type;\n        this.location = location;\n        this.state = state;\n    }\n    get isPageLoad() {\n        return this.type === 'initial';\n    }\n    get isBackForward() {\n        return this.type === 'popState';\n    }\n    get isLinkClick() {\n        return this.type === 'linkClick';\n    }\n    get isNavigation() {\n        return this.type === 'navigate';\n    }\n    get isCancelable() {\n        return this.name === 'beforeChange';\n    }\n    cancel() {\n        if (this.name === 'afterChange') {\n            throw new Error('Cannot cancel afterChange event');\n        }\n        this._canceled = true;\n    }\n}\nexport class BeforeLocationChangeEvent extends LocationChangeEvent {\n    constructor(type, location, state) {\n        super('beforeChange', type, location, state);\n    }\n}\nexport class AfterLocationChangeEvent extends LocationChangeEvent {\n    constructor(type, location, state) {\n        super('afterChange', type, location, state);\n    }\n}\nfunction getElementHrefAsUrl(elem) {\n    if (elem && elem.tagName.toLowerCase() === 'a') {\n        const href = elem?.href.trim();\n        if (typeof href === 'string' && href.length > 0) {\n            return new URL(href);\n        }\n    }\n    return null;\n}\nexport class HistoryNavigator {\n    // params to preserve in the query string when navigating\n    stickyParams;\n    _popStateListener;\n    _linkNavListener;\n    _listeners = [];\n    constructor() {\n    }\n    addListener(listener) {\n        this._listeners.push(listener);\n    }\n    fireLocationChange(event) {\n        for (const listener of this._listeners) {\n            listener(event);\n        }\n    }\n    /**\n     * Should be called when the page is first loaded.\n     * It will fire a location change event with type `initial` and the current window.location as the location\n     */\n    firePageLoad() {\n        this.fireLocationChange(new AfterLocationChangeEvent('initial', new URL(window.location.href)));\n    }\n    addStickyParams(path) {\n        if (this.stickyParams) {\n            return new PathWithParams(path).add(this.stickyParams).toString();\n        }\n        return path;\n    }\n    navigate(to, options = {}) {\n        if (options.basePath) {\n            let basePath = options.basePath;\n            if (!basePath.startsWith('/')) {\n                basePath = '/' + basePath;\n            }\n            to = joinPath(basePath, to);\n        }\n        to = this.addStickyParams(to);\n        this._navigate(new URL(to, window.location.href), 'navigate', options);\n    }\n    _navigate(to, type, options) {\n        const beforeEvent = new BeforeLocationChangeEvent(type, to, options.state);\n        this.fireLocationChange(beforeEvent);\n        if (beforeEvent._canceled) {\n            return;\n        }\n        window.history[options.replace ? 'replaceState' : 'pushState']({\n            from: window.location.href,\n            data: options.state || undefined\n        }, '', to.href);\n        this.fireLocationChange(new AfterLocationChangeEvent(type, to, options.state));\n    }\n    start() {\n        if (typeof window === \"undefined\") {\n            return;\n        }\n        const _popStateListener = (ev) => {\n            let type = ev.state ? 'popState' : 'linkClick';\n            const to = new URL(window.location.href);\n            let state = undefined;\n            if (ev.state) {\n                type = 'popState';\n                state = ev.state.data;\n            }\n            else {\n                type = 'linkClick';\n            }\n            this.fireLocationChange(new AfterLocationChangeEvent(type, to, state));\n        };\n        const _linkNavListener = (ev) => {\n            const url = getElementHrefAsUrl(ev.target);\n            if (url && url.origin === window.location.origin) {\n                ev.preventDefault();\n                const to = new URL(this.addStickyParams(url.href));\n                const basePath = ev[BASE_PATH] || ev.target[BASE_PATH];\n                if (basePath) {\n                    to.pathname = joinPath(basePath, to.pathname);\n                }\n                this._navigate(to, 'linkClick', {});\n            }\n        };\n        this._popStateListener = _popStateListener;\n        this._linkNavListener = _linkNavListener;\n        window.addEventListener('popstate', _popStateListener);\n        document.body.addEventListener('click', this._linkNavListener);\n    }\n    stop() {\n        this._popStateListener && window.removeEventListener('popstate', this._popStateListener);\n        this._linkNavListener && document.body.removeEventListener('click', this._linkNavListener);\n    }\n}\n//# sourceMappingURL=HistoryNavigator.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useRef } from \"react\";\nimport { BASE_PATH } from \"./HistoryNavigator\";\nexport function FixLinks({ basePath, children }) {\n    const ref = useRef(null);\n    useEffect(() => {\n        if (ref.current) {\n            const divElem = ref.current;\n            const listener = (ev) => {\n                const elem = ev.target;\n                if (elem.tagName.toLowerCase() === 'a') {\n                    ev[BASE_PATH] = basePath;\n                }\n            };\n            divElem.addEventListener('click', listener);\n            return () => {\n                divElem.removeEventListener('click', listener);\n            };\n        }\n    }, [ref.current]);\n    return (_jsx(\"div\", { ref: ref, className: \"h-full w-full\", children: children }));\n}\n//# sourceMappingURL=FixLinks.js.map","import { getPathSegments, toSegments } from \"./path\";\n/**\n * Path matcher which support :param and *wildcard segments.\n * The wildcard segment is only supported as the last segment\n */\nexport class PathMatcher {\n    tree = new RootSegmentNode();\n    loadMapping(mapping) {\n        for (const [key, value] of Object.entries(mapping)) {\n            this.addSegments(getPathSegments(key), value);\n        }\n    }\n    addPath(path, value) {\n        this.addSegments(getPathSegments(path), value);\n    }\n    addSegments(segments, value) {\n        let node = this.tree;\n        for (let i = 0, l = segments.length; i < l; i++) {\n            const segment = segments[i];\n            if (segment[0] === ':') {\n                let childNode = node.wildcard;\n                if (!childNode) {\n                    childNode = new VariableSegmentNode(segment);\n                    node.wildcard = childNode;\n                }\n                else if (!(childNode instanceof VariableSegmentNode)) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard \":\" segment will overwrite an existing wildcard segment at path: ${'/' + segments.slice(0, i).join(\"/\")}`);\n                }\n                node = childNode;\n            }\n            else if (segment === '*') {\n                if (node.wildcard) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard \"*\" segment already exists at path: ${'/' + segments.slice(0, i).join(\"/\")}`);\n                }\n                node.wildcard = new WildcardSegmentNode(segment, value);\n                if (i < l - 1) {\n                    throw new Error(`Failed to index path segments: ${segments.join('/')}. A wildcard segment must be the last segment`);\n                }\n                return;\n            }\n            else {\n                let childNode = node.children[segment];\n                if (!childNode) {\n                    childNode = new LiteralSegmentNode(segment);\n                    node.children[segment] = childNode;\n                } // else // a literal segment already exists\n                node = childNode;\n            }\n        }\n        if (node.value !== undefined) {\n            throw new Error(`Failed to index path segments: ${segments.join('/')}. A value already exists at path: ${'/' + segments.join(\"/\")}`);\n        }\n        node.value = value;\n    }\n    match(path) {\n        const segments = toSegments(path);\n        if (segments.length === 0) {\n            return null;\n        }\n        const params = {};\n        let node = this.tree;\n        for (const segment of segments) {\n            const match = node.match(segment, params);\n            if (match) {\n                node = match;\n            }\n            else {\n                return null;\n            }\n        }\n        if (!node.value) { // not a leaf node (partial match)\n            if (node instanceof ParentSegmentNode) {\n                if (node.wildcard instanceof WildcardSegmentNode) {\n                    node = node.wildcard.match('', params);\n                    if (!node.value) {\n                        throw new Error(\"Wildcard segment node `*` must have a value\");\n                    }\n                }\n            }\n            if (!node.value)\n                return null; // not a leaf node, neither a trailing wildcard (partial match)\n        }\n        let matchedSegments, remainingSegments;\n        if (params._ && params._.length > 0) {\n            matchedSegments = segments.slice(0, -params._.length);\n            remainingSegments = params._;\n        }\n        else {\n            matchedSegments = segments;\n        }\n        return { params, matchedSegments, remainingSegments, value: node.value };\n    }\n}\nclass ParentSegmentNode {\n    name;\n    value;\n    children = {};\n    wildcard;\n    constructor(name, value) {\n        this.name = name;\n        this.value = value;\n    }\n    match(segment, params) {\n        let node = this.children[segment];\n        if (node) {\n            return node;\n        }\n        else if (this.wildcard) {\n            if (this.wildcard instanceof WildcardSegmentNode) {\n                return this.wildcard.match(segment, params);\n            }\n            else if (this.wildcard instanceof VariableSegmentNode) {\n                params[this.wildcard.paramName] = segment;\n                return this.wildcard;\n            }\n            else {\n                throw new Error(\"Unknown wildcard segment node type: \" + this.wildcard.constructor.name);\n            }\n        }\n        else {\n            return null;\n        }\n    }\n}\nclass RootSegmentNode extends ParentSegmentNode {\n    constructor() {\n        super(\"#root\");\n    }\n}\nclass LiteralSegmentNode extends ParentSegmentNode {\n    constructor(name, value) {\n        super(name, value);\n    }\n}\nclass VariableSegmentNode extends ParentSegmentNode {\n    paramName;\n    constructor(name, value) {\n        super(name, value);\n        this.paramName = name.substring(1);\n    }\n}\nclass WildcardSegmentNode {\n    name;\n    value;\n    constructor(name, value) {\n        this.name = name;\n        this.value = value;\n    }\n    match(segment, params) {\n        if (!params._) {\n            params._ = segment ? [segment] : [];\n        }\n        else {\n            segment && params._.push(segment);\n        }\n        return this;\n    }\n}\n//# sourceMappingURL=PathMatcher.js.map","import { createContext, useContext, useEffect } from \"react\";\nimport { HistoryNavigator } from \"./HistoryNavigator\";\nimport { PathMatcher } from \"./PathMatcher\";\nimport { isRootPath, joinPath } from \"./path\";\nexport class BaseRouter {\n    // the path to use when navigating to the root of the router\n    index;\n    matcher = new PathMatcher();\n    constructor(routes, index) {\n        this.index = index;\n        for (const route of routes) {\n            this.matcher.addPath(route.path, route);\n        }\n    }\n    match(path) {\n        const useIndex = isRootPath(path) && this.index;\n        return this.matcher.match(useIndex ? this.index : path);\n    }\n}\nexport class Router extends BaseRouter {\n    prompt;\n    observer;\n    navigator = new HistoryNavigator();\n    constructor(routes, updateState) {\n        super(routes);\n        this.navigator.addListener((event) => {\n            if (event.isCancelable && this.prompt && !!this.prompt.when) {\n                if (!window.confirm(this.prompt.message))\n                    return;\n            }\n            if (this.observer) {\n                this.observer(event);\n            }\n            // only process afterChange events\n            if (event.name === \"afterChange\") {\n                const match = this.match(event.location.pathname);\n                if (match && match.value) {\n                    updateState({\n                        ...match,\n                        state: event.state,\n                    });\n                }\n                else {\n                    updateState(null);\n                }\n            }\n        });\n    }\n    getTopRouter() {\n        return this;\n    }\n    /**\n     * Subsequent navigations will preserve the given params in the query string.\n     * Use null to clear the sticky params.\n     * @param params\n     */\n    setStickyParams(params) {\n        this.navigator.stickyParams = params != null ? params : undefined;\n    }\n    withObserver(observer) {\n        this.observer = observer;\n        return this;\n    }\n    start() {\n        this.navigator.start();\n        // initialize with the current location\n        this.navigator.firePageLoad();\n    }\n    stop() {\n        this.navigator.stop();\n    }\n    navigate(path, options) {\n        this.navigator.navigate(path, options);\n    }\n}\nexport class NestedRouter extends BaseRouter {\n    parent;\n    basePath;\n    constructor(parent, basePath, routes) {\n        super(routes);\n        this.parent = parent;\n        this.basePath = basePath;\n    }\n    getTopRouter() {\n        if (this.parent instanceof Router) {\n            return this.parent;\n        }\n        else {\n            return this.parent.getTopRouter();\n        }\n    }\n    navigate(path, options) {\n        // base path is nested by default in a NestedRouter unless explicitly set to false by caller\n        const isBasePathNested = options?.isBasePathNested ?? true;\n        let basePath;\n        if (isBasePathNested) {\n            const childBasePath = options?.basePath;\n            // e.g. \"/store\" + \"/objects/123\" => \"/store/objects/123\"\n            basePath = childBasePath ? joinPath(this.basePath, childBasePath) : this.basePath;\n        }\n        else {\n            // e.g. \"/store\" + \"/studio\" => \"/studio\"\n            basePath = options?.basePath ?? this.basePath;\n        }\n        this.parent.navigate(path, {\n            ...options,\n            basePath,\n        });\n    }\n}\nconst ReactRouterContext = createContext(undefined);\nexport { ReactRouterContext };\nexport function useRouterContext() {\n    const ctx = useContext(ReactRouterContext);\n    if (!ctx) {\n        throw new Error(\"useRouter must be used within a RouterProvider\");\n    }\n    return ctx;\n}\nexport function useNavigate() {\n    const { navigate } = useRouterContext();\n    return navigate;\n}\nexport function useParams(arg) {\n    const { params } = useRouterContext();\n    if (arg) {\n        return params[arg];\n    }\n    else {\n        return params;\n    }\n}\nexport function useLocation() {\n    const { location } = useRouterContext();\n    return location;\n}\nexport function useNavigationPrompt(prompt) {\n    const { router } = useRouterContext();\n    useEffect(() => {\n        router.getTopRouter().prompt = prompt;\n        return () => {\n            router.getTopRouter().prompt = undefined;\n        };\n    }, []);\n    useEffect(() => {\n        if (prompt.when) {\n            const doBlock = prompt.when;\n            const listener = function (ev) {\n                if (doBlock) {\n                    ev.preventDefault();\n                    ev.returnValue = \"\";\n                }\n            };\n            window.addEventListener(\"beforeunload\", listener);\n            return () => {\n                window.removeEventListener(\"beforeunload\", listener);\n            };\n        }\n    }, [prompt.when]);\n}\n//# sourceMappingURL=Router.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useNavigate, useRouterContext } from \"./Router\";\nexport function Nav({ children, onClick }) {\n    const navigate = useNavigate();\n    const _onClick = (ev) => {\n        const link = ev.target.closest('a');\n        if (link && link.href) {\n            ev.stopPropagation();\n            ev.preventDefault();\n            navigate(link.href);\n            onClick?.(ev);\n        }\n    };\n    return (_jsx(\"span\", { onClick: _onClick, children: children }));\n}\nexport function NavLink({ children, href, className, topLevelNav }) {\n    const { router } = useRouterContext();\n    const _onClick = (ev) => {\n        ev.stopPropagation();\n        ev.preventDefault();\n        const actualRouter = topLevelNav ? router.getTopRouter() : router;\n        actualRouter.navigate(href);\n    };\n    return (_jsx(\"a\", { href: href, className: className, onClick: _onClick, children: children }));\n}\n//# sourceMappingURL=Nav.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { useRouterContext } from \"./Router\";\nexport function RouteComponent({ spinner }) {\n    const ctx = useRouterContext();\n    const route = ctx.route;\n    if (route.Component) {\n        const Component = route.Component;\n        return _jsx(Component, { ...ctx.params });\n    }\n    else if (route.LazyComponent) {\n        return _jsx(LazyRouteComponent, { route: route, spinner: spinner });\n    }\n    else {\n        throw new Error(`Invalid route for ${route.path}. Either Component or LazyCOmponent must be specified.`);\n    }\n}\nfunction LazyRouteComponent({ route, spinner }) {\n    const [Component, setComponent] = useState(null);\n    useEffect(() => {\n        route.LazyComponent().then(module => {\n            if (!module.default) {\n                throw new Error(`Lazy module for ${route.path} does not have a default export`);\n            }\n            // we need to wrap the component type in an arrow function\n            // otherwise the setState function will execute the function as a state update function\n            setComponent(() => module.default);\n        });\n    }, [route]);\n    return Component ? (_jsx(Component, {})) : spinner || null;\n}\n//# sourceMappingURL=RouteComponent.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { FixLinks } from \"./FixLinks\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { ReactRouterContext, useRouterContext } from \"./Router\";\nimport { joinPath } from \"./path\";\nexport function NestedNavigationContext({ basePath, fixLinks = false, children }) {\n    const ctx = useRouterContext();\n    const wrapWithFixLinks = fixLinks ?\n        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })\n        : (elem) => elem;\n    return (_jsx(ReactRouterContext.Provider, { value: {\n            ...ctx,\n            navigate: (to, options) => {\n                const actualBasePath = options?.basePath ? joinPath(basePath, options.basePath) : basePath;\n                return ctx.navigate(to, { ...options, basePath: actualBasePath });\n            }\n        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));\n}\n//# sourceMappingURL=NestedNavigationContext.js.map","import { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRouterContext } from \"./Router\";\nexport function Route404Component() {\n    const ctx = useRouterContext();\n    return _jsxs(\"div\", { children: [\"Route not found for path \", ctx.matchedRoutePath] });\n}\nexport function createRoute404() {\n    return {\n        params: {},\n        matchedSegments: [],\n        state: null,\n        value: {\n            path: 'virtual:404',\n            Component: () => _jsx(Route404Component, {})\n        }\n    };\n}\n//# sourceMappingURL=Route404.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { FixLinks } from \"./FixLinks\";\nimport { createRoute404 } from \"./Route404\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { NestedRouter, ReactRouterContext, useRouterContext } from \"./Router\";\nexport function NestedRouterProvider({ routes, index, children, fixLinks = false }) {\n    const ctx = useRouterContext();\n    const [nestedRouteMatch, setNestedRouteMatch] = useState(undefined);\n    const nestedRouter = useMemo(() => {\n        if (typeof window === 'undefined')\n            return null;\n        const basePath = ctx.matchedRoutePath;\n        const nestedRouter = new NestedRouter(ctx.router, basePath, routes);\n        nestedRouter.index = index;\n        return nestedRouter;\n    }, []);\n    useEffect(() => {\n        if (nestedRouter) {\n            if (ctx.matchedRoutePath !== nestedRouter.basePath) {\n                // the change doesn't belong to this nested router\n                // it should be handled by the top level router which will change the page or the nested router\n                return;\n            }\n            const route = nestedRouter.match(ctx.remainingPath || '/') || createRoute404();\n            setNestedRouteMatch(route);\n        }\n    }, [nestedRouter, ctx.remainingPath]);\n    const wrapWithFixLinks = fixLinks ?\n        (elem) => _jsx(FixLinks, { basePath: ctx.matchedRoutePath, children: elem })\n        : (elem) => elem;\n    return nestedRouteMatch && (_jsx(ReactRouterContext.Provider, { value: {\n            ...ctx,\n            router: nestedRouter,\n            route: nestedRouteMatch.value,\n            params: nestedRouteMatch.params,\n            matchedRoutePath: '/' + nestedRouteMatch.matchedSegments.join('/'),\n            remainingPath: nestedRouteMatch.remainingSegments ? '/' + nestedRouteMatch.remainingSegments.join('/') : undefined,\n            navigate: (to, options) => {\n                return nestedRouter.navigate(to, options);\n            }\n        }, children: wrapWithFixLinks(children ? children : _jsx(RouteComponent, {})) }));\n}\n//# sourceMappingURL=NestedRouterProvider.js.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useSafeLayoutEffect } from \"@vertesia/ui/core\";\n//import { useSafeLayoutEffect } from \"../core\";\nimport { useMemo, useState } from \"react\";\nimport { RouteComponent } from \"./RouteComponent\";\nimport { ReactRouterContext, Router } from \"./Router\";\nimport { createRoute404 } from \"./Route404\";\nexport function RouterProvider({ routes, index, onChange, children }) {\n    const [state, setState] = useState(undefined);\n    const router = useMemo(() => {\n        if (typeof window === 'undefined')\n            return null;\n        const router = new Router(routes, (match) => {\n            if (match === null) {\n                match = createRoute404();\n            }\n            setState({\n                location: window.location,\n                route: match.value,\n                params: match.params,\n                state: match.state,\n                router: router,\n                matchedRoutePath: '/' + match.matchedSegments.join('/'),\n                remainingPath: match.remainingSegments ? '/' + match.remainingSegments.join('/') : undefined,\n                navigate: (to, options) => {\n                    return router.navigate(to, options);\n                }\n            });\n        }).withObserver(onChange);\n        router.index = index;\n        return router;\n    }, []);\n    useSafeLayoutEffect(() => {\n        router && router.start();\n        return () => {\n            router && router.stop();\n        };\n    }, []);\n    return state && (_jsx(ReactRouterContext.Provider, { value: state, children: children ? children : _jsx(RouteComponent, {}) }));\n}\n//# sourceMappingURL=RouterProvider.js.map"],"names":["isRootPath","path","joinPath","path1","path2","endsWith","startsWith","substring","getPathSegments","s","e","length","split","toSegments","Array","isArray","Error","PathWithParams","params","hash","constructor","i","lastIndexOf","this","indexOf","URLSearchParams","add","key","value","Object","entries","set","toString","BASE_PATH","Symbol","LocationChangeEvent","name","type","location","state","_canceled","isPageLoad","isBackForward","isLinkClick","isNavigation","isCancelable","cancel","BeforeLocationChangeEvent","super","AfterLocationChangeEvent","HistoryNavigator","stickyParams","_popStateListener","_linkNavListener","_listeners","addListener","listener","push","fireLocationChange","event","firePageLoad","URL","window","href","addStickyParams","navigate","to","options","basePath","_navigate","beforeEvent","history","replace","from","data","undefined","start","ev","url","elem","tagName","toLowerCase","trim","getElementHrefAsUrl","target","origin","preventDefault","pathname","addEventListener","document","body","stop","removeEventListener","FixLinks","children","ref","useRef","useEffect","current","divElem","_jsx","className","PathMatcher","tree","RootSegmentNode","loadMapping","mapping","addSegments","addPath","segments","node","l","segment","childNode","wildcard","VariableSegmentNode","join","slice","WildcardSegmentNode","LiteralSegmentNode","match","matchedSegments","remainingSegments","ParentSegmentNode","_","paramName","BaseRouter","index","matcher","routes","route","useIndex","Router","prompt","observer","navigator","updateState","when","confirm","message","getTopRouter","setStickyParams","withObserver","NestedRouter","parent","isBasePathNested","childBasePath","ReactRouterContext","createContext","useRouterContext","ctx","useContext","useNavigate","useParams","arg","useLocation","useNavigationPrompt","router","doBlock","returnValue","Nav","onClick","link","closest","stopPropagation","NavLink","topLevelNav","RouteComponent","spinner","Component","LazyComponent","LazyRouteComponent","setComponent","useState","then","module","default","NestedNavigationContext","fixLinks","wrapWithFixLinks","matchedRoutePath","Provider","actualBasePath","Route404Component","_jsxs","createRoute404","NestedRouterProvider","nestedRouteMatch","setNestedRouteMatch","nestedRouter","useMemo","remainingPath","RouterProvider","onChange","setState","useSafeLayoutEffect"],"mappings":"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"}

package/lib/vertesia-ui-shell.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{Button as n,Modal as o,ModalTitle as a,ModalBody as l,useToast as r,Input as s,Spinner as c,SelectStack as d,VSelectBox as m,useSafeLayoutEffect as u,ErrorBox as h,Center as p,useFetch as f,SelectBox as g,ModalFooter as v,VTabs as x,VTabsBar as y,VTabsPanel as b,VTooltip as N,Avatar as w,ModeToggle as k,MenuList as C,ToastProvider as S,ThemeProvider as j}from"@vertesia/ui/core";import{useState as P,useEffect as z,Fragment as L}from"react";import{useUserSession as T,useUXTracking as I,setFirebaseTenant as _,getFirebaseAuth as A,UserNotFoundError as U,fetchComposableTokenFromFirebaseToken as O,UserSessionProvider as E}from"@vertesia/ui/session";import{Env as q}from"@vertesia/ui/env";import W from"clsx";import{signInWithRedirect as D,OAuthProvider as M,GoogleAuthProvider as R,GithubAuthProvider as F,getAuth as G}from"firebase/auth";import{useLocation as Y}from"@vertesia/ui/router";import{Popover as J}from"@vertesia/ui/widgets";import{getTenantIdFromProject as B}from"@vertesia/common";import{Check as V,CopyIcon as H}from"lucide-react";import{UserPermissionProvider as K}from"@vertesia/ui/features";import{Transition as $}from"@headlessui/react";function Q(){const i=T(),{client:r,account:s}=i,[c,d]=P(!1),[m,u]=P([]);z((()=>{r.account.listInvites().then((e=>{e.length>0&&(console.log("Got invites - showing modal"),u(e),d(!0))}))}),[s?.id]);const h=()=>d(!1),p=m.map((o=>e("div",{className:"flex flex-row w-full justify-between border rounded-sm px-2 py-2 ",children:[e("div",{className:"flex flex-col",children:[t("div",{className:"w-full font-semibold",children:o.data.account.name}),e("div",{className:"text-xs",children:["Role: ",o.data.role]}),e("div",{className:"text-xs",children:["by ",o.data.invitedBy.name]})]}),e("div",{className:"flex flex-col gap-4",children:[t(n,{size:"xs",onClick:()=>(async e=>{await r.account.acceptInvite(e.id),await i.fetchAccounts();const t=m.filter((t=>t.id!==e.id));u(t),0===t.length&&h()})(o),children:"Accept"})," ",t(n,{size:"xs",variant:"secondary",onClick:()=>(async e=>{await r.account.rejectInvite(e.id);const t=m.filter((t=>t.id!==e.id));u(t),0===t.length&&h()})(o),children:"Reject"})]})]},o.id)));return t("div",{children:e(o,{isOpen:c,onClose:h,children:[t(a,{children:"Review Invites"}),e(l,{children:[t("div",{className:"text-sm pb-4",children:"You have received the following invites to join other accounts. Please review and accept or declined them."}),p]})]})})}function X({redirectTo:o}){const[a,l]=P(!1),{trackEvent:d}=I(),[m,u]=P(""),h=r();return e(i,{children:[t(s,{value:m,onChange:u,placeholder:"Enter your enterprise email",type:"email"}),a?t("div",{className:"w-full flex justify-center",children:t(c,{})}):t(n,{variant:"outline",onClick:async()=>{if(!m)return;/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(m)?(l(!0),_(m).then((e=>{if(!e)return h({title:"Tenant not found",status:"error",duration:5e3}),void l(!1);localStorage.setItem("tenantName",e.name??"");const t=function(e){switch(q.firebase.providerType){case"oidc":default:return new M("oidc.main");case"google":{let t=e||window.location.pathname||"/";"/"!==t[0]&&(t="/"+t);const i=new R;return i.addScope("profile"),i.addScope("email"),i.setCustomParameters({prompt:"select_account",redirect_uri:window.location.origin+t}),i}case"microsoft":return new M("microsoft.com");case"github":return new M("github.com")}}(o);d("enterprise_signin",{firebaseTenantName:e.name}),q.logger.info("Enterprise single sign-in",{vertesia:{email:m,firebaseTenantName:e.name,firebaseTenantId:e.firebaseTenantId}}),D(A(),t),l(!1)}))):h({title:"Invalid email address",status:"error",duration:5e3})},className:"w-full mt-2 py-4 flex rounded-lg hover:shadow-sm transition duration-150 text-center",children:t("span",{className:"text-sm font-semibold",children:"Continue with Enterprise SSO"})})]})}function Z({}){return e(n,{variant:"outline",onClick:()=>{localStorage.removeItem("tenantName");let e="https://dengenlabs.firebaseapp.com/__/auth/handler"+window.location.pathname;"/"!==e[0]&&(e="/"+e);const t=new F;t.addScope("profile"),t.addScope("email"),D(A(),t)},className:"w-full py-5 flex rounded-lg hover:shadow-sm transition duration-150 text-center mb-2",children:[t("img",{className:"size-6 bg-white rounded-full",src:"https://www.svgrepo.com/show/503359/github.svg",loading:"lazy",alt:"github logo"}),t("span",{className:"text-sm font-semibold",children:"Continue with GitHub"})]})}function ee({redirectTo:i}){return e(n,{variant:"outline",onClick:()=>{localStorage.removeItem("tenantName");let e=i||window.location.pathname||"/";"/"!==e[0]&&(e="/"+e);const t=new R;t.addScope("profile"),t.addScope("email"),t.setCustomParameters({prompt:"select_account",redirect_uri:window.location.origin+e}),D(A(),t)},className:"w-full py-5 flex rounded-lg hover:shadow-sm transition duration-150 text-center mb-2",children:[t("img",{className:"size-6",src:"https://www.svgrepo.com/show/475656/google-color.svg",loading:"lazy",alt:"google logo"}),t("span",{className:"text-sm font-semibold",children:"Continue with Google"})]})}function te({redirectTo:i}){return e(n,{variant:"outline",onClick:()=>{localStorage.removeItem("tenantName");let e=i||window.location.pathname||"/";"/"!==e[0]&&(e="/"+e);const t=new M("microsoft.com");t.addScope("profile"),t.addScope("email"),D(A(),t)},className:"w-full py-5 flex rounded-lg hover:shadow-sm transition duration-150 text-center",children:[t("img",{className:"size-6",src:"https://learn.microsoft.com/en-us/entra/identity-platform/media/howto-add-branding-in-apps/ms-symbollockup_mssymbol_19.svg",loading:"lazy",alt:"microsoft logo"}),t("span",{className:"text-sm font-semibold",children:"Continue with Microsoft"})]})}const ie=[{id:1,label:"1-10 employees"},{id:11,label:"11-100 employees"},{id:101,label:"101-1000 employees"},{id:1001,label:"1001-5000 employees"},{id:5001,label:"5000+ employees"}],ne=[{id:"personal",label:"Personal",description:"For personal use, or for a small team."},{id:"company",label:"Company",description:"For a company or organization."}],oe=[{id:"testing",label:"Just Testing or Evaluating LLMs"},{id:"exploring",label:"Actively Exploring LLMs on a Project"},{id:"using",label:"Already Using LLMs in Production"},{id:"migrating",label:"Migrating to different LLMs"},{id:"other",label:"Other"}];function ae({onSignup:o,goBack:a}){const[l,r]=P(void 0),[c,u]=P(void 0),[h,p]=P(void 0),[f,g]=P(void 0),[v,x]=P(void 0),[y,b]=P(void 0),[N,w]=P(void 0),k="company"===l;z((()=>{const e=G().currentUser;e?b(e):console.error("No user found")}),[y]);return e("div",{className:"flex flex-col space-y-2",children:[e("div",{className:"prose",children:[e("p",{className:"prose text-sm text-muted pt-4",children:["Welcome to Vertesia, ",y?.displayName," (",y?.email,"). Please tell us a little bit about yourself and you'll be on your way. No credit card is required."]}),N&&t("div",{className:"text-destructive",children:N})]}),t(le,{label:"Account Type",children:t(d,{options:ne,selected:ne.find((e=>e.id===l)),onSelect:e=>r(e.id)})}),k&&e(i,{children:[t(le,{label:"Company Size",children:t(m,{className:"w-full border border-accent bg-muted",value:c,options:ie,onChange:u,optionLabel:e=>e?.label,placeholder:"Select Company Size"})}),t(le,{label:"Company Name",children:t(s,{value:h,onChange:p,type:"text",required:!0})}),t(le,{label:"Company Website",children:t(s,{value:f,onChange:g,type:"text"})})]}),t(le,{label:"Project Maturity",children:t(m,{className:"w-full border border-accent bg-muted",options:oe,value:oe.find((e=>e.id===v)),optionLabel:e=>e?.label,placeholder:"Select Project Maturity",onChange:e=>x(e?.id)})}),e("div",{className:"pt-8 flex flex-col",children:[t(n,{variant:"primary",onClick:async()=>{if(!(l?k&&!h?(w("Please enter an organization name"),0):!k||c||(w("Please select a company size"),0):(w("Please select an account type"),0)))return;if(!l)return;const e={accountType:l,companyName:h,companySize:c?.id,companyWebsite:f,maturity:v};window.localStorage.setItem("composableSignupData",JSON.stringify(e));const t=await(G().currentUser?.getIdToken());console.log("Got firebase token",G(),t),t?o(e,t):console.error("No firebase token found")},size:"xl",children:t("span",{className:"text-lg",children:"Sign Up"})}),t(n,{variant:"ghost",size:"xl",className:"mt-4",onClick:a,children:t("span",{className:"",children:"Wrong account, go back"})})]})]})}function le({label:i,children:n}){return e("div",{className:"flex flex-col space-y-2 pt-4",children:[t("div",{className:"text-sm text-muted",children:i}),n]})}function re({allowedPrefix:e,isNested:i=!1,lightLogo:n,darkLogo:o}){const[a,l]=P(!1);return u((()=>{e&&l(window.location.href.startsWith(e))}),[]),a?null:t(se,{isNested:i,lightLogo:n,darkLogo:o})}function se({isNested:i=!1,lightLogo:n,darkLogo:o}){const{isLoading:a,user:l,authError:r}=T();return a||l?null:t("div",{style:{zIndex:999998},className:(i?"absolute":"fixed")+"overflow-y-auto ",children:e("div",{className:W("flex flex-col items-center justify-center py-14 px-4"),children:[t(ce,{authError:r,lightLogo:n,darkLogo:o}),e("div",{className:"flex gap-x-6 mt-10 justify-center text-muted",children:[t("a",{href:"https://vertesiahq.com/privacy",className:"text-sm",children:"Privacy Policy"}),t("a",{href:"https://vertesiahq.com/terms",className:"text-sm",children:"Terms of Service"})]})]})})}function ce({authError:o,darkLogo:a,lightLogo:l}){const[r,s]=P(void 0),[c,d]=P(!1),{signOut:m}=T(),{trackEvent:u}=I();history.replaceState({},"","/");const h=()=>{s(void 0),d(!0)};z((()=>{o instanceof U&&(console.log("User not found, redirecting to signup"),h())}),[o]);return e(i,{children:[l&&t("img",{src:l,alt:"logo",className:"h-15 block dark:hidden"}),a&&t("img",{src:a,alt:"logo",className:"h-15 hidden dark:block"}),r&&e("div",{className:"my-6",children:["Need to make a change?"," ",t(n,{onClick:h,children:" Go back"})]}),t("div",{className:"flex flex-col space-y-2",children:c&&!localStorage.getItem("tenantName")?t(ae,{onSignup:(e,t)=>{console.log("Got Signup data",e),s(e);const i={signupData:e,firebaseToken:t};fetch(q.endpoints.studio+"/auth/signup",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}).then((e=>{console.log("Signup successful",i,e),u("sign_up"),window.location.href="/"}))},goBack:()=>{console.log("Going back, signing out"),s(void 0),d(!1),m()}}):e("div",{className:"flex flex-col",children:[t("div",{className:"my-4",children:t("h2",{className:"text-2xl font-bold text-center",children:"Log in or Sign up"})}),e("div",{className:"max-w-2xl text-center my-2 px-2",children:["First time here? No problem, it's free to try!",t("br",{}),"We'll just ask you a couple of questions next and you'll be on your way."]}),e("div",{className:"flex items-center flex-col",children:[e("div",{className:"py-4 w-70",children:[t(ee,{}),t(Z,{}),t(te,{})]}),e("div",{className:"flex items-center flex-row w-70 text-muted",children:[t("hr",{className:"w-full"}),t("div",{className:"px-2 text-xs",children:"OR"}),t("hr",{className:"w-full"})]}),t("div",{className:"py-4 w-70",children:t(X,{})})]}),o&&t("div",{className:"text-center",children:e("div",{className:"",children:["Sorry, we have not been able to sign you in.",t("br",{}),"Please try again or contact",t("a",{className:"text-info mx-1",href:"mailto:support@vertesiahq.com",children:"support@vertesiahq.com"}),"if it persists.",e("pre",{className:"mt-2",children:["Error: ",o.message]})]})})]})})]})}function de(){const[e,i]=P(),[n,o]=P(),a=function(e){const t=new URLSearchParams(e.search);let i=t.get("redirect_uri");const n=t.get("code");return i&&n?(i=decodeURI(i),i.startsWith("http://127.0.0.1:")||i.startsWith("http://localhost:")?{redirect:i,code:n,profile:t.get("profile")??"default",project:t.get("project")??void 0,account:t.get("account")??void 0}:null):null}(Y()),l=r(),s=async e=>{if(!a)return;if(!e.profile)return void l({title:"Profile is required",description:"Please enter a profile name to save the client authorization",status:"error",duration:2e3});if(!e.account)return void l({title:"Account is required",description:"Please select an account to authorize the client to access the ComposablePrompts servers",status:"error",duration:2e3});if(!e.project)return void l({title:"Project is required",description:"Please select a project to authorize the client to access the ComposablePrompts servers",status:"error",duration:2e3});let t;try{const n=await O(e.account,e.project,86400);n?(t={...e,studio_server_url:q.endpoints.studio,zeno_server_url:q.endpoints.zeno,token:n},await fetch(a.redirect,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),i(t)):l({title:"Failed to get composable token",status:"error",duration:5e3})}catch(e){t?(o(e),i(t)):l({title:"Error authorizing client",description:e.message,status:"error",duration:5e3})}},c=a?e?t(ue,{payload:e,error:n}):t(me,{clientInfo:a,onAccept:s}):t(h,{title:"Invalid request",children:"This page should be called by a terminal client to authenticate against the ComposablePrompts servers"});return t("div",{className:"w-full flex flex-col items-center gap-4 mt-24",children:c})}function me({onAccept:n,clientInfo:o}){const{client:a,user:l}=T(),{data:r,error:s}=f((()=>l?a.projects.list():Promise.resolve([])),[l]);if(s)return t(h,{title:"Error loading projects",children:s.message});const d=q.isLocalDev?"Local Dev":q.isDev?"Staging":"Production";return l&&r?e(i,{children:[e("div",{className:"w-1/3",children:[e("div",{className:"mb-4 text-xl font-semibold text-gray-800",children:["Authorizing client on ",d," environment."]}),e("div",{className:"mb-2 text-md text-gray-800",children:[t("div",{children:"A client app wants authorization to access the composable prompt servers in your name."}),e("div",{children:["The client app code is ",t("b",{children:o.code}),". You can check if the code is correct in the terminal."]})]}),e("div",{className:"mb-2 text-sm text-gray-600",children:[t("div",{children:"You must choose the target account and project for the client to access."}),t("div",{children:"Also, enter a profile name that will be used to save the authorization in your client configuration."})]})]}),t(he,{onAccept:n,allProjects:r,data:o})]}):t(c,{size:"lg"})}function ue({payload:i,error:o}){const a=r();return e("div",{children:[o?e("div",{children:[e(h,{title:"Failed to send the authorization token to the cli tool",children:['This can happen due to security checks on Safari. The error is "',o.message,'"']}),t("div",{children:"Don't worry, you can still authenticate the cli tool by pasting the authentication token in the terminal. You can close this page."})]}):t("div",{children:"The client is authenticated. You can close this page."}),t(p,{className:"mt-4",children:t(n,{variant:"secondary",onClick:()=>{i&&(navigator.clipboard.writeText(JSON.stringify(i)),a({title:"Authentication Payload copied",description:o?"You can paste the authentication payload in the terminal to authenticate the client.":"You can close the page now.",status:"success",duration:5e3}))},children:"Copy the Authentication Payload"})})]})}function he({allProjects:i,data:o,onAccept:a}){const{accounts:l,account:r,project:c}=T(),[d,m]=P((()=>({profile:o.profile,account:o.account??r?.id,project:o.project??c?.id}))),u=i.filter((e=>e.account===d.account));return e("div",{className:"w-1/3",children:[e("div",{className:"mb-4 flex flex-col gap-2",children:[t("span",{className:"font-semibold text-gray-600",children:"Profile Name"}),t(s,{type:"text",value:d.profile,onChange:e=>{m({...d,profile:e})}})]}),e("div",{className:"mb-4 flex flex-col gap-2",children:[t("span",{className:"font-semibold text-gray-600",children:"Account"}),t(pe,{value:d.account,onChange:e=>{m({...d,account:e.id,project:void 0})},accounts:l||[]})]}),e("div",{className:"mb-4 flex flex-col gap-2",children:[t("span",{className:"font-semibold text-gray-600",children:"Project"}),t(fe,{value:d.project,onChange:e=>{m({...d,project:e.id})},projects:u})]}),t("div",{className:"pt-2",children:t(n,{size:"xl",onClick:()=>a(d),children:"Authorize Client"})})]})}function pe({value:e,accounts:i,onChange:n}){return t(g,{options:i,value:i?.find((t=>t.id===e)),onChange:e=>{n(e)},by:"id",optionLabel:e=>e.name,placeholder:"Select Account"})}function fe({value:e,projects:i,onChange:n}){return t(g,{by:"id",value:i.find((t=>t.id===e)),options:i,optionLabel:e=>e.name,placeholder:"Select Project",onChange:e=>{n(e)}})}function ge({isOpen:i,onClose:r}){return e(o,{isOpen:i,onClose:r,children:[t(a,{children:"Sign In"}),e(l,{className:"flex justify-center",children:[t(ee,{}),t(Z,{}),t(te,{})]}),t(v,{justify:"end",children:t(n,{variant:"ghost",onClick:r,children:"Cancel"})})]})}function ve({title:i,value:n}){const[o,a]=P(!1);return e("div",{className:"w-full flex justify-between items-center mb-1",children:[e("div",{className:"flex flex-col w-[calc(100%-3rem)]",children:[t("div",{className:"text-sm px-2 dark:text-slate-200",children:i}),t(N,{description:n,size:"xs",placement:"left",children:e("div",{className:"text-xs truncate text-muted w-full text-left px-2",children:[n," "]})})]}),o?t(V,{className:"size-4 cursor-pointer text-success"}):t(H,{className:"size-4 cursor-pointer text-gray-400 dark:text-slate-400",onClick:()=>function(e){navigator.clipboard.writeText(e),a(!0),setTimeout((()=>a(!1)),2e3)}(n)})]})}function xe(){const i=T(),{account:n,project:o,client:a,authToken:l}=i,r=new URL(a.baseUrl).hostname,s=new URL(a.store.baseUrl).hostname,c=o?B(o):"",d=[{name:"user",label:"User",content:e("div",{className:"space-y-1 p-2",children:[t(ve,{title:"Organization ID",value:n?.id??"Unknown"}),t(ve,{title:"Project ID",value:o?.id??"Unknown"}),t(ve,{title:"User ID",value:l?.sub??"Unknown"}),t(ve,{title:"Organization Roles",value:l?.account_roles?.join(",")??"Unknown"}),t(ve,{title:"Project Roles",value:l?.project_roles?.join(",")??"Unknown"})]})},{name:"environment",label:"Environment",content:e("div",{className:"space-y-1 p-2",children:[t(ve,{title:"Tenant ID",value:c}),t(ve,{title:"Environment",value:q.type}),t(ve,{title:"Server",value:r}),t(ve,{title:"Store",value:s}),t(ve,{title:"App Version",value:q.version})]})}];return t("div",{className:"w-full",children:e(x,{defaultValue:"user",tabs:d,fullWidth:!0,children:[t(y,{}),t(b,{})]})})}function ye({}){const{user:o,isLoading:a}=T(),[l,r]=P(!1);return a?t(c,{}):o?t("div",{className:"px-3",children:t(be,{asMenuTrigger:!0})}):e(i,{children:[t(n,{onClick:()=>r(!0),children:"Sign In"}),t(ge,{isOpen:l,onClose:()=>r(!1)})]})}function be({className:i,asMenuTrigger:n=!1}){const o=T(),{user:a}=o;return o&&a?e(J,{strategy:"fixed",placement:"bottom-start",zIndex:100,children:[t(J.Trigger,{click:!0,children:t("div",{className:W(i,"flex items-center justify-start",n&&"cursor-pointer"),children:t(w,{size:"sm",color:"bg-amber-500",shape:"circle",name:a?.name})})}),t(J.Content,{className:"w-[280px] mx-2 my-1",children:t("div",{className:"bg-white dark:bg-slate-900 shadow-lg rounded-md ring-1 ring-gray-200 dark:ring-slate-700",children:e("div",{className:"divide-y divide-gray-200 dark:divide-slate-700",children:[e("div",{className:"py-2 pl-2",children:[t("p",{className:"px-4 dark:text-white mb-1",children:a?.name??"Unknown"}),t("p",{className:"px-4 text-xs text-gray-500",children:a?.email??""})]}),t("div",{className:"w-full p-1",children:t(xe,{})}),t("div",{className:"py-2 pl-2",children:t(k,{})}),t("div",{className:"py-2",children:t(C,{children:t(C.Item,{className:"px-2",onClick:()=>o.logout(),children:"Sign out"})})})]})})})]}):null}function Ne(e){return!!e&&(e.endsWith("@vertesiahq.com")||e.endsWith("@becomposable.com")||e.endsWith("@composableprompts.com"))}function we({}){const{isLoading:e}=T(),[i,n]=P(!0);return z((()=>{e||n(!1)}),[e]),t($,{appear:!0,show:i,as:L,unmount:!0,leave:"transition ease-in duration-500",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:t("div",{style:{zIndex:999999},className:"fixed inset-x-0 inset-y-0",children:t("div",{className:"flex w-full h-full items-center justify-center",children:t("div",{className:"animate-[spin_4s_linear_infinite]",children:t("img",{src:"/icon.svg",className:"w-10 h-auto animate-pulse rounded-full"})})})})})}function ke({children:i,lightLogo:n,darkLogo:o}){return t(S,{children:t(E,{children:e(j,{defaultTheme:"system",storageKey:"vite-ui-theme",children:[t(we,{}),t(re,{allowedPrefix:"/shared/",lightLogo:n,darkLogo:o}),t(K,{children:i})]})})})}export{Q as InviteAcceptModal,re as SigninScreen,de as TerminalLogin,ye as UserSessionMenu,ke as VertesiaShell,Ne as isVertesiaEmail};
+//# sourceMappingURL=vertesia-ui-shell.js.map