@mhmo91/schmancy 0.10.3 → 0.10.5

package/dist/agent/schmancy.manifest.json

@@ -1,19 +1,7 @@
 {
   "schemaVersion": "1.0.0",
-  "readme": "# Schmancy\n\nA Web Component UI library built on Lit, RxJS, and Tailwind CSS. Surfaces are glass. Depth is light. Interactions are physics.\n\n## Agent runtime\n\nFor sandboxed-iframe agents (Claude Design, Claude Artifacts, any LLM that can\nonly write HTML), schmancy ships a single-URL runtime at `@mhmo91/schmancy/agent`.\nDrop one `<script type=\"module\">` tag and every `<schmancy-*>` element is\nregistered. No bundler, no bare specifiers, no npm install.\n\n```html\n<script type=\"module\">\n  import { theme, state, area } from 'https://esm.sh/@mhmo91/schmancy/agent';\n</script>\n<schmancy-theme root scheme=\"dark\">\n  <schmancy-surface type=\"solid\" fill=\"all\">\n    <schmancy-button>Hi</schmancy-button>\n    <schmancy-skill></schmancy-skill>\n  </schmancy-surface>\n</schmancy-theme>\n```\n\nThe `<schmancy-skill>` tag installs `window.schmancy` for runtime discovery:\n\n- `window.schmancy.help()` — full manifest (CEM v1 shape).\n- `window.schmancy.help('schmancy-button')` — one tag's attributes, events, slots, CSS parts.\n- `window.schmancy.tokens()` — build-time-extracted list of `--schmancy-*` theme tokens.\n- `window.schmancy.registeredTags()` — every `<schmancy-*>` tag the bundle registered, sorted.\n- `window.schmancy.manifestUrl` — Blob URL; `fetch()` it for the same data.\n- `window.schmancy.a11yAudit()` — walks the live DOM and reports ARIA / shadow-root / form-association status per instance.\n- `window.schmancy.platformPrimitive('schmancy-dialog')` — map to the native element a component wraps (present when the component's JSDoc has `@platform`).\n- `window.schmancy.capabilities()` — runtime feature probe (`popover`, `declarativeShadowDom`, `scopedRegistries`, `trustedTypes`, `cssRegisteredProperties`, `elementInternalsAria`, `formAssociated`, `adoptedStyleSheets`). Agents use this to adapt to the sandbox they're in rather than the one they expect.\n\nEvery enum-typed attribute carries a `values` array — e.g. `schmancy-button`'s `variant` ships `[\"elevated\", \"filled\", \"filled tonal\", \"tonal\", \"outlined\", \"text\"]` so agents never have to parse `\"'filled' | 'tonal' | ...\"` strings.\n\nThe manifest is also emitted as a sibling file at `@mhmo91/schmancy/agent/manifest`\nfor tooling that prefers reading JSON from disk.\n\n## Install\n\n```bash\nnpm install @mhmo91/schmancy\n```\n\n```typescript\nimport '@mhmo91/schmancy'\nimport { magnetic, cursorGlow, gravity } from '@mhmo91/schmancy/directives'\n```\n\n## Use with Claude Code\n\nSchmancy ships a Claude Code plugin. In any Claude Code session, run:\n\n```\n/plugin install https://github.com/samwaai/schmancy\n```\n\nClaude now knows every Schmancy component, foundation pattern, and convention in your project. The skill activates automatically when you work on schmancy code — no CLAUDE.md edits, no symlinks.\n\n## Quick Start\n\n```html\n<schmancy-theme root scheme=\"dark\">\n  <schmancy-surface type=\"solid\" fill=\"all\">\n    <schmancy-area name=\"root\" .default=${lazy(() => import('./home.page'))}>\n      <schmancy-route when=\"home-page\" .component=${lazy(() => import('./home.page'))} />\n    </schmancy-area>\n  </schmancy-surface>\n</schmancy-theme>\n```\n\n## Design: Luminous Glass\n\n| Surface | Opacity | Blur | Purpose |\n|---------|---------|------|---------|\n| `solid` | 92% | — | Dense glass, high readability |\n| `subtle` | 78% | 8px | Frosted panel (default) |\n| `glass` | 55% | 16px | Overlays, dialogs, dropdowns |\n| `luminous` | 42% | 20px | Hero panels with glow halo |\n\n## Docs\n\nSchmancy is organized in four layers:\n\n- **Foundations** — [Area](./skills/schmancy/area.md) · [State](./skills/schmancy/state.md) · [Mixins (SchmancyElement)](./skills/schmancy/mixins.md) · [Theme](./skills/schmancy/theme.md) · [Directives](./skills/schmancy/directives.md)\n- **Atoms** — [Typography](./skills/schmancy/typography.md) · [Icons](./skills/schmancy/icons.md) · [Button](./skills/schmancy/button.md) · [Surface](./skills/schmancy/surface.md) · [Divider](./skills/schmancy/divider.md) · [Avatar](./skills/schmancy/avatar.md)\n- **Composites (by job)** — Forms, Navigation, Overlays, Interaction, Feedback, Display\n- **Utilities** — [Animation](./skills/schmancy/animation.md) · [Audio](./skills/schmancy/audio.md) · [Discovery](./skills/schmancy/discovery.md) · [RxJS Utils](./skills/schmancy/rxjs-utils.md) · [Utils](./skills/schmancy/utils.md)\n\n**Full component index:** [skills/schmancy/INDEX.md](./skills/schmancy/INDEX.md) — the single-file map with every tag, service, and convention. Written primarily for AI agents; humans welcome.\n\n## Tech Stack\n\n[Lit](https://lit.dev) · [RxJS](https://rxjs.dev) · [Tailwind CSS v4](https://tailwindcss.com) · [Blackbird](./src/utils/animation.ts)\n\n## License\n\nApache-2.0\n",
+  "readme": "# Schmancy\n\nA Web Component UI library built on Lit, RxJS, and Tailwind CSS. Surfaces are glass. Depth is light. Interactions are physics.\n\n## Agent runtime\n\nFor sandboxed-iframe agents (Claude Design, Claude Artifacts, any LLM that can\nonly write HTML), schmancy ships a single-URL runtime at `@mhmo91/schmancy/agent`.\nDrop one `<script type=\"module\">` tag and every `<schmancy-*>` element is\nregistered. No bundler, no bare specifiers, no npm install.\n\n```html\n<script type=\"module\">\n  import 'https://esm.sh/@mhmo91/schmancy/agent';\n</script>\n<schmancy-theme root scheme=\"dark\">\n  <schmancy-surface type=\"solid\" fill=\"all\">\n    <schmancy-button>Hi</schmancy-button>\n  </schmancy-surface>\n</schmancy-theme>\n```\n\nThe same entry re-exports the full library surface for in-page script\ncode (`theme`, `area`, `state`, `show`, `lazy`, every directive, every\nservice, `SchmancyElement`). Import from the same URL.\n\nFor introspection — every tag's attributes, events, slots, CSS parts,\nplus the enum `values` array on every typed attribute (so agents don't\nhave to parse `\"'filled' | 'tonal' | ...\"` strings) — read the static\nmanifest at `@mhmo91/schmancy/agent/manifest`. It's a JSON file, shape\nfollows Custom Elements Manifest v1.\n\n## Install\n\n```bash\nnpm install @mhmo91/schmancy\n```\n\n```typescript\nimport '@mhmo91/schmancy'\nimport { magnetic, cursorGlow, gravity } from '@mhmo91/schmancy/directives'\n```\n\n## Use with Claude Code\n\nSchmancy ships a Claude Code plugin (manifest at `.claude-plugin/plugin.json`,\nskill source under `skills/schmancy/`). The npm tarball includes both, so\nafter `npm install @mhmo91/schmancy`, point Claude at the package directory\nwhen launching:\n\n```\nclaude --plugin-dir node_modules/@mhmo91/schmancy\n```\n\nSet a shell alias / `.envrc` so every session in the project picks it up.\nAfter editing plugin files, run `/reload-plugins` inside the session.\n\nClaude now knows every Schmancy component, foundation pattern, and\nconvention; the skill activates automatically when you work on schmancy\ncode — no CLAUDE.md edits, no symlinks.\n\n## Quick Start\n\n```html\n<schmancy-theme root scheme=\"dark\">\n  <schmancy-surface type=\"solid\" fill=\"all\">\n    <schmancy-area name=\"root\" .default=${lazy(() => import('./home.page'))}>\n      <schmancy-route when=\"home-page\" .component=${lazy(() => import('./home.page'))} />\n    </schmancy-area>\n  </schmancy-surface>\n</schmancy-theme>\n```\n\n## Design: Luminous Glass\n\n| Surface | Opacity | Blur | Purpose |\n|---------|---------|------|---------|\n| `solid` | 92% | — | Dense glass, high readability |\n| `subtle` | 78% | 8px | Frosted panel (default) |\n| `glass` | 55% | 16px | Overlays, dialogs, dropdowns |\n| `luminous` | 42% | 20px | Hero panels with glow halo |\n\n## Docs\n\nSchmancy is organized in four layers:\n\n- **Foundations** — [Area](./skills/schmancy/area.md) · [State](./skills/schmancy/state.md) · [Mixins (SchmancyElement)](./skills/schmancy/mixins.md) · [Theme](./skills/schmancy/theme.md) · [Directives](./skills/schmancy/directives.md)\n- **Atoms** — [Typography](./skills/schmancy/typography.md) · [Icons](./skills/schmancy/icons.md) · [Button](./skills/schmancy/button.md) · [Surface](./skills/schmancy/surface.md) · [Divider](./skills/schmancy/divider.md) · [Avatar](./skills/schmancy/avatar.md)\n- **Composites (by job)** — Forms, Navigation, Overlays, Interaction, Feedback, Display\n- **Utilities** — [Animation](./skills/schmancy/animation.md) · [Audio](./skills/schmancy/audio.md) · [Discovery](./skills/schmancy/discovery.md) · [RxJS Utils](./skills/schmancy/rxjs-utils.md) · [Utils](./skills/schmancy/utils.md)\n\n**Full component index:** [skills/schmancy/INDEX.md](./skills/schmancy/INDEX.md) — the single-file map with every tag, service, and convention. Written primarily for AI agents; humans welcome.\n\n## Tech Stack\n\n[Lit](https://lit.dev) · [RxJS](https://rxjs.dev) · [Tailwind CSS v4](https://tailwindcss.com) · [Blackbird](./src/utils/animation.ts)\n\n## License\n\nApache-2.0\n",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "agent/schmancy-skill.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancySkill",
-          "tagName": "schmancy-skill",
-          "description": "Self-describing runtime helper. Drop `<schmancy-skill></schmancy-skill>` once on a page and `window.schmancy.help('schmancy-button')` returns the machine-readable entry for any tag. Renders nothing."
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "area/area.component.ts",
@@ -2212,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",
@@ -3476,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",
@@ -3488,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) })"
           ]
         }
       ]
@@ -3778,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",
@@ -3790,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>"
           ]
         }
       ]
@@ -5029,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;
   }