@mhmo91/schmancy 0.10.4 → 0.10.5

package/dist/agent/schmancy.manifest.json

@@ -2200,136 +2200,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dialog/dialog-service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "$dialog",
-          "service": true,
-          "description": "Global dialog utility. Imperative modal API — open any element as a dialog, or use the built-in `confirm` / `ask` / `danger` prompts. Returns Promises that resolve when the user picks an action.",
-          "summary": "Imperative modal dialogs and built-in confirm/ask/danger prompts.",
-          "methods": [
-            {
-              "signature": "confirm(options: DialogOptions)",
-              "summary": "Built-in confirm prompt. Returns Promise<boolean>."
-            },
-            {
-              "signature": "ask(message, event?)",
-              "summary": "One-line yes/no prompt anchored to the triggering event."
-            },
-            {
-              "signature": "danger(options)",
-              "summary": "Destructive-action confirm styled with the error palette."
-            },
-            {
-              "signature": "component(element, options?)",
-              "summary": "Open any element as a modal."
-            },
-            {
-              "signature": "dismiss(id?)",
-              "summary": "Dismiss a dialog by id, or the topmost dialog."
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "dialog/dialog.component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyDialog",
-          "tagName": "schmancy-dialog",
-          "description": "Unified dialog component that handles both content-only and confirm modes.",
-          "attributes": [
-            {
-              "name": "uid",
-              "type": {
-                "text": "string"
-              },
-              "description": "Unique identifier for the dialog instance"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "undefined",
-              "description": "Dialog title (enables confirm mode when set)"
-            },
-            {
-              "name": "subtitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "undefined",
-              "description": "Dialog subtitle"
-            },
-            {
-              "name": "message",
-              "type": {
-                "text": "string"
-              },
-              "default": "undefined",
-              "description": "Dialog message"
-            },
-            {
-              "name": "confirm-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "undefined",
-              "description": "Text for confirm button (enables confirm mode when set with cancelText)"
-            },
-            {
-              "name": "cancel-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "undefined",
-              "description": "Text for cancel button"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "\"default\" | \"danger\""
-              },
-              "values": [
-                "default",
-                "danger"
-              ],
-              "default": "'default'",
-              "description": "Dialog variant (affects button colors in confirm mode)"
-            },
-            {
-              "name": "hide-actions",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether to hide action buttons (force content mode)"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default",
-              "description": "Content slot for dialog body (used in content mode)"
-            },
-            {
-              "name": "content",
-              "description": "Named slot for custom content in confirm mode"
-            }
-          ],
-          "examples": [
-            "Content mode (no buttons):\n\n<schmancy-dialog>\n  <my-custom-content></my-custom-content>\n</schmancy-dialog>",
-            "Confirm mode (with buttons):\n\n<schmancy-dialog\n  title=\"Confirm Action\"\n  message=\"Are you sure?\"\n  confirm-text=\"Yes\"\n  cancel-text=\"No\"\n></schmancy-dialog>"
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "divider/divider.ts",
@@ -3464,7 +3334,7 @@
           "kind": "class",
           "name": "SchmancyEmailTemplatePicker",
           "tagName": "schmancy-email-template-picker",
-          "description": "Email template picker content component (for use inside sheets)  Features: - Grid layout for template preview - Search/filter templates - Category filtering - Inline preview with direct selection - Single-click template selection",
+          "description": "Email template picker content component (designed to be opened via `show()`).  Features: - Grid layout for template preview - Search/filter templates - Category filtering - Inline preview with direct selection - Single-click template selection",
           "attributes": [
             {
               "name": "templates",
@@ -3476,7 +3346,7 @@
             }
           ],
           "examples": [
-            "// Open as sheet\nconst picker = new SchmancyEmailTemplatePicker()\npicker.templates = templates\npicker.addEventListener('template-selected', handleSelection)\nsheet.open({ component: picker, title: 'Choose Template' })"
+            "import { show } from '@mhmo91/schmancy/overlay'\n\nshow<EmailTemplate>(SchmancyEmailTemplatePicker, { props: { templates } })\n  .pipe(takeUntil(this.disconnecting))\n  .subscribe(template => { if (template) this.applyTemplate(template) })"
           ]
         }
       ]
@@ -3766,7 +3636,7 @@
           "kind": "class",
           "name": "SchmancyMenu",
           "tagName": "schmancy-menu",
