@mhmo91/schmancy 0.2.192 → 0.2.194

package/types/src/area/area.service.d.ts

@@ -1,6 +1,6 @@
-import { ReplaySubject, Subject } from 'rxjs';
+import { Observable, ReplaySubject, Subject } from 'rxjs';
 import { SchmancyTeleportation } from '../teleport';
-import { ActiveRoute, RouteAction } from './router.types';
+import { ActiveRoute, AreaSubscription, RouteAction } from './router.types';
 export declare const routerHistory: Subject<RouteAction>;
 export declare const FINDING_MORTIES = "FINDING_MORTIES";
 export declare const HERE_RICKY = "HERE_RICKY";
@@ -10,18 +10,67 @@ export type HERE_RICKY_EVENT = CustomEvent<{
 export type FINDING_MORTIES_EVENT = CustomEvent<{
     component: SchmancyTeleportation;
 }>;
-declare class AreaService {
+declare class AreaService implements AreaSubscription {
     private static instance;
     prettyURL: boolean;
     mode: 'SILENT' | 'HISTORY';
     request: ReplaySubject<RouteAction>;
     current: Map<string, ActiveRoute>;
     $current: ReplaySubject<Map<string, ActiveRoute>>;
+    private areaSubjects;
     enableHistoryMode: boolean;
     private findingMortiesEvent;
     constructor();
-    find(): import("rxjs").Observable<any>;
+    /**
+     * Get or create a ReplaySubject for a specific area
+     * @param areaName The name of the area
+     * @returns ReplaySubject for the specified area
+     */
+    private getOrCreateAreaSubject;
+    /**
+     * Subscribe to a specific area
+     * @param areaName Name of the area to subscribe to
+     * @param skipCurrent Whether to skip the current value
+     * @returns Observable of the active route for the specified area
+     */
+    on(areaName: string, skipCurrent?: boolean): Observable<ActiveRoute>;
+    /**
+     * Subscribe to all areas
+     * @param skipCurrent Whether to skip the current value
+     * @returns Observable of all active routes
+     */
+    all(skipCurrent?: boolean): Observable<Map<string, ActiveRoute>>;
+    /**
+     * Get state from an area
+     * @param areaName Name of the area to subscribe to
+     * @returns Observable of the area's state
+     */
+    getState<T = unknown>(areaName: string): Observable<T>;
+    /**
+     * Get params from an area
+     * @param areaName Name of the area to subscribe to
+     * @returns Observable of the area's params
+     */
+    params<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): Observable<T>;
+    /**
+     * Get a specific param from an area
+     * @param areaName Name of the area to subscribe to
+     * @param key Key of the param to select
+     * @returns Observable of the param value
+     */
+    param<T = unknown>(areaName: string, key: string): Observable<T>;
+    find(): Observable<any>;
+    /**
+     * Push a new route action
+     * @param r Route action to push
+     */
     push(r: RouteAction): void;
+    /**
+     * Dispatch a DOM event for a specific area change
+     * @param areaName Name of the area that changed
+     * @param routeAction The route action that was pushed
+     */
+    private dispatchAreaEvent;
     pop(name: string): void;
     static getInstance(): AreaService;
     get state(): {};

package/types/src/area/router.types.d.ts

@@ -1,15 +1,54 @@
 export type RouteAction = {
     component: CustomElementConstructor | string | HTMLElement;
     area: string;
-    state?: object;
+    state?: Record<string, unknown>;
+    params?: Record<string, unknown>;
     historyStrategy?: THistoryStrategy;
     clearQueryParams?: string[] | null;
 };
 export type ActiveRoute = {
     component: string;
     area: string;
-    state?: object;
+    state?: Record<string, unknown>;
+    params?: Record<string, unknown>;
 };
+/**
+ * Interface for subscribing to area changes
+ */
+export interface AreaSubscription {
+    /**
+     * Subscribe to a specific area
+     * @param areaName Name of the area to subscribe to
+     * @param skipCurrent Whether to skip the current value
+     * @returns Observable of the active route for the specified area
+     */
+    on(areaName: string, skipCurrent?: boolean): import('rxjs').Observable<ActiveRoute>;
+    /**
+     * Subscribe to all areas
+     * @param skipCurrent Whether to skip the current value
+     * @returns Observable of all active routes
+     */
+    all(skipCurrent?: boolean): import('rxjs').Observable<Map<string, ActiveRoute>>;
+    /**
+     * Get state from an area
+     * @param areaName Name of the area to subscribe to
+     * @returns Observable of the area's state
+     */
+    getState<T = unknown>(areaName: string): import('rxjs').Observable<T>;
+    /**
+     * Get params from an area
+     * @param areaName Name of the area to subscribe to
+     * @returns Observable of the area's params
+     */
+    params<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): import('rxjs').Observable<T>;
+    /**
+     * Get a specific param from an area
+     * @param areaName Name of the area to subscribe to
+     * @param key Key of the param to select
+     * @returns Observable of the param value
+     */
+    param<T = unknown>(areaName: string, key: string): import('rxjs').Observable<T>;
+}
 export type THistoryStrategy = 'push' | 'replace' | 'pop' | 'silent';
 export declare enum HISTORY_STRATEGY {
     push = "push",

package/types/src/autocomplete/autocomplete.d.ts

@@ -5,6 +5,7 @@ import SchmancyInputV2 from '@schmancy/input/input-v2';
  */
 export type SchmancyAutocompleteChangeEvent = CustomEvent<{
     value: string | string[];
+    values?: string[];
 }>;
 declare const SchmancyAutocomplete_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
@@ -14,6 +15,10 @@ declare const SchmancyAutocomplete_base: CustomElementConstructor & import("@mix
  * @element schmancy-autocomplete
  * @slot - Default slot for option elements
  * @slot trigger - Optional slot to override the default input element
+ *
+ * @property {string} value - The selected value for single-select mode. In multi-select mode,
+ *                           this is a comma-separated string of values (kept for backward compatibility).
+ * @property {string[]} values - The selected values as an array for multi-select mode (preferred API for multi-select).
  */
 export default class SchmancyAutocomplete extends SchmancyAutocomplete_base {
     required: boolean;
@@ -25,6 +30,8 @@ export default class SchmancyAutocomplete extends SchmancyAutocomplete_base {
     size: InputSize;
     autocomplete: string;
     debounceMs: number;
+    get values(): string[];
+    set values(vals: string[]);
     get value(): string;
     set value(val: string);
     private _open;

package/dist/area.component-BoR212xW.cjs

@@ -1,8 +0,0 @@
-"use strict";const n=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const f=require("./litElement.mixin-BrC_tdrr.cjs");require("./tailwind.mixin-BAGuwQKs.cjs");const u=require("lit"),h=require("lit/decorators.js"),g=require("./index-DyJ0oDpR.cjs"),S=new n.Subject,d="FINDING_MORTIES",y="HERE_RICKY";class p{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(d),this.$current.next(this.current)}find(){return n.zip([n.fromEvent(window,y).pipe(n.map(e=>e.detail),n.bufferTime(0),n.tap(console.log)),n.of(1).pipe(n.tap(()=>window.dispatchEvent(this.findingMortiesEvent)))]).pipe(n.map(([e])=>e),n.timeout(1))}push(e){this.request.next(e)}pop(e){const o=JSON.parse(JSON.stringify(s.state));delete o[e],history.replaceState(null,"",encodeURIComponent(JSON.stringify(o)))}static getInstance(){return p.instance||(p.instance=new p),p.instance}get state(){const e=location.pathname.split("/").pop();let o={};try{o=e?JSON.parse(decodeURIComponent(e)):{}}catch{o={}}return o}}const s=p.getInstance();var c=(t=>(t.push="push",t.replace="replace",t.pop="pop",t.silent="silent",t))(c||{}),w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,l=(t,e,o,a)=>{for(var i,r=a>1?void 0:a?E(e,o):e,m=t.length-1;m>=0;m--)(i=t[m])&&(r=(a?i(e,o,r):i(r))||r);return a&&r&&w(e,o,r),r};exports.SchmancyArea=class extends f.$LitElement(u.css`
-	:host {
-		position: relative;
-		display: block;
-		inset: 0;
-	}
-`){getComponentFromPathname(t,e){return n.of(t).pipe(n.map(o=>o.split("/").pop()??""),n.map(o=>decodeURIComponent(o)),n.map(o=>JSON.parse(o)),n.map(o=>o[this.name]),n.map(o=>!o&&this.default?{component:this.default,state:void 0}:o),n.filter(o=>g.libExports.isPresent(o)),n.map(o=>({area:this.name,component:o.component??this.default,state:o.state,historyStrategy:e})),n.map(o=>o),n.catchError(()=>this.default?n.of({area:this.name,component:this.default,historyStrategy:e}):n.EMPTY))}firstUpdated(){if(!this.name)throw new Error("Area name or default component not set");n.merge(n.of(location.pathname).pipe(n.switchMap(t=>this.getComponentFromPathname(t,c.silent)),n.map(t=>t),n.take(1)),s.request.pipe(n.filter(({area:t})=>t===this.name)),n.fromEvent(window,"popstate").pipe(n.map(t=>t.target.location.pathname),n.switchMap(t=>this.getComponentFromPathname(t,c.silent)),n.map(t=>t))).pipe(n.filter(t=>!!t.component),n.takeUntil(this.disconnecting),n.distinctUntilChanged((t,e)=>{let o,a;return typeof t.component!="function"&&(typeof t.component=="string"&&(o=t.component),typeof e.component!="function"&&(typeof e.component=="string"&&(a=e.component),(a==null?void 0:a.replaceAll("-","").toLowerCase())===(o==null?void 0:o.replaceAll("-","").toLowerCase())))})).pipe(n.switchMap(t=>{const e=t.component;return e instanceof Promise?n.from(e).pipe(n.map(o=>({component:o.exports.default,route:t}))):n.of({component:e,route:t})}),n.map(({component:t,route:e})=>typeof t=="string"?{component:document.createElement(t),route:e}:t instanceof HTMLElement?{component:t,route:e}:typeof t=="function"?{component:new t,route:e}:void 0),n.distinctUntilChanged((t,e)=>t.component.tagName===e.component.tagName),n.map(({component:t,route:e})=>{var i,r;const o=(i=this.shadowRoot)==null?void 0:i.children[0],a=!!o;return o.remove(),t.classList.add("opacity-0"),(r=this.shadowRoot)==null||r.append(t),t.animate([{opacity:0},{opacity:1}],{duration:a?150:100,easing:"cubic-bezier(0.25, 0.8, 0.25, 1)",fill:"forwards"}),{component:t,route:e}}),n.tap(({component:t,route:e})=>{e.historyStrategy===void 0||e.historyStrategy==="push"?history.pushState(e.state,"",this.newPath(t.tagName,e)):e.historyStrategy&&["replace","pop"].includes(e.historyStrategy)&&history.replaceState(e.state,"",this.newPath(t.tagName,e)),s.current.set(this.name,{component:t.tagName,state:e.state,area:this.name}),s.$current.next(s.current)}),n.takeUntil(this.disconnecting)).subscribe()}newPath(t,e){const o=location.pathname.split("/").pop();let a={};try{a=o?JSON.parse(decodeURIComponent(o)):{}}catch{a={}}e.state=e.state??{};const i=e.clearQueryParams?this.queryParamClear(e.clearQueryParams):document.location.search;return encodeURIComponent(JSON.stringify({...a,[this.name]:{component:t.toLowerCase(),state:e.state}})).concat(`${i}`)}queryParamClear(t){if(!t)return"";const e=new URLSearchParams(location.search);return t.forEach(o=>e.delete(o)),e.toString()===""?"":`?${e.toString()}`}checkForTeleportationRequests(){return n.fromEvent(window,"FLIP_REQUEST").pipe(n.map(t=>t.detail),n.bufferTime(0),n.tap(()=>{this.dispatchEvent(new CustomEvent("FLIP_STARTED"))}),n.takeUntil(this.disconnecting),n.timeout(0),n.catchError(()=>n.of(null)))}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}render(){return u.html` <slot> </slot> `}},l([h.property()],exports.SchmancyArea.prototype,"name",2),l([h.property()],exports.SchmancyArea.prototype,"default",2),exports.SchmancyArea=l([h.customElement("schmancy-area")],exports.SchmancyArea),exports.FINDING_MORTIES=d,exports.HERE_RICKY=y,exports.HISTORY_STRATEGY=c,exports.area=s,exports.routerHistory=S;
-//# sourceMappingURL=area.component-BoR212xW.cjs.map

package/dist/area.component-BoR212xW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"area.component-BoR212xW.cjs","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts"],"sourcesContent":["import { ReplaySubject, Subject, bufferTime, fromEvent, map, of, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, RouteAction } from './router.types'\n\nexport const routerHistory = new Subject<RouteAction>()\n\nexport const FINDING_MORTIES = 'FINDING_MORTIES'\nexport const HERE_RICKY = 'HERE_RICKY'\nexport type HERE_RICKY_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\nexport type FINDING_MORTIES_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nclass AreaService {\n\tprivate static instance: AreaService\n\tpublic prettyURL = false\n\tpublic mode: 'SILENT' | 'HISTORY' = 'HISTORY'\n\tpublic request = new ReplaySubject<RouteAction>(1)\n\tpublic current = new Map<string, ActiveRoute>()\n\tpublic $current = new ReplaySubject<Map<string, ActiveRoute>>(1)\n\tpublic enableHistoryMode = true\n\tprivate findingMortiesEvent = new CustomEvent<FINDING_MORTIES_EVENT['detail']>(FINDING_MORTIES)\n\n\tconstructor() {\n\t\tthis.$current.next(this.current)\n\t}\n\n\tfind() {\n\t\treturn zip([\n\t\t\tfromEvent<HERE_RICKY_EVENT>(window, HERE_RICKY).pipe(\n\t\t\t\tmap(e => e.detail),\n\t\t\t\tbufferTime(0),\n\t\t\t\ttap(console.log),\n\t\t\t),\n\t\t\tof(1).pipe(tap(() => window.dispatchEvent(this.findingMortiesEvent))),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(1),\n\t\t)\n\t}\n\n\tpush(r: RouteAction) {\n\t\tthis.request.next(r)\n\t}\n\n\tpop(name: string) {\n\t\tconst newState = JSON.parse(JSON.stringify(area.state))\n\t\tdelete newState[name]\n\t\tconsole.log(area.state, newState)\n\t\thistory.replaceState(null, '', encodeURIComponent(JSON.stringify(newState)))\n\t}\n\tstatic getInstance() {\n\t\tif (!AreaService.instance) {\n\t\t\tAreaService.instance = new AreaService()\n\t\t}\n\t\treturn AreaService.instance\n\t}\n\n\tget state() {\n\t\tconst pathname = location.pathname.split('/').pop()\n\t\tlet areaState = {}\n\t\ttry {\n\t\t\tareaState = pathname ? JSON.parse(decodeURIComponent(pathname)) : {}\n\t\t} catch {\n\t\t\tareaState = {}\n\t\t}\n\t\treturn areaState\n\t}\n}\n\nexport const area = AreaService.getInstance()\nexport default area\n","export type RouteAction = {\n\tcomponent: CustomElementConstructor | string | HTMLElement\n\tarea: string\n\tstate?: object\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] | null\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: object\n}\n\nexport type THistoryStrategy = 'push' | 'replace' | 'pop' | 'silent'\n\nexport enum HISTORY_STRATEGY {\n\tpush = 'push',\n\treplace = 'replace',\n\tpop = 'pop',\n\tsilent = 'silent',\n}\n","import { $LitElement } from '@mixins/index'\nimport { TemplateResult, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tbufferTime,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimeout,\n} from 'rxjs'\nimport { isPresent } from 'ts-is-present'\nimport area from './area.service'\nimport { HISTORY_STRATEGY, RouteAction } from './router.types'\n\ntype TRouteArea = {\n\tcomponent: string\n\tstate: object | undefined\n}\n\n@customElement('schmancy-area')\nexport class SchmancyArea extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tinset: 0;\n\t}\n`) {\n\t/**\n\t * The name of the router outlet\n\t * @attr\n\t * @type {string}\n\t * @public\n\t * @required\n\t */\n\t@property() name!: string\n\n\t@property() default!: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\n\t/**\n\t *\n\t * @param pathname pathname from the browser location API\n\t * @param historyStrategy  the history strategy to use for the route like PUSH, REPLACE, or SILENT\n\t * @returns rxjs pipes that will return the component to render and the history strategy to use\n\t */\n\tgetComponentFromPathname(pathname: string, historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(pathname).pipe(\n\t\t\tmap(path => path.split('/').pop() ?? ''),\n\t\t\tmap(path => decodeURIComponent(path)),\n\t\t\tmap(path => JSON.parse(path)),\n\t\t\tmap(routes => routes[this.name] as TRouteArea),\n\t\t\tmap(component =>\n\t\t\t\t!component && this.default\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\tstate: undefined,\n\t\t\t\t\t\t}\n\t\t\t\t\t: component,\n\t\t\t),\n\t\t\tfilter(x => isPresent(x)),\n\t\t\tmap((component: TRouteArea) => ({\n\t\t\t\tarea: this.name,\n\t\t\t\tcomponent: component.component ?? this.default,\n\t\t\t\tstate: component.state,\n\t\t\t\thistoryStrategy,\n\t\t\t})),\n\t\t\tmap(x => x as RouteAction),\n\t\t\tcatchError(() => {\n\t\t\t\treturn this.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) {\n\t\t\t// TOOD: maybe enforce this to be unique\n\t\t\tthrow new Error('Area name or default component not set')\n\t\t}\n\n\t\t// active outlet changes\n\t\tmerge(\n\t\t\t// 1) initial load from location.pathname\n\t\t\tof(location.pathname).pipe(\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\tmap(route => route as RouteAction),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) requests to change the route for this area\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\t\t\t// 3) popstate events (back, forward)\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(e => (e.target as Window).location.pathname),\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\tmap(route => route as RouteAction),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(request => !!request.component),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdistinctUntilChanged((a, b) => {\n\t\t\t\t\tlet aComponent, bComponent\n\t\t\t\t\tif (typeof a.component === 'function') return false\n\t\t\t\t\telse if (typeof a.component === 'string') aComponent = a.component\n\n\t\t\t\t\tif (typeof b.component === 'function') return false\n\t\t\t\t\telse if (typeof b.component === 'string') bComponent = b.component\n\n\t\t\t\t\treturn bComponent?.replaceAll('-', '').toLowerCase() === aComponent?.replaceAll('-', '').toLowerCase()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(route => {\n\t\t\t\t\tconst c = route.component\n\t\t\t\t\tif (c instanceof Promise) {\n\t\t\t\t\t\t// Dynamic import module\n\t\t\t\t\t\treturn from(c).pipe(map(x => ({ component: x.exports.default as CustomElementConstructor, route })))\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Already a string, function, or element\n\t\t\t\t\t\treturn of({ component: c, route })\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tif (typeof component === 'string') {\n\t\t\t\t\t\t// Tag name\n\t\t\t\t\t\treturn { component: document.createElement(component), route }\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\t// Already an element instance\n\t\t\t\t\t\treturn { component, route }\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\t// Custom element constructor\n\t\t\t\t\t\treturn { component: new component(), route }\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.component.tagName === curr.component.tagName),\n\t\t\t\t// create the new view and add it to the DOM\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tconst oldView = this.shadowRoot?.children[0]\n\t\t\t\t\tconst oldViewExists = !!oldView\n\n\t\t\t\t\t// Remove the old view (if any)\n\t\t\t\t\toldView.remove()\n\t\t\t\t\t// Native Web Animations API - fade in\n\t\t\t\t\t// \"ease: cubic-bezier(0.25, 0.8, 0.25, 1)\" was used in the old code\n\t\t\t\t\tcomponent.classList.add('opacity-0')\n\t\t\t\t\tthis.shadowRoot?.append(component)\n\t\t\t\t\tcomponent.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\t\t\tduration: oldViewExists ? 150 : 100,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Insert the new view\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\t\t\t\ttap(({ component, route }) => {\n\t\t\t\t\t// Handle history updates\n\t\t\t\t\tif (typeof route.historyStrategy === 'undefined' || route.historyStrategy === 'push') {\n\t\t\t\t\t\thistory.pushState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t} else if (route.historyStrategy && ['replace', 'pop'].includes(route.historyStrategy)) {\n\t\t\t\t\t\thistory.replaceState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t}\n\t\t\t\t\tarea.current.set(this.name, {\n\t\t\t\t\t\tcomponent: component.tagName,\n\t\t\t\t\t\tstate: route.state,\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t})\n\n\t\t\t\t\tarea.$current.next(area.current)\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tnewPath(tag: string, route: RouteAction) {\n\t\tconst oldPathname = location.pathname.split('/').pop()\n\t\tlet oldAreaState = {}\n\t\ttry {\n\t\t\toldAreaState = oldPathname ? JSON.parse(decodeURIComponent(oldPathname)) : {}\n\t\t} catch {\n\t\t\toldAreaState = {}\n\t\t}\n\t\troute.state = route.state ?? {}\n\t\tconst queryParams = route.clearQueryParams ? this.queryParamClear(route.clearQueryParams) : document.location.search\n\n\t\treturn encodeURIComponent(\n\t\t\tJSON.stringify({\n\t\t\t\t...oldAreaState,\n\t\t\t\t[this.name]: { component: tag.toLowerCase(), state: route.state },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\tqueryParamClear(params?: string[]) {\n\t\tif (!params) {\n\t\t\treturn ''\n\t\t}\n\t\t// get query params from url\n\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t// remove query params\n\t\tparams.forEach(param => urlParams.delete(param))\n\t\t// update url\n\t\tif (urlParams.toString() === '') return ''\n\t\treturn `?${urlParams.toString()}`\n\t}\n\n\tcheckForTeleportationRequests() {\n\t\treturn fromEvent<CustomEvent>(window, 'FLIP_REQUEST').pipe(\n\t\t\tmap(e => e.detail),\n\t\t\tbufferTime(0),\n\t\t\ttap(() => {\n\t\t\t\tthis.dispatchEvent(new CustomEvent('FLIP_STARTED'))\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttimeout(0),\n\t\t\tcatchError(() => of(null)),\n\t\t)\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\trender() {\n\t\treturn html` <slot> </slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area': SchmancyArea\n\t}\n}\n"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","AreaService","constructor","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","enableHistoryMode","findingMortiesEvent","CustomEvent","next","zip","fromEvent","window","pipe","map","e","detail","bufferTime","tap","console","log","of","dispatchEvent","component","timeout","r","name","newState","JSON","parse","stringify","area","state","history","replaceState","encodeURIComponent","getInstance","instance","pathname","location","split","pop","areaState","decodeURIComponent","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","historyStrategy","path","routes","default","filter","x","isPresent","libExports","catchError","EMPTY","Error","merge","switchMap","getComponentFromPathname","silent","route","take","target","takeUntil","disconnecting","distinctUntilChanged","a","b","aComponent","bComponent","replaceAll","toLowerCase","c","Promise","from","exports","document","createElement","HTMLElement","prev","curr","tagName","oldView","shadowRoot","children","oldViewExists","remove","classList","add","append","animate","opacity","duration","easing","fill","pushState","newPath","includes","set","subscribe","tag","oldPathname","oldAreaState","queryParams","clearQueryParams","queryParamClear","search","concat","params","urlParams","URLSearchParams","forEach","param","delete","toString","super","disconnectedCallback","html","__decorateClass","property","prototype","customElement"],"mappings":"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"}

package/dist/area.component-CRk-Eoq4.js

@@ -1,107 +0,0 @@
-import { Subject as b, ReplaySubject as S, zip as I, fromEvent as g, of as i, map as o, bufferTime as R, tap as h, timeout as v, filter as u, catchError as E, EMPTY as O, merge as U, switchMap as d, take as N, takeUntil as f, distinctUntilChanged as C, from as T } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { $ as L } from "./litElement.mixin-CifwP6Gy.js";
-import "./tailwind.mixin-D-kkSKp-.js";
-import { css as x, html as F } from "lit";
-import { property as P, customElement as J } from "lit/decorators.js";
-import { l as M } from "./index-CuY8m6ta.js";
-const B = new b(), k = "FINDING_MORTIES", q = "HERE_RICKY";
-class p {
-  constructor() {
-    this.prettyURL = !1, this.mode = "HISTORY", this.request = new S(1), this.current = /* @__PURE__ */ new Map(), this.$current = new S(1), this.enableHistoryMode = !0, this.findingMortiesEvent = new CustomEvent(k), this.$current.next(this.current);
-  }
-  find() {
-    return I([g(window, q).pipe(o((e) => e.detail), R(0), h(console.log)), i(1).pipe(h(() => window.dispatchEvent(this.findingMortiesEvent)))]).pipe(o(([e]) => e), v(1));
-  }
-  push(e) {
-    this.request.next(e);
-  }
-  pop(e) {
-    const n = JSON.parse(JSON.stringify(c.state));
-    delete n[e], history.replaceState(null, "", encodeURIComponent(JSON.stringify(n)));
-  }
-  static getInstance() {
-    return p.instance || (p.instance = new p()), p.instance;
-  }
-  get state() {
-    const e = location.pathname.split("/").pop();
-    let n = {};
-    try {
-      n = e ? JSON.parse(decodeURIComponent(e)) : {};
-    } catch {
-      n = {};
-    }
-    return n;
-  }
-}
-const c = p.getInstance();
-var w = ((t) => (t.push = "push", t.replace = "replace", t.pop = "pop", t.silent = "silent", t))(w || {}), $ = Object.defineProperty, j = Object.getOwnPropertyDescriptor, y = (t, e, n, a) => {
-  for (var r, s = a > 1 ? void 0 : a ? j(e, n) : e, l = t.length - 1; l >= 0; l--) (r = t[l]) && (s = (a ? r(e, n, s) : r(s)) || s);
-  return a && s && $(e, n, s), s;
-};
-let m = class extends L(x`
-	:host {
-		position: relative;
-		display: block;
-		inset: 0;
-	}
-`) {
-  getComponentFromPathname(t, e) {
-    return i(t).pipe(o((n) => n.split("/").pop() ?? ""), o((n) => decodeURIComponent(n)), o((n) => JSON.parse(n)), o((n) => n[this.name]), o((n) => !n && this.default ? { component: this.default, state: void 0 } : n), u((n) => M.isPresent(n)), o((n) => ({ area: this.name, component: n.component ?? this.default, state: n.state, historyStrategy: e })), o((n) => n), E(() => this.default ? i({ area: this.name, component: this.default, historyStrategy: e }) : O));
-  }
-  firstUpdated() {
-    if (!this.name) throw new Error("Area name or default component not set");
-    U(i(location.pathname).pipe(d((t) => this.getComponentFromPathname(t, w.silent)), o((t) => t), N(1)), c.request.pipe(u(({ area: t }) => t === this.name)), g(window, "popstate").pipe(o((t) => t.target.location.pathname), d((t) => this.getComponentFromPathname(t, w.silent)), o((t) => t))).pipe(u((t) => !!t.component), f(this.disconnecting), C((t, e) => {
-      let n, a;
-      return typeof t.component != "function" && (typeof t.component == "string" && (n = t.component), typeof e.component != "function" && (typeof e.component == "string" && (a = e.component), (a == null ? void 0 : a.replaceAll("-", "").toLowerCase()) === (n == null ? void 0 : n.replaceAll("-", "").toLowerCase())));
-    })).pipe(d((t) => {
-      const e = t.component;
-      return e instanceof Promise ? T(e).pipe(o((n) => ({ component: n.exports.default, route: t }))) : i({ component: e, route: t });
-    }), o(({ component: t, route: e }) => typeof t == "string" ? { component: document.createElement(t), route: e } : t instanceof HTMLElement ? { component: t, route: e } : typeof t == "function" ? { component: new t(), route: e } : void 0), C((t, e) => t.component.tagName === e.component.tagName), o(({ component: t, route: e }) => {
-      var r, s;
-      const n = (r = this.shadowRoot) == null ? void 0 : r.children[0], a = !!n;
-      return n.remove(), t.classList.add("opacity-0"), (s = this.shadowRoot) == null || s.append(t), t.animate([{ opacity: 0 }, { opacity: 1 }], { duration: a ? 150 : 100, easing: "cubic-bezier(0.25, 0.8, 0.25, 1)", fill: "forwards" }), { component: t, route: e };
-    }), h(({ component: t, route: e }) => {
-      e.historyStrategy === void 0 || e.historyStrategy === "push" ? history.pushState(e.state, "", this.newPath(t.tagName, e)) : e.historyStrategy && ["replace", "pop"].includes(e.historyStrategy) && history.replaceState(e.state, "", this.newPath(t.tagName, e)), c.current.set(this.name, { component: t.tagName, state: e.state, area: this.name }), c.$current.next(c.current);
-    }), f(this.disconnecting)).subscribe();
-  }
-  newPath(t, e) {
-    const n = location.pathname.split("/").pop();
-    let a = {};
-    try {
-      a = n ? JSON.parse(decodeURIComponent(n)) : {};
-    } catch {
-      a = {};
-    }
-    e.state = e.state ?? {};
-    const r = e.clearQueryParams ? this.queryParamClear(e.clearQueryParams) : document.location.search;
-    return encodeURIComponent(JSON.stringify({ ...a, [this.name]: { component: t.toLowerCase(), state: e.state } })).concat(`${r}`);
-  }
-  queryParamClear(t) {
-    if (!t) return "";
-    const e = new URLSearchParams(location.search);
-    return t.forEach((n) => e.delete(n)), e.toString() === "" ? "" : `?${e.toString()}`;
-  }
-  checkForTeleportationRequests() {
-    return g(window, "FLIP_REQUEST").pipe(o((t) => t.detail), R(0), h(() => {
-      this.dispatchEvent(new CustomEvent("FLIP_STARTED"));
-    }), f(this.disconnecting), v(0), E(() => i(null)));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.disconnecting.next(!0);
-  }
-  render() {
-    return F` <slot> </slot> `;
-  }
-};
-y([P()], m.prototype, "name", 2), y([P()], m.prototype, "default", 2), m = y([J("schmancy-area")], m);
-export {
-  k as F,
-  q as H,
-  m as S,
-  c as a,
-  w as b,
-  B as r
-};
-//# sourceMappingURL=area.component-CRk-Eoq4.js.map

package/dist/area.component-CRk-Eoq4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"area.component-CRk-Eoq4.js","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts"],"sourcesContent":["import { ReplaySubject, Subject, bufferTime, fromEvent, map, of, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, RouteAction } from './router.types'\n\nexport const routerHistory = new Subject<RouteAction>()\n\nexport const FINDING_MORTIES = 'FINDING_MORTIES'\nexport const HERE_RICKY = 'HERE_RICKY'\nexport type HERE_RICKY_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\nexport type FINDING_MORTIES_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nclass AreaService {\n\tprivate static instance: AreaService\n\tpublic prettyURL = false\n\tpublic mode: 'SILENT' | 'HISTORY' = 'HISTORY'\n\tpublic request = new ReplaySubject<RouteAction>(1)\n\tpublic current = new Map<string, ActiveRoute>()\n\tpublic $current = new ReplaySubject<Map<string, ActiveRoute>>(1)\n\tpublic enableHistoryMode = true\n\tprivate findingMortiesEvent = new CustomEvent<FINDING_MORTIES_EVENT['detail']>(FINDING_MORTIES)\n\n\tconstructor() {\n\t\tthis.$current.next(this.current)\n\t}\n\n\tfind() {\n\t\treturn zip([\n\t\t\tfromEvent<HERE_RICKY_EVENT>(window, HERE_RICKY).pipe(\n\t\t\t\tmap(e => e.detail),\n\t\t\t\tbufferTime(0),\n\t\t\t\ttap(console.log),\n\t\t\t),\n\t\t\tof(1).pipe(tap(() => window.dispatchEvent(this.findingMortiesEvent))),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(1),\n\t\t)\n\t}\n\n\tpush(r: RouteAction) {\n\t\tthis.request.next(r)\n\t}\n\n\tpop(name: string) {\n\t\tconst newState = JSON.parse(JSON.stringify(area.state))\n\t\tdelete newState[name]\n\t\tconsole.log(area.state, newState)\n\t\thistory.replaceState(null, '', encodeURIComponent(JSON.stringify(newState)))\n\t}\n\tstatic getInstance() {\n\t\tif (!AreaService.instance) {\n\t\t\tAreaService.instance = new AreaService()\n\t\t}\n\t\treturn AreaService.instance\n\t}\n\n\tget state() {\n\t\tconst pathname = location.pathname.split('/').pop()\n\t\tlet areaState = {}\n\t\ttry {\n\t\t\tareaState = pathname ? JSON.parse(decodeURIComponent(pathname)) : {}\n\t\t} catch {\n\t\t\tareaState = {}\n\t\t}\n\t\treturn areaState\n\t}\n}\n\nexport const area = AreaService.getInstance()\nexport default area\n","export type RouteAction = {\n\tcomponent: CustomElementConstructor | string | HTMLElement\n\tarea: string\n\tstate?: object\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] | null\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: object\n}\n\nexport type THistoryStrategy = 'push' | 'replace' | 'pop' | 'silent'\n\nexport enum HISTORY_STRATEGY {\n\tpush = 'push',\n\treplace = 'replace',\n\tpop = 'pop',\n\tsilent = 'silent',\n}\n","import { $LitElement } from '@mixins/index'\nimport { TemplateResult, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tbufferTime,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimeout,\n} from 'rxjs'\nimport { isPresent } from 'ts-is-present'\nimport area from './area.service'\nimport { HISTORY_STRATEGY, RouteAction } from './router.types'\n\ntype TRouteArea = {\n\tcomponent: string\n\tstate: object | undefined\n}\n\n@customElement('schmancy-area')\nexport class SchmancyArea extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tinset: 0;\n\t}\n`) {\n\t/**\n\t * The name of the router outlet\n\t * @attr\n\t * @type {string}\n\t * @public\n\t * @required\n\t */\n\t@property() name!: string\n\n\t@property() default!: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\n\t/**\n\t *\n\t * @param pathname pathname from the browser location API\n\t * @param historyStrategy  the history strategy to use for the route like PUSH, REPLACE, or SILENT\n\t * @returns rxjs pipes that will return the component to render and the history strategy to use\n\t */\n\tgetComponentFromPathname(pathname: string, historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(pathname).pipe(\n\t\t\tmap(path => path.split('/').pop() ?? ''),\n\t\t\tmap(path => decodeURIComponent(path)),\n\t\t\tmap(path => JSON.parse(path)),\n\t\t\tmap(routes => routes[this.name] as TRouteArea),\n\t\t\tmap(component =>\n\t\t\t\t!component && this.default\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\tstate: undefined,\n\t\t\t\t\t\t}\n\t\t\t\t\t: component,\n\t\t\t),\n\t\t\tfilter(x => isPresent(x)),\n\t\t\tmap((component: TRouteArea) => ({\n\t\t\t\tarea: this.name,\n\t\t\t\tcomponent: component.component ?? this.default,\n\t\t\t\tstate: component.state,\n\t\t\t\thistoryStrategy,\n\t\t\t})),\n\t\t\tmap(x => x as RouteAction),\n\t\t\tcatchError(() => {\n\t\t\t\treturn this.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) {\n\t\t\t// TOOD: maybe enforce this to be unique\n\t\t\tthrow new Error('Area name or default component not set')\n\t\t}\n\n\t\t// active outlet changes\n\t\tmerge(\n\t\t\t// 1) initial load from location.pathname\n\t\t\tof(location.pathname).pipe(\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\tmap(route => route as RouteAction),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) requests to change the route for this area\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\t\t\t// 3) popstate events (back, forward)\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(e => (e.target as Window).location.pathname),\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\tmap(route => route as RouteAction),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(request => !!request.component),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdistinctUntilChanged((a, b) => {\n\t\t\t\t\tlet aComponent, bComponent\n\t\t\t\t\tif (typeof a.component === 'function') return false\n\t\t\t\t\telse if (typeof a.component === 'string') aComponent = a.component\n\n\t\t\t\t\tif (typeof b.component === 'function') return false\n\t\t\t\t\telse if (typeof b.component === 'string') bComponent = b.component\n\n\t\t\t\t\treturn bComponent?.replaceAll('-', '').toLowerCase() === aComponent?.replaceAll('-', '').toLowerCase()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(route => {\n\t\t\t\t\tconst c = route.component\n\t\t\t\t\tif (c instanceof Promise) {\n\t\t\t\t\t\t// Dynamic import module\n\t\t\t\t\t\treturn from(c).pipe(map(x => ({ component: x.exports.default as CustomElementConstructor, route })))\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Already a string, function, or element\n\t\t\t\t\t\treturn of({ component: c, route })\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tif (typeof component === 'string') {\n\t\t\t\t\t\t// Tag name\n\t\t\t\t\t\treturn { component: document.createElement(component), route }\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\t// Already an element instance\n\t\t\t\t\t\treturn { component, route }\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\t// Custom element constructor\n\t\t\t\t\t\treturn { component: new component(), route }\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.component.tagName === curr.component.tagName),\n\t\t\t\t// create the new view and add it to the DOM\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tconst oldView = this.shadowRoot?.children[0]\n\t\t\t\t\tconst oldViewExists = !!oldView\n\n\t\t\t\t\t// Remove the old view (if any)\n\t\t\t\t\toldView.remove()\n\t\t\t\t\t// Native Web Animations API - fade in\n\t\t\t\t\t// \"ease: cubic-bezier(0.25, 0.8, 0.25, 1)\" was used in the old code\n\t\t\t\t\tcomponent.classList.add('opacity-0')\n\t\t\t\t\tthis.shadowRoot?.append(component)\n\t\t\t\t\tcomponent.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\t\t\tduration: oldViewExists ? 150 : 100,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Insert the new view\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\t\t\t\ttap(({ component, route }) => {\n\t\t\t\t\t// Handle history updates\n\t\t\t\t\tif (typeof route.historyStrategy === 'undefined' || route.historyStrategy === 'push') {\n\t\t\t\t\t\thistory.pushState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t} else if (route.historyStrategy && ['replace', 'pop'].includes(route.historyStrategy)) {\n\t\t\t\t\t\thistory.replaceState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t}\n\t\t\t\t\tarea.current.set(this.name, {\n\t\t\t\t\t\tcomponent: component.tagName,\n\t\t\t\t\t\tstate: route.state,\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t})\n\n\t\t\t\t\tarea.$current.next(area.current)\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tnewPath(tag: string, route: RouteAction) {\n\t\tconst oldPathname = location.pathname.split('/').pop()\n\t\tlet oldAreaState = {}\n\t\ttry {\n\t\t\toldAreaState = oldPathname ? JSON.parse(decodeURIComponent(oldPathname)) : {}\n\t\t} catch {\n\t\t\toldAreaState = {}\n\t\t}\n\t\troute.state = route.state ?? {}\n\t\tconst queryParams = route.clearQueryParams ? this.queryParamClear(route.clearQueryParams) : document.location.search\n\n\t\treturn encodeURIComponent(\n\t\t\tJSON.stringify({\n\t\t\t\t...oldAreaState,\n\t\t\t\t[this.name]: { component: tag.toLowerCase(), state: route.state },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\tqueryParamClear(params?: string[]) {\n\t\tif (!params) {\n\t\t\treturn ''\n\t\t}\n\t\t// get query params from url\n\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t// remove query params\n\t\tparams.forEach(param => urlParams.delete(param))\n\t\t// update url\n\t\tif (urlParams.toString() === '') return ''\n\t\treturn `?${urlParams.toString()}`\n\t}\n\n\tcheckForTeleportationRequests() {\n\t\treturn fromEvent<CustomEvent>(window, 'FLIP_REQUEST').pipe(\n\t\t\tmap(e => e.detail),\n\t\t\tbufferTime(0),\n\t\t\ttap(() => {\n\t\t\t\tthis.dispatchEvent(new CustomEvent('FLIP_STARTED'))\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttimeout(0),\n\t\t\tcatchError(() => of(null)),\n\t\t)\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\trender() {\n\t\treturn html` <slot> </slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area': SchmancyArea\n\t}\n}\n"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","AreaService","constructor","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","enableHistoryMode","findingMortiesEvent","CustomEvent","next","find","zip","fromEvent","window","pipe","map","e","detail","bufferTime","tap","console","log","of","dispatchEvent","component","timeout","r","name","newState","JSON","parse","stringify","area","state","history","replaceState","encodeURIComponent","instance","pathname","location","split","pop","areaState","decodeURIComponent","getInstance","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","historyStrategy","path","routes","default","filter","x","isPresent","catchError","EMPTY","firstUpdated","Error","merge","switchMap","getComponentFromPathname","silent","route","take","target","takeUntil","disconnecting","distinctUntilChanged","a","b","aComponent","bComponent","replaceAll","toLowerCase","c","Promise","from","exports","document","createElement","HTMLElement","prev","curr","tagName","oldView","shadowRoot","children","oldViewExists","remove","classList","add","append","animate","opacity","duration","easing","fill","pushState","newPath","includes","set","subscribe","tag","oldPathname","oldAreaState","queryParams","clearQueryParams","queryParamClear","search","concat","params","urlParams","URLSearchParams","forEach","param","delete","toString","checkForTeleportationRequests","disconnectedCallback","super","html","__decorateClass","property","prototype","customElement"],"mappings":"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"}

package/dist/autocomplete-BYVrh34v.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-BYVrh34v.js","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize } from '@schmancy/input'\nimport SchmancyInputV2 from '@schmancy/input/input-v2'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport style from './autocomplete.scss?inline'\n\n/**\n * @fires change - When selection changes\n */\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n/**\n * SchmancyAutocomplete provides an accessible autocomplete/combobox component\n * with keyboard navigation and single or multi-select capabilities.\n *\n * @element schmancy-autocomplete\n * @slot - Default slot for option elements\n * @slot trigger - Optional slot to override the default input element\n */\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n\t// Public API properties\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String, reflect: true }) label = ''\n\t@property({ type: String }) maxHeight = '300px'\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) description = ''\n\t@property({ type: String, reflect: true }) size: InputSize = 'md'\n\t@property({ type: String }) autocomplete = 'off'\n\t@property({ type: Number }) debounceMs = 200 // Debounce delay in milliseconds\n\n\t// Value property with getter/setter\n\t@property({ type: String, reflect: true })\n\tget value() {\n\t\tif (this.multi) {\n\t\t\treturn this._selectedValues.join(',')\n\t\t}\n\t\treturn this._selectedValue\n\t}\n\tset value(val: string) {\n\t\tif (this.multi) {\n\t\t\tthis._selectedValues = val\n\t\t\t\t? val\n\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t.map(v => v.trim())\n\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t: []\n\t\t} else {\n\t\t\tthis._selectedValue = val\n\t\t}\n\t\tthis._syncOptionsSelection()\n\t\tthis._updateInputDisplay()\n\n\t\t// Dispatch change event when value is set programmatically\n\t\tif (this.isConnected) {\n\t\t\tthis._fireChangeEvent()\n\t\t}\n\t}\n\n\t// Internal state\n\t@state() private _open = false\n\t@state() private _inputValue = ''\n\t@state() private _selectedValue = ''\n\t@state() private _selectedValues: string[] = []\n\t@state() private _suppressFocusOpen = false // Flag to prevent dropdown from opening on focus after selection\n\n\t// Debounce timer reference\n\tprivate _debounceTimer: number | null = null\n\n\t// DOM references\n\t@query('#options') _listbox!: HTMLUListElement\n\t@query('sch-input') _input!: SchmancyInputV2\n\t@queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n\tprivate _inputElementRef = createRef<HTMLInputElement>()\n\n\t// Click outside handler reference for cleanup\n\tprivate _documentClickHandler = this._onDocumentClick.bind(this)\n\n\t// Lifecycle methods\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\t// Ensure component has ID for ARIA relationships\n\t\tif (!this.id) {\n\t\t\tthis.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Clean up global event listeners\n\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\n\t\t// Clear any pending debounce timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Set up initial state and accessibility\n\t\tthis._syncOptionsSelection()\n\t\tthis._setupOptionsAccessibility()\n\t\tthis._updateInputDisplay()\n\t}\n\n\tupdated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\n\t\t// Update document click handler when dropdown state changes\n\t\tif (changedProps.has('_open')) {\n\t\t\tif (!this._open) {\n\t\t\t\tdocument.removeEventListener('click', this._documentClickHandler)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Handle document clicks to close dropdown when clicking outside\n\t */\n\tprivate _onDocumentClick(e: MouseEvent) {\n\t\t// Don't close if clicking on component or its children\n\t\tif (e.composedPath().includes(this)) {\n\t\t\treturn\n\t\t}\n\n\t\t// Don't close if clicking on one of the options (which may be in light DOM)\n\t\tfor (const option of this._options) {\n\t\t\tif (e.composedPath().includes(option)) {\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\n\t\t// Otherwise close the dropdown\n\t\tif (this._open) {\n\t\t\tthis._open = false\n\t\t\tthis._updateInputDisplay()\n\t\t}\n\t}\n\n\t/**\n\t * Set up initial option accessibility attributes\n\t */\n\tprivate _setupOptionsAccessibility() {\n\t\tthis._options.forEach((option, index) => {\n\t\t\t// Set common attributes for all options\n\t\t\toption.setAttribute('role', 'option')\n\t\t\toption.tabIndex = -1\n\n\t\t\t// Ensure each option has an ID\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\n\t\t\t// Add click handler to options\n\t\t\tif (!option.hasAttribute('data-event-bound')) {\n\t\t\t\toption.addEventListener('click', e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis._selectOption(option)\n\t\t\t\t})\n\t\t\t\toption.setAttribute('data-event-bound', 'true')\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * Update options' selection state based on component value\n\t */\n\tprivate _syncOptionsSelection() {\n\t\tif (!this._options?.length) return\n\n\t\tthis._options.forEach(option => {\n\t\t\tif (this.multi) {\n\t\t\t\toption.selected = this._selectedValues.includes(option.value)\n\t\t\t} else {\n\t\t\t\toption.selected = option.value === this._selectedValue\n\t\t\t}\n\n\t\t\t// Update aria-selected attribute\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\t\t})\n\t}\n\n\t/**\n\t * Show all options without filtering\n\t */\n\tprivate _showAllOptions() {\n\t\tthis._options.forEach(option => {\n\t\t\toption.hidden = false\n\t\t})\n\n\t\t// Update \"No results\" visibility - always hidden when showing all\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', true)\n\t\t}\n\n\t\t// Announce to screen readers\n\t\tconst totalCount = this._options.length\n\t\tthis._announceToScreenReader(`${totalCount} option${totalCount === 1 ? '' : 's'} available.`)\n\t}\n\n\t/**\n\t * Filter options based on input text - this operation can be expensive\n\t * with many options or complex filtering logic\n\t */\n\tprivate _filterOptions() {\n\t\tconsole.time('filter-options')\n\t\tconst searchTerm = this._inputValue.toLowerCase().trim()\n\n\t\t// If no search term, show all options instead of filtering\n\t\tif (!searchTerm) {\n\t\t\tthis._showAllOptions()\n\t\t\tconsole.timeEnd('filter-options')\n\t\t\treturn\n\t\t}\n\n\t\t// Track if we have any matches\n\t\tlet hasMatches = false\n\n\t\tthis._options.forEach(option => {\n\t\t\t// Simple substring matching\n\t\t\tconst text = (option.label || option.textContent || '').toLowerCase()\n\t\t\tconst isMatch = text.includes(searchTerm)\n\t\t\toption.hidden = !isMatch\n\n\t\t\tif (isMatch) {\n\t\t\t\thasMatches = true\n\t\t\t}\n\t\t})\n\n\t\t// Update \"No results\" visibility\n\t\tconst emptyMessage = this.shadowRoot?.querySelector('#empty')\n\t\tif (emptyMessage) {\n\t\t\temptyMessage.toggleAttribute('hidden', hasMatches)\n\t\t}\n\n\t\t// Announce results to screen readers\n\t\tconst visibleCount = this._getVisibleOptions().length\n\t\tthis._announceToScreenReader(\n\t\t\tvisibleCount > 0 ? `${visibleCount} option${visibleCount === 1 ? '' : 's'} available.` : 'No results found.',\n\t\t)\n\t\tconsole.timeEnd('filter-options')\n\t}\n\n\t/**\n\t * Get all currently visible options\n\t */\n\tprivate _getVisibleOptions(): SchmancyOption[] {\n\t\treturn Array.from(this._options || []).filter(option => !option.hidden)\n\t}\n\n\t/**\n\t * Get labels of selected options\n\t */\n\tprivate _getSelectedLabels(): string[] {\n\t\treturn Array.from(this._options || [])\n\t\t\t.filter(option =>\n\t\t\t\tthis.multi ? this._selectedValues.includes(option.value) : option.value === this._selectedValue,\n\t\t\t)\n\t\t\t.map(option => option.label || option.textContent || '')\n\t}\n\n\t/**\n\t * Update the input display based on selection state\n\t */\n\tprivate _updateInputDisplay() {\n\t\tif (!this._inputElementRef.value) return\n\n\t\t// When dropdown is closed or in single select mode, show the selection\n\t\tif (!this._open || !this.multi) {\n\t\t\tif (this.multi) {\n\t\t\t\t// Show comma-separated labels for multi-select\n\t\t\t\tthis._inputValue = this._getSelectedLabels().join(', ')\n\t\t\t} else {\n\t\t\t\t// Show selected option label for single-select\n\t\t\t\tconst selectedOption = this._options?.find(o => o.value === this._selectedValue)\n\t\t\t\tthis._inputValue = selectedOption ? selectedOption.label || selectedOption.textContent || '' : ''\n\t\t\t}\n\t\t}\n\n\t\t// Update the input value\n\t\tthis._inputElementRef.value.value = this._inputValue\n\t}\n\n\t/**\n\t * Handle input focus\n\t */\n\tprivate _onInputFocus(e: FocusEvent) {\n\t\te.stopPropagation()\n\n\t\t// If suppress flag is active, don't open dropdown\n\t\tif (this._suppressFocusOpen) {\n\t\t\treturn\n\t\t}\n\n\t\t// If multi-select mode and input is focused, clear it for new input\n\t\tif (this.multi) {\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\t\t}\n\n\t\tthis._showDropdown()\n\t}\n\n\t/**\n\t * Debounce a function call\n\t * @param fn Function to debounce\n\t */\n\tprivate _debounce(fn: () => void): void {\n\t\t// Clear any existing timer\n\t\tif (this._debounceTimer !== null) {\n\t\t\twindow.clearTimeout(this._debounceTimer)\n\t\t}\n\n\t\t// Set new timer\n\t\tthis._debounceTimer = window.setTimeout(() => {\n\t\t\tfn()\n\t\t\tthis._debounceTimer = null\n\t\t}, this.debounceMs)\n\t}\n\n\t/**\n\t * Handle input text changes with debouncing\n\t */\n\tprivate _onInputChange(e: Event) {\n\t\tconst target = e.target as HTMLInputElement\n\t\tthis._inputValue = target.value\n\n\t\t// Immediate feedback - show dropdown\n\t\tif (!this._open) {\n\t\t\tthis._showDropdown()\n\t\t}\n\n\t\t// Debounce the expensive filtering operation\n\t\tthis._debounce(() => {\n\t\t\tthis._filterOptions()\n\t\t})\n\t}\n\n\t/**\n\t * Show the dropdown with all options visible initially\n\t */\n\tprivate _showDropdown() {\n\t\tif (this._open) return\n\n\t\tthis._open = true\n\n\t\t// Initially show all options instead of filtering\n\t\tthis._showAllOptions()\n\n\t\t// Add document click handler after a brief delay\n\t\t// to avoid immediate closing on the same click event\n\t\tsetTimeout(() => {\n\t\t\tdocument.addEventListener('click', this._documentClickHandler)\n\t\t}, 10)\n\t}\n\n\t/**\n\t * Announce message to screen readers\n\t */\n\tprivate _announceToScreenReader(message: string) {\n\t\tconst liveRegion = this.shadowRoot?.querySelector('#live-status')\n\t\tif (liveRegion) {\n\t\t\tliveRegion.textContent = message\n\t\t}\n\t}\n\n\t/**\n\t * Select an option (either via click or keyboard)\n\t */\n\tprivate _selectOption(option: SchmancyOption) {\n\t\tif (this.multi) {\n\t\t\t// Toggle selection in multi-select mode\n\t\t\tconst value = option.value\n\t\t\tconst index = this._selectedValues.indexOf(value)\n\n\t\t\tif (index > -1) {\n\t\t\t\t// Remove if already selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues.slice(0, index), ...this._selectedValues.slice(index + 1)]\n\t\t\t} else {\n\t\t\t\t// Add if not selected\n\t\t\t\tthis._selectedValues = [...this._selectedValues, value]\n\t\t\t}\n\n\t\t\t// Clear input for more typing in multi-select mode\n\t\t\tthis._inputValue = ''\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.value = ''\n\t\t\t}\n\n\t\t\t// Update option selection state\n\t\t\toption.selected = !option.selected\n\t\t\toption.setAttribute('aria-selected', String(option.selected))\n\n\t\t\t// Keep dropdown open in multi-select\n\t\t\t// Show all options if input is empty\n\t\t\tif (this._inputValue.trim() === '') {\n\t\t\t\tthis._showAllOptions()\n\t\t\t} else {\n\t\t\t\tthis._filterOptions()\n\t\t\t}\n\n\t\t\t// Announce selection to screen readers\n\t\t\tconst selectedLabels = this._getSelectedLabels()\n\t\t\tthis._announceToScreenReader(\n\t\t\t\tselectedLabels.length > 0 ? `Selected: ${selectedLabels.join(', ')}` : 'No options selected',\n\t\t\t)\n\t\t} else {\n\t\t\t// Single-select mode - select and close\n\t\t\tthis._selectedValue = option.value\n\n\t\t\t// Update selected state\n\t\t\tthis._syncOptionsSelection()\n\n\t\t\t// Close dropdown\n\t\t\tthis._open = false\n\n\t\t\t// Set flag to prevent reopening on focus\n\t\t\tthis._suppressFocusOpen = true\n\n\t\t\t// Update input with selected label\n\t\t\tthis._updateInputDisplay()\n\n\t\t\t// For mobile: blur input to dismiss keyboard\n\t\t\tif (this._inputElementRef.value) {\n\t\t\t\tthis._inputElementRef.value.blur()\n\t\t\t}\n\n\t\t\t// Reset suppress flag after a delay\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis._suppressFocusOpen = false\n\t\t\t}, 300)\n\n\t\t\t// Announce selection to screen readers\n\t\t\tthis._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n\t\t}\n\n\t\t// Fire change event\n\t\tthis._fireChangeEvent()\n\t}\n\n\t/**\n\t * Handle keyboard navigation\n\t */\n\tprivate _onKeyDown(e: KeyboardEvent) {\n\t\t// If dropdown is closed, open on arrow down or enter\n\t\tif (!this._open && (e.key === 'ArrowDown' || e.key === 'Enter')) {\n\t\t\te.preventDefault()\n\t\t\tthis._showDropdown()\n\n\t\t\t// Focus first visible option\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst visibleOptions = this._getVisibleOptions()\n\t\t\t\tif (visibleOptions.length > 0) {\n\t\t\t\t\tvisibleOptions[0].focus()\n\t\t\t\t}\n\t\t\t}, 10)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Early return if dropdown is closed\n\t\tif (!this._open) return\n\n\t\t// Handle keyboard navigation\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tthis._inputElementRef.value?.focus()\n\t\t\t\tbreak\n\n\t\t\tcase 'Tab':\n\t\t\t\t// Natural tab behavior will move focus; just close dropdown\n\t\t\t\tthis._open = false\n\t\t\t\tthis._updateInputDisplay()\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(1)\n\t\t\t\tbreak\n\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._moveFocus(-1)\n\t\t\t\tbreak\n\n\t\t\tcase 'Home':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusFirstOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'End':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis._focusLastOption()\n\t\t\t\tbreak\n\n\t\t\tcase 'Enter':\n\t\t\tcase ' ': // Space key\n\t\t\t\t// Select currently focused option\n\t\t\t\tconst focusedOption = this._getFocusedOption()\n\t\t\t\tif (focusedOption) {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\tthis._selectOption(focusedOption)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\t/**\n\t * Get the currently focused option\n\t */\n\tprivate _getFocusedOption(): SchmancyOption | null {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\treturn visibleOptions.find(opt => opt === document.activeElement) || null\n\t}\n\n\t/**\n\t * Move focus to next/previous option\n\t */\n\tprivate _moveFocus(direction: number) {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (!visibleOptions.length) return\n\n\t\tconst currentOption = this._getFocusedOption()\n\t\tlet index = currentOption ? visibleOptions.indexOf(currentOption) : -1\n\n\t\t// Calculate new index\n\t\tif (direction > 0) {\n\t\t\t// Move forward, wrap to start\n\t\t\tindex = index < visibleOptions.length - 1 ? index + 1 : 0\n\t\t} else {\n\t\t\t// Move backward, wrap to end\n\t\t\tindex = index > 0 ? index - 1 : visibleOptions.length - 1\n\t\t}\n\n\t\t// Focus the option\n\t\tvisibleOptions[index].focus()\n\t}\n\n\t/**\n\t * Focus the first visible option\n\t */\n\tprivate _focusFirstOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[0].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Focus the last visible option\n\t */\n\tprivate _focusLastOption() {\n\t\tconst visibleOptions = this._getVisibleOptions()\n\t\tif (visibleOptions.length > 0) {\n\t\t\tvisibleOptions[visibleOptions.length - 1].focus()\n\t\t}\n\t}\n\n\t/**\n\t * Fire change event\n\t */\n\tprivate _fireChangeEvent() {\n\t\tconst detail = {\n\t\t\tvalue: this.multi ? this._selectedValues : this._selectedValue,\n\t\t}\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n\t\t\t\tdetail,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * Check validity for form integration\n\t */\n\tpublic checkValidity(): boolean {\n\t\tif (!this.required) return true\n\t\treturn this.multi ? this._selectedValues.length > 0 : Boolean(this._selectedValue)\n\t}\n\n\t/**\n\t * Report validity for form integration\n\t */\n\tpublic reportValidity(): boolean {\n\t\tif (this._inputElementRef.value) {\n\t\t\treturn this._inputElementRef.value.reportValidity()\n\t\t}\n\t\treturn this.checkValidity()\n\t}\n\n\trender() {\n\t\tconst descriptionId = `${this.id}-desc`\n\n\t\treturn html`\n\t\t\t<div class=\"schmancy-autocomplete relative\">\n\t\t\t\t<!-- Screen reader live region -->\n\t\t\t\t<div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n\t\t\t\t<!-- Description (for screen readers) -->\n\t\t\t\t${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n\t\t\t\t<!-- Input / trigger slot -->\n\t\t\t\t<slot name=\"trigger\">\n\t\t\t\t\t<sch-input\n\t\t\t\t\t\t.size=${this.size}\n\t\t\t\t\t\t${ref(this._inputElementRef)}\n\t\t\t\t\t\tid=\"autocomplete-input\"\n\t\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t\t.required=${this.required}\n\t\t\t\t\t\t.value=${this._inputValue}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tautocomplete=${this.autocomplete}\n\t\t\t\t\t\tclickable\n\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\taria-autocomplete=\"list\"\n\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\t\taria-expanded=${this._open}\n\t\t\t\t\t\taria-describedby=${this.description ? descriptionId : undefined}\n\t\t\t\t\t\t@input=${this._onInputChange}\n\t\t\t\t\t\t@focus=${this._onInputFocus}\n\t\t\t\t\t\t@click=${(e: MouseEvent) => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis._onInputFocus(new FocusEvent('focus'))\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t@keydown=${this._onKeyDown}\n\t\t\t\t\t>\n\t\t\t\t\t</sch-input>\n\t\t\t\t</slot>\n\n\t\t\t\t<!-- Options dropdown -->\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\tabsolute: true,\n\t\t\t\t\t\t'z-[1000]': true,\n\t\t\t\t\t\t'mt-1': true,\n\t\t\t\t\t\t'w-full': true,\n\t\t\t\t\t\t'rounded-md': true,\n\t\t\t\t\t\t'shadow-md': true,\n\t\t\t\t\t\t'overflow-auto': true,\n\t\t\t\t\t\t'min-w-full': true,\n\t\t\t\t\t\t'bg-surface-low': true,\n\t\t\t\t\t})}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi ? 'true' : 'false'}\n\t\t\t\t\taria-label=${`${this.label || 'Options'} dropdown`}\n\t\t\t\t\t?hidden=${!this._open}\n\t\t\t\t\tstyle=\"\n            max-height: ${this.maxHeight}; \n            display: ${this._open ? 'block' : 'none'};\n          \"\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\tthis._setupOptionsAccessibility()\n\t\t\t\t\t\tthis._syncOptionsSelection()\n\t\t\t\t\t\t// Show all options when slot content changes, don't filter yet\n\t\t\t\t\t\tthis._showAllOptions()\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<!-- Options slot -->\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-autocomplete': SchmancyAutocomplete\n\t}\n}\n"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","required","placeholder","label","maxHeight","multi","description","size","autocomplete","debounceMs","_open","_inputValue","_selectedValue","_selectedValues","_suppressFocusOpen","_debounceTimer","_inputElementRef","createRef","_documentClickHandler","_onDocumentClick","bind","join","val","split","map","v","trim","filter","Boolean","_syncOptionsSelection","_updateInputDisplay","isConnected","_fireChangeEvent","connectedCallback","id","Math","random","toString","slice","disconnectedCallback","document","removeEventListener","window","clearTimeout","_setupOptionsAccessibility","changedProps","updated","has","e","composedPath","includes","option","_options","forEach","index","setAttribute","tabIndex","hasAttribute","addEventListener","stopPropagation","_selectOption","length","selected","value","String","hidden","emptyMessage","shadowRoot","querySelector","toggleAttribute","totalCount","_announceToScreenReader","searchTerm","toLowerCase","_showAllOptions","hasMatches","isMatch","textContent","visibleCount","_getVisibleOptions","Array","from","_getSelectedLabels","selectedOption","find","o","_showDropdown","fn","setTimeout","target","_debounce","_filterOptions","message","liveRegion","indexOf","selectedLabels","blur","key","preventDefault","visibleOptions","focus","_moveFocus","_focusFirstOption","_focusLastOption","focusedOption","_getFocusedOption","opt","activeElement","direction","currentOption","detail","dispatchEvent","CustomEvent","bubbles","composed","checkValidity","reportValidity","render","descriptionId","html","ref","_onInputChange","_onInputFocus","FocusEvent","_onKeyDown","classMap","absolute","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/autocomplete-C7HIgBT5.cjs

@@ -1,56 +0,0 @@
-"use strict";require("rxjs");const h=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const d=require("./litElement.mixin-BrC_tdrr.cjs");require("./tailwind.mixin-BAGuwQKs.cjs");const a=require("lit"),n=require("lit/decorators.js"),c=require("lit/directives/ref.js");var _=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(e,t,s,i)=>{for(var p,u=i>1?void 0:i?m(t,s):t,r=e.length-1;r>=0;r--)(p=e[r])&&(u=(i?p(t,s,u):p(u))||u);return i&&u&&_(t,s,u),u};let o=class extends d.$LitElement(":host{display:block;border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important}:host:focus{box-shadow:unset!important}"){constructor(){super(...arguments),this.required=!1,this.placeholder="",this.label="",this.maxHeight="300px",this.multi=!1,this.description="",this.size="md",this.autocomplete="off",this.debounceMs=200,this._open=!1,this._inputValue="",this._selectedValue="",this._selectedValues=[],this._suppressFocusOpen=!1,this._debounceTimer=null,this._inputElementRef=c.createRef(),this._documentClickHandler=this._onDocumentClick.bind(this)}get value(){return this.multi?this._selectedValues.join(","):this._selectedValue}set value(e){this.multi?this._selectedValues=e?e.split(",").map(t=>t.trim()).filter(Boolean):[]:this._selectedValue=e,this._syncOptionsSelection(),this._updateInputDisplay(),this.isConnected&&this._fireChangeEvent()}connectedCallback(){super.connectedCallback(),this.id||(this.id=`sch-autocomplete-${Math.random().toString(36).slice(2,9)}`)}disconnectedCallback(){document.removeEventListener("click",this._documentClickHandler),this._debounceTimer!==null&&window.clearTimeout(this._debounceTimer),super.disconnectedCallback()}firstUpdated(){this._syncOptionsSelection(),this._setupOptionsAccessibility(),this._updateInputDisplay()}updated(e){super.updated(e),e.has("_open")&&(this._open||document.removeEventListener("click",this._documentClickHandler))}_onDocumentClick(e){if(!e.composedPath().includes(this)){for(const t of this._options)if(e.composedPath().includes(t))return;this._open&&(this._open=!1,this._updateInputDisplay())}}_setupOptionsAccessibility(){this._options.forEach((e,t)=>{e.setAttribute("role","option"),e.tabIndex=-1,e.id||(e.id=`${this.id}-option-${t}`),e.hasAttribute("data-event-bound")||(e.addEventListener("click",s=>{s.stopPropagation(),this._selectOption(e)}),e.setAttribute("data-event-bound","true"))})}_syncOptionsSelection(){var e;(e=this._options)!=null&&e.length&&this._options.forEach(t=>{this.multi?t.selected=this._selectedValues.includes(t.value):t.selected=t.value===this._selectedValue,t.setAttribute("aria-selected",String(t.selected))})}_showAllOptions(){var s;this._options.forEach(i=>{i.hidden=!1});const e=(s=this.shadowRoot)==null?void 0:s.querySelector("#empty");e&&e.toggleAttribute("hidden",!0);const t=this._options.length;this._announceToScreenReader(`${t} option${t===1?"":"s"} available.`)}_filterOptions(){var p;const e=this._inputValue.toLowerCase().trim();if(!e)return void this._showAllOptions();let t=!1;this._options.forEach(u=>{const r=(u.label||u.textContent||"").toLowerCase().includes(e);u.hidden=!r,r&&(t=!0)});const s=(p=this.shadowRoot)==null?void 0:p.querySelector("#empty");s&&s.toggleAttribute("hidden",t);const i=this._getVisibleOptions().length;this._announceToScreenReader(i>0?`${i} option${i===1?"":"s"} available.`:"No results found.")}_getVisibleOptions(){return Array.from(this._options||[]).filter(e=>!e.hidden)}_getSelectedLabels(){return Array.from(this._options||[]).filter(e=>this.multi?this._selectedValues.includes(e.value):e.value===this._selectedValue).map(e=>e.label||e.textContent||"")}_updateInputDisplay(){var e;if(this._inputElementRef.value){if(!this._open||!this.multi)if(this.multi)this._inputValue=this._getSelectedLabels().join(", ");else{const t=(e=this._options)==null?void 0:e.find(s=>s.value===this._selectedValue);this._inputValue=t&&(t.label||t.textContent)||""}this._inputElementRef.value.value=this._inputValue}}_onInputFocus(e){e.stopPropagation(),this._suppressFocusOpen||(this.multi&&(this._inputValue="",this._inputElementRef.value&&(this._inputElementRef.value.value="")),this._showDropdown())}_debounce(e){this._debounceTimer!==null&&window.clearTimeout(this._debounceTimer),this._debounceTimer=window.setTimeout(()=>{e(),this._debounceTimer=null},this.debounceMs)}_onInputChange(e){const t=e.target;this._inputValue=t.value,this._open||this._showDropdown(),this._debounce(()=>{this._filterOptions()})}_showDropdown(){this._open||(this._open=!0,this._showAllOptions(),setTimeout(()=>{document.addEventListener("click",this._documentClickHandler)},10))}_announceToScreenReader(e){var s;const t=(s=this.shadowRoot)==null?void 0:s.querySelector("#live-status");t&&(t.textContent=e)}_selectOption(e){if(this.multi){const t=e.value,s=this._selectedValues.indexOf(t);this._selectedValues=s>-1?[...this._selectedValues.slice(0,s),...this._selectedValues.slice(s+1)]:[...this._selectedValues,t],this._inputValue="",this._inputElementRef.value&&(this._inputElementRef.value.value=""),e.selected=!e.selected,e.setAttribute("aria-selected",String(e.selected)),this._inputValue.trim()===""?this._showAllOptions():this._filterOptions();const i=this._getSelectedLabels();this._announceToScreenReader(i.length>0?`Selected: ${i.join(", ")}`:"No options selected")}else this._selectedValue=e.value,this._syncOptionsSelection(),this._open=!1,this._suppressFocusOpen=!0,this._updateInputDisplay(),this._inputElementRef.value&&this._inputElementRef.value.blur(),setTimeout(()=>{this._suppressFocusOpen=!1},300),this._announceToScreenReader(`Selected: ${e.label||e.textContent}`);this._fireChangeEvent()}_onKeyDown(e){var t;if(!this._open&&(e.key==="ArrowDown"||e.key==="Enter"))return e.preventDefault(),this._showDropdown(),void setTimeout(()=>{const s=this._getVisibleOptions();s.length>0&&s[0].focus()},10);if(this._open)switch(e.key){case"Escape":e.preventDefault(),this._open=!1,this._updateInputDisplay(),(t=this._inputElementRef.value)==null||t.focus();break;case"Tab":this._open=!1,this._updateInputDisplay();break;case"ArrowDown":e.preventDefault(),this._moveFocus(1);break;case"ArrowUp":e.preventDefault(),this._moveFocus(-1);break;case"Home":e.preventDefault(),this._focusFirstOption();break;case"End":e.preventDefault(),this._focusLastOption();break;case"Enter":case" ":const s=this._getFocusedOption();s&&(e.preventDefault(),this._selectOption(s))}}_getFocusedOption(){return this._getVisibleOptions().find(e=>e===document.activeElement)||null}_moveFocus(e){const t=this._getVisibleOptions();if(!t.length)return;const s=this._getFocusedOption();let i=s?t.indexOf(s):-1;i=e>0?i<t.length-1?i+1:0:i>0?i-1:t.length-1,t[i].focus()}_focusFirstOption(){const e=this._getVisibleOptions();e.length>0&&e[0].focus()}_focusLastOption(){const e=this._getVisibleOptions();e.length>0&&e[e.length-1].focus()}_fireChangeEvent(){const e={value:this.multi?this._selectedValues:this._selectedValue};this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}checkValidity(){return!this.required||(this.multi?this._selectedValues.length>0:!!this._selectedValue)}reportValidity(){return this._inputElementRef.value?this._inputElementRef.value.reportValidity():this.checkValidity()}render(){const e=`${this.id}-desc`;return a.html`
-			<div class="schmancy-autocomplete relative">
-				<!-- Screen reader live region -->
-				<div id="live-status" role="status" aria-live="polite" class="sr-only"></div>
-
-				<!-- Description (for screen readers) -->
-				${this.description?a.html`<div id="${e}" class="sr-only">${this.description}</div>`:""}
-
-				<!-- Input / trigger slot -->
-				<slot name="trigger">
-					<sch-input
-						.size=${this.size}
-						${c.ref(this._inputElementRef)}
-						id="autocomplete-input"
-						class="w-full"
-						.label=${this.label}
-						.placeholder=${this.placeholder}
-						.required=${this.required}
-						.value=${this._inputValue}
-						type="text"
-						autocomplete=${this.autocomplete}
-						clickable
-						role="combobox"
-						aria-autocomplete="list"
-						aria-haspopup="listbox"
-						aria-controls="options"
-						aria-expanded=${this._open}
-						aria-describedby=${this.description?e:void 0}
-						@input=${this._onInputChange}
-						@focus=${this._onInputFocus}
-						@click=${t=>{t.stopPropagation(),this._onInputFocus(new FocusEvent("focus"))}}
-						@keydown=${this._onKeyDown}
-					>
-					</sch-input>
-				</slot>
-
-				<!-- Options dropdown -->
-				<ul
-					id="options"
-					class=${h.classMap({absolute:!0,"z-[1000]":!0,"mt-1":!0,"w-full":!0,"rounded-md":!0,"shadow-md":!0,"overflow-auto":!0,"min-w-full":!0,"bg-surface-low":!0})}
-					role="listbox"
-					aria-multiselectable=${this.multi?"true":"false"}
-					aria-label=${`${this.label||"Options"} dropdown`}
-					?hidden=${!this._open}
-					style="
-            max-height: ${this.maxHeight}; 
-            display: ${this._open?"block":"none"};
-          "
-					@slotchange=${()=>{this._setupOptionsAccessibility(),this._syncOptionsSelection(),this._showAllOptions()}}
-				>
-					<!-- Options slot -->
-					<slot></slot>
-				</ul>
-			</div>
-		`}};l([n.property({type:Boolean})],o.prototype,"required",2),l([n.property({type:String})],o.prototype,"placeholder",2),l([n.property({type:String,reflect:!0})],o.prototype,"label",2),l([n.property({type:String})],o.prototype,"maxHeight",2),l([n.property({type:Boolean})],o.prototype,"multi",2),l([n.property({type:String})],o.prototype,"description",2),l([n.property({type:String,reflect:!0})],o.prototype,"size",2),l([n.property({type:String})],o.prototype,"autocomplete",2),l([n.property({type:Number})],o.prototype,"debounceMs",2),l([n.property({type:String,reflect:!0})],o.prototype,"value",1),l([n.state()],o.prototype,"_open",2),l([n.state()],o.prototype,"_inputValue",2),l([n.state()],o.prototype,"_selectedValue",2),l([n.state()],o.prototype,"_selectedValues",2),l([n.state()],o.prototype,"_suppressFocusOpen",2),l([n.query("#options")],o.prototype,"_listbox",2),l([n.query("sch-input")],o.prototype,"_input",2),l([n.queryAssignedElements({flatten:!0})],o.prototype,"_options",2),o=l([n.customElement("schmancy-autocomplete")],o);
-//# sourceMappingURL=autocomplete-C7HIgBT5.cjs.map