-          "description": "Menu Component  CRITICAL: The dialog ONLY renders the raw menu items passed via the default slot. NO <ul> wrapper, NO classes, NO additional markup in the dialog call. The dialog service handles positioning and display - we just pass the pure content.",
+          "description": "Menu Component  The overlay renders ONLY the raw menu items passed via the default slot. NO <ul> wrapper, NO classes, NO additional markup. The overlay system handles positioning (anchored at the trigger click) and dismissal.",
           "slots": [
             {
               "name": "trigger",
@@ -3778,12 +3648,12 @@
             },
             {
               "name": "default",
-              "description": "Menu items or any custom component to display in dialog"
+              "description": "Menu items or any custom component to display in the overlay"
             }
           ],
           "examples": [
-            "Basic menu with auto-dismiss\n\n<schmancy-menu>\n  <schmancy-button slot=\"trigger\">Actions</schmancy-button>\n  <schmancy-menu-item @click=${() => editItem()}>Edit</schmancy-menu-item>\n  <schmancy-menu-item @click=${() => deleteItem()}>Delete</schmancy-menu-item>\n</schmancy-menu>\n\nNote: Dialog auto-dismisses when schmancy-menu-item is clicked",
-            "Custom component (manual dismiss)\n\n<schmancy-menu>\n  <schmancy-icon-button slot=\"trigger\">settings</schmancy-icon-button>\n  <my-settings-form @submit=${() => $dialog.dismiss()}></my-settings-form>\n</schmancy-menu>\n\nNote: Custom components must call $dialog.dismiss() manually"
+            "Basic menu with auto-dismiss\n\n<schmancy-menu>\n  <schmancy-button slot=\"trigger\">Actions</schmancy-button>\n  <schmancy-menu-item @click=${() => editItem()}>Edit</schmancy-menu-item>\n  <schmancy-menu-item @click=${() => deleteItem()}>Delete</schmancy-menu-item>\n</schmancy-menu>\n\nNote: `<schmancy-menu-item>` dispatches a bubbling 'close' event on click;\nthe overlay `show()` observable completes and the menu tears down.",
+            "Custom component (manual dismiss)\n\n<schmancy-menu>\n  <schmancy-icon-button slot=\"trigger\">settings</schmancy-icon-button>\n  <my-settings-form\n    @submit=${(e) => e.target.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }))}\n  ></my-settings-form>\n</schmancy-menu>"
           ]
         }
       ]
@@ -5017,81 +4887,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "sheet/sheet.service.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "sheet",
-          "service": true,
-          "description": "Bottom / side sheet service. Mounts any element as a sheet with a chosen position (see `SchmancySheetPosition` enum).",
-          "summary": "Imperative bottom / side sheet surface.",
-          "methods": [
-            {
-              "signature": "open({ component, position? })",
-              "summary": "Mount an element as a sheet."
-            },
-            {
-              "signature": "dismiss(id?)",
-              "summary": "Dismiss a sheet by id, or the topmost."
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sheet/sheet.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancySheet",
-          "tagName": "schmancy-sheet",
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "position",
-              "type": {
-                "text": "SchmancySheetPosition"
-              },
-              "values": [
-                "side",
-                "bottom"
-              ],
-              "default": "SchmancySheetPosition.Side"
-            },
-            {
-              "name": "persist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "lock",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "handleHistory",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "skeleton/skeleton.ts",

package/dist/{area-ZupIezvU.cjs → area-CSQdhCBF.cjs}

@@ -1,4 +1,4 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-De3xfjrm.cjs`),t=require(`./decorate-DpFmy0nm.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`);var a=new n.Subject,o=`FINDING_MORTIES`,s=`HERE_RICKY`,c=new WeakMap,l=class e{get areaSubjects(){let e=c.get(this);return e||(e=new Map,c.set(this,e)),e}constructor(){this.prettyURL=!1,this.mode=`HISTORY`,this.request=new n.ReplaySubject(1),this.current=new Map,this.$current=new n.ReplaySubject(1),this.enableHistoryMode=!0,this.findingMortiesEvent=new CustomEvent(o),this.disposed=!1,this.isProcessingPopstate=!1,this.$current.next(this.current),this.$current.subscribe(e=>{this.disposed||e.forEach((e,t)=>{this.getOrCreateAreaSubject(t).next(e)})}),this.initializeFromBrowserState(),typeof window<`u`&&(this.unloadSubscription=(0,n.fromEvent)(window,`unload`).subscribe(()=>{this.dispose()}))}initializeFromBrowserState(){try{let e=history.state;e&&e.schmancyAreas&&(Object.entries(e.schmancyAreas).forEach(([e,t])=>{this.current.set(e,t)}),this.$current.next(this.current))}catch{}}getOrCreateAreaSubject(e){let t=this.areaSubjects.get(e);if(!t||t.closed){t=new n.ReplaySubject(1),this.areaSubjects.set(e,t);let r=this.current.get(e);r&&t.next({...r,state:r.state||{},params:r.params||{},props:r.props||{}})}return t}on(e,t=!1){if(!e)throw Error(`Area name is required`);let r=this.getOrCreateAreaSubject(e).asObservable().pipe((0,n.distinctUntilChanged)((e,t)=>e.component===t.component&&JSON.stringify(e.state)===JSON.stringify(t.state)&&JSON.stringify(e.params)===JSON.stringify(t.params)&&JSON.stringify(e.props)===JSON.stringify(t.props)),(0,n.shareReplay)(1));return t?r.pipe((0,n.skip)(1)):r}all(e=!1){let t=this.$current.asObservable().pipe((0,n.shareReplay)(1));return e?t.pipe((0,n.skip)(1)):t}getState(e){if(!e)throw Error(`Area name is required`);return this.on(e).pipe((0,n.map)(e=>e.state),(0,n.filter)(e=>e!=null),(0,n.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,n.map)(e=>e),(0,n.catchError)(e=>n.EMPTY))}params(e){if(!e)throw Error(`Area name is required`);let t={...this.current.get(e)?.params??{}};return typeof window<`u`&&window.location.search&&new URLSearchParams(window.location.search).forEach((e,n)=>{t[n]=e}),this.on(e).pipe((0,n.map)(e=>e.params??{}),(0,n.startWith)(t),(0,n.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,n.catchError)(e=>n.EMPTY))}param(e,t){if(!e||!t)throw Error(`Area name and key are required`);return this.params(e).pipe((0,n.map)(e=>e[t]),(0,n.filter)(e=>e!==void 0),(0,n.distinctUntilChanged)(),(0,n.map)(e=>e),(0,n.catchError)(e=>n.EMPTY))}props(e){if(!e)throw Error(`Area name is required`);return this.on(e).pipe((0,n.map)(e=>e.props),(0,n.filter)(e=>e!=null),(0,n.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,n.map)(e=>e),(0,n.catchError)(e=>n.EMPTY))}prop(e,t){if(!e||!t)throw Error(`Area name and key are required`);return this.props(e).pipe((0,n.map)(e=>e[t]),(0,n.filter)(e=>e!==void 0),(0,n.distinctUntilChanged)(),(0,n.map)(e=>e),(0,n.catchError)(e=>n.EMPTY))}find(){return(0,n.zip)([(0,n.fromEvent)(window,s).pipe((0,n.map)(e=>e.detail),(0,n.bufferTime)(0)),(0,n.of)(1).pipe((0,n.tap)(()=>window.dispatchEvent(this.findingMortiesEvent)))]).pipe((0,n.map)(([e])=>e),(0,n.timeout)(1),(0,n.catchError)(()=>n.EMPTY))}push(e){if(!e.area)throw Error(`Area is required for route action`);if(this.isProcessingPopstate)return;let t={...e,state:e.state||{},params:e.params||{},props:e.props||{},_source:`programmatic`};this.enableHistoryMode&&a.next(t),this.request.next(t),this.dispatchAreaEvent(t.area,t)}_updateFromBrowser(e){let t={...e,state:e.state||{},params:e.params||{},props:e.props||{},_source:`browser`};this.isProcessingPopstate=!0,this.request.next(t),this.isProcessingPopstate=!1}_updateBrowserHistory(e,t,n,r,i){if(this.enableHistoryMode)try{let a=history.state||{},o=a.schmancyAreas||{},s={component:t.component,area:t.area};t.state&&Object.keys(t.state).length>0&&(s.state=t.state),t.params&&Object.keys(t.params).length>0&&(s.params=t.params),t.props&&Object.keys(t.props).length>0&&(s.props=t.props),o[e]=s;let c={...a,schmancyAreas:o},l=this.createCleanURL(o,r,i);n===`replace`||n===`pop`?history.replaceState(c,``,l):n!==`push`&&n||history.pushState(c,``,l)}catch{}}createCleanURL(e,t,n){let r=`/`;if(n)r=n,r.startsWith(`/`)||(r=`/`+r),r.endsWith(`/`)||(r+=`/`);else{let e=location.pathname,t=e.split(`/`),n=t[t.length-1];n&&(n.includes(`{`)||n.includes(`%7B`))?(t.pop(),r=t.join(`/`)||`/`):r=e,r===`/`||r.endsWith(`/`)||(r+=`/`)}let i=``;if(!0!==t){let n=new URLSearchParams(location.search);Object.values(e).forEach(e=>{e.params&&Object.keys(e.params).length>0&&Object.entries(e.params).forEach(([e,t])=>{t!=null&&n.set(e,String(t))})}),Array.isArray(t)&&t.forEach(e=>n.delete(e)),i=n.toString(),i=i?`?${i}`:``}if(this.prettyURL){let t=e.main;if(t){let e=r===`/`?`/${t.component}`:`${r}${t.component}`,n=new URLSearchParams(i);t.params&&Object.entries(t.params).forEach(([e,t])=>{typeof t!=`string`&&typeof t!=`number`||n.set(e,String(t))});let a=n.toString();return e+(a?`?${a}`:``)}}try{let t={};if(Object.entries(e).forEach(([e,n])=>{let r={component:n.component};n.state&&Object.keys(n.state).length>0&&(r.state=n.state),n.params&&Object.keys(n.params).length>0&&(r.params=n.params),n.props&&Object.keys(n.props).length>0&&(r.props=n.props),t[e]=r}),Object.keys(t).length===0)return`${r===`/`?``:r.replace(/\/$/,``)}${i}`;let n=encodeURIComponent(JSON.stringify(t));return`${r===`/`?``:r.replace(/\/$/,``)}/${n}${i}`}catch{return location.pathname}}restoreFromBrowserState(e){try{if(e&&e.schmancyAreas)return e.schmancyAreas}catch{}return this.parseStateFromURL()}parseStateFromURL(){let e=location.pathname.split(`/`).pop();if(!e)return{};try{let t=JSON.parse(decodeURIComponent(e));if(typeof t==`object`&&t)return t}catch{}return{}}dispatchAreaEvent(e,t){let n=new CustomEvent(`schmancy-area-${e}-changed`,{detail:{area:e,component:t.component,state:t.state,params:t.params,props:t.props,historyStrategy:t.historyStrategy},bubbles:!0,composed:!0});window.dispatchEvent(n)}pop(e){if(!e)throw Error(`Area name is required`);let t=this.areaSubjects.get(e);if(t&&!t.closed&&t.next({component:null,state:{},area:e,params:{},props:{}}),this.request.next({area:e,component:null,state:{},params:{},props:{},historyStrategy:`silent`,_source:`programmatic`}),this.current.delete(e),this.$current.next(this.current),this.enableHistoryMode)try{let t=history.state||{},n={...t.schmancyAreas};delete n[e];let r={...t,schmancyAreas:n},i=this.createCleanURL(n);history.replaceState(r,``,i)}catch{}}clear(){if(this.areaSubjects.forEach(e=>e.complete()),this.areaSubjects.clear(),this.current.clear(),this.$current.next(this.current),this.enableHistoryMode){let e=this.createCleanURL({});history.replaceState({schmancyAreas:{}},``,e)}}dispose(){this.disposed||(this.disposed=!0,this.unloadSubscription&&=(this.unloadSubscription.unsubscribe(),void 0),this.areaSubjects.forEach(e=>e.complete()),this.areaSubjects.clear(),this.request.complete(),this.$current.complete(),a.complete(),this.current.clear(),c.delete(this))}static getInstance(){return e.instance||=new e,e.instance}get state(){try{let e=history.state;if(e&&e.schmancyAreas)return e.schmancyAreas}catch{}return this.parseStateFromURL()}hasArea(e){return this.current.has(e)}getActiveAreas(){return Array.from(this.current.keys())}getRoute(e){return this.current.get(e)}}.getInstance(),u=class extends e.s{constructor(...e){super(...e),this.exact=!1}static{this.styles=[i.css`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-CAb0b03r.cjs`),t=require(`./decorate-DpFmy0nm.cjs`);let n=require(`rxjs`),r=require(`lit/decorators.js`),i=require(`lit`);var a=new n.Subject,o=`FINDING_MORTIES`,s=`HERE_RICKY`,c=new WeakMap,l=class e{get areaSubjects(){let e=c.get(this);return e||(e=new Map,c.set(this,e)),e}constructor(){this.prettyURL=!1,this.mode=`HISTORY`,this.request=new n.ReplaySubject(1),this.current=new Map,this.$current=new n.ReplaySubject(1),this.enableHistoryMode=!0,this.findingMortiesEvent=new CustomEvent(o),this.disposed=!1,this.isProcessingPopstate=!1,this.$current.next(this.current),this.$current.subscribe(e=>{this.disposed||e.forEach((e,t)=>{this.getOrCreateAreaSubject(t).next(e)})}),this.initializeFromBrowserState(),typeof window<`u`&&(this.unloadSubscription=(0,n.fromEvent)(window,`unload`).subscribe(()=>{this.dispose()}))}initializeFromBrowserState(){try{let e=history.state;e&&e.schmancyAreas&&(Object.entries(e.schmancyAreas).forEach(([e,t])=>{this.current.set(e,t)}),this.$current.next(this.current))}catch{}}getOrCreateAreaSubject(e){let t=this.areaSubjects.get(e);if(!t||t.closed){t=new n.ReplaySubject(1),this.areaSubjects.set(e,t);let r=this.current.get(e);r&&t.next({...r,state:r.state||{},params:r.params||{},props:r.props||{}})}return t}on(e,t=!1){if(!e)throw Error(`Area name is required`);let r=this.getOrCreateAreaSubject(e).asObservable().pipe((0,n.distinctUntilChanged)((e,t)=>e.component===t.component&&JSON.stringify(e.state)===JSON.stringify(t.state)&&JSON.stringify(e.params)===JSON.stringify(t.params)&&JSON.stringify(e.props)===JSON.stringify(t.props)),(0,n.shareReplay)(1));return t?r.pipe((0,n.skip)(1)):r}all(e=!1){let t=this.$current.asObservable().pipe((0,n.shareReplay)(1));return e?t.pipe((0,n.skip)(1)):t}getState(e){if(!e)throw Error(`Area name is required`);return this.on(e).pipe((0,n.map)(e=>e.state),(0,n.filter)(e=>e!=null),(0,n.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,n.map)(e=>e),(0,n.catchError)(e=>n.EMPTY))}params(e){if(!e)throw Error(`Area name is required`);let t={...this.current.get(e)?.params??{}};return typeof window<`u`&&window.location.search&&new URLSearchParams(window.location.search).forEach((e,n)=>{t[n]=e}),this.on(e).pipe((0,n.map)(e=>e.params??{}),(0,n.startWith)(t),(0,n.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,n.catchError)(e=>n.EMPTY))}param(e,t){if(!e||!t)throw Error(`Area name and key are required`);return this.params(e).pipe((0,n.map)(e=>e[t]),(0,n.filter)(e=>e!==void 0),(0,n.distinctUntilChanged)(),(0,n.map)(e=>e),(0,n.catchError)(e=>n.EMPTY))}props(e){if(!e)throw Error(`Area name is required`);return this.on(e).pipe((0,n.map)(e=>e.props),(0,n.filter)(e=>e!=null),(0,n.distinctUntilChanged)((e,t)=>JSON.stringify(e)===JSON.stringify(t)),(0,n.map)(e=>e),(0,n.catchError)(e=>n.EMPTY))}prop(e,t){if(!e||!t)throw Error(`Area name and key are required`);return this.props(e).pipe((0,n.map)(e=>e[t]),(0,n.filter)(e=>e!==void 0),(0,n.distinctUntilChanged)(),(0,n.map)(e=>e),(0,n.catchError)(e=>n.EMPTY))}find(){return(0,n.zip)([(0,n.fromEvent)(window,s).pipe((0,n.map)(e=>e.detail),(0,n.bufferTime)(0)),(0,n.of)(1).pipe((0,n.tap)(()=>window.dispatchEvent(this.findingMortiesEvent)))]).pipe((0,n.map)(([e])=>e),(0,n.timeout)(1),(0,n.catchError)(()=>n.EMPTY))}push(e){if(!e.area)throw Error(`Area is required for route action`);if(this.isProcessingPopstate)return;let t={...e,state:e.state||{},params:e.params||{},props:e.props||{},_source:`programmatic`};this.enableHistoryMode&&a.next(t),this.request.next(t),this.dispatchAreaEvent(t.area,t)}_updateFromBrowser(e){let t={...e,state:e.state||{},params:e.params||{},props:e.props||{},_source:`browser`};this.isProcessingPopstate=!0,this.request.next(t),this.isProcessingPopstate=!1}_updateBrowserHistory(e,t,n,r,i){if(this.enableHistoryMode)try{let a=history.state||{},o=a.schmancyAreas||{},s={component:t.component,area:t.area};t.state&&Object.keys(t.state).length>0&&(s.state=t.state),t.params&&Object.keys(t.params).length>0&&(s.params=t.params),t.props&&Object.keys(t.props).length>0&&(s.props=t.props),o[e]=s;let c={...a,schmancyAreas:o},l=this.createCleanURL(o,r,i);n===`replace`||n===`pop`?history.replaceState(c,``,l):n!==`push`&&n||history.pushState(c,``,l)}catch{}}createCleanURL(e,t,n){let r=`/`;if(n)r=n,r.startsWith(`/`)||(r=`/`+r),r.endsWith(`/`)||(r+=`/`);else{let e=location.pathname,t=e.split(`/`),n=t[t.length-1];n&&(n.includes(`{`)||n.includes(`%7B`))?(t.pop(),r=t.join(`/`)||`/`):r=e,r===`/`||r.endsWith(`/`)||(r+=`/`)}let i=``;if(!0!==t){let n=new URLSearchParams(location.search);Object.values(e).forEach(e=>{e.params&&Object.keys(e.params).length>0&&Object.entries(e.params).forEach(([e,t])=>{t!=null&&n.set(e,String(t))})}),Array.isArray(t)&&t.forEach(e=>n.delete(e)),i=n.toString(),i=i?`?${i}`:``}if(this.prettyURL){let t=e.main;if(t){let e=r===`/`?`/${t.component}`:`${r}${t.component}`,n=new URLSearchParams(i);t.params&&Object.entries(t.params).forEach(([e,t])=>{typeof t!=`string`&&typeof t!=`number`||n.set(e,String(t))});let a=n.toString();return e+(a?`?${a}`:``)}}try{let t={};if(Object.entries(e).forEach(([e,n])=>{let r={component:n.component};n.state&&Object.keys(n.state).length>0&&(r.state=n.state),n.params&&Object.keys(n.params).length>0&&(r.params=n.params),n.props&&Object.keys(n.props).length>0&&(r.props=n.props),t[e]=r}),Object.keys(t).length===0)return`${r===`/`?``:r.replace(/\/$/,``)}${i}`;let n=encodeURIComponent(JSON.stringify(t));return`${r===`/`?``:r.replace(/\/$/,``)}/${n}${i}`}catch{return location.pathname}}restoreFromBrowserState(e){try{if(e&&e.schmancyAreas)return e.schmancyAreas}catch{}return this.parseStateFromURL()}parseStateFromURL(){let e=location.pathname.split(`/`).pop();if(!e)return{};try{let t=JSON.parse(decodeURIComponent(e));if(typeof t==`object`&&t)return t}catch{}return{}}dispatchAreaEvent(e,t){let n=new CustomEvent(`schmancy-area-${e}-changed`,{detail:{area:e,component:t.component,state:t.state,params:t.params,props:t.props,historyStrategy:t.historyStrategy},bubbles:!0,composed:!0});window.dispatchEvent(n)}pop(e){if(!e)throw Error(`Area name is required`);let t=this.areaSubjects.get(e);if(t&&!t.closed&&t.next({component:null,state:{},area:e,params:{},props:{}}),this.request.next({area:e,component:null,state:{},params:{},props:{},historyStrategy:`silent`,_source:`programmatic`}),this.current.delete(e),this.$current.next(this.current),this.enableHistoryMode)try{let t=history.state||{},n={...t.schmancyAreas};delete n[e];let r={...t,schmancyAreas:n},i=this.createCleanURL(n);history.replaceState(r,``,i)}catch{}}clear(){if(this.areaSubjects.forEach(e=>e.complete()),this.areaSubjects.clear(),this.current.clear(),this.$current.next(this.current),this.enableHistoryMode){let e=this.createCleanURL({});history.replaceState({schmancyAreas:{}},``,e)}}dispose(){this.disposed||(this.disposed=!0,this.unloadSubscription&&=(this.unloadSubscription.unsubscribe(),void 0),this.areaSubjects.forEach(e=>e.complete()),this.areaSubjects.clear(),this.request.complete(),this.$current.complete(),a.complete(),this.current.clear(),c.delete(this))}static getInstance(){return e.instance||=new e,e.instance}get state(){try{let e=history.state;if(e&&e.schmancyAreas)return e.schmancyAreas}catch{}return this.parseStateFromURL()}hasArea(e){return this.current.has(e)}getActiveAreas(){return Array.from(this.current.keys())}getRoute(e){return this.current.get(e)}}.getInstance(),u=class extends e.s{constructor(...e){super(...e),this.exact=!1}static{this.styles=[i.css`
   :host {
     display: none;
   }