npm - @mhmo91/schmancy - Versions diffs - 0.4.88 → 0.4.89 - Mend

@mhmo91/schmancy 0.4.88 → 0.4.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (305) hide show

package/dist/{route.component-HAZV3uGI.js.map → route.component-d8kvuxqB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"route.component-HAZV3uGI.js","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts","../src/area/route.component.ts"],"sourcesContent":["import { \n\tObservable, \n\tReplaySubject, \n\tSubject, \n\tbufferTime, \n\tfilter, \n\tfromEvent, \n\tmap, \n\tof, \n\tskip, \n\ttap, \n\ttimeout, \n\tzip,\n\tshareReplay,\n\tdistinctUntilChanged,\n\tcatchError,\n\tEMPTY\n} from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, AreaSubscription, 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\n// WeakMap for better memory management of area subjects\nconst areaSubjectsCache = new WeakMap<AreaService, Map<string, ReplaySubject<ActiveRoute>>>()\n\n// Track navigation source to prevent history conflicts\ntype NavigationSource = 'programmatic' \| 'browser' \| 'initial'\n\nclass AreaService implements AreaSubscription {\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\t\n\t// Create a dictionary of ReplaySubjects for area-specific subscriptions\n\tprivate get areaSubjects(): Map<string, ReplaySubject<ActiveRoute>> {\n\t\tlet subjects = areaSubjectsCache.get(this)\n\t\tif (!subjects) {\n\t\t\tsubjects = new Map()\n\t\t\tareaSubjectsCache.set(this, subjects)\n\t\t}\n\t\treturn subjects\n\t}\n\t\n\tpublic enableHistoryMode = true\n\tprivate findingMortiesEvent = new CustomEvent<FINDING_MORTIES_EVENT['detail']>(FINDING_MORTIES)\n\tprivate disposed = false\n\tpublic isProcessingPopstate = false\n\n\tconstructor() {\n\t\tthis.$current.next(this.current)\n\t\t\n\t\t// Subscribe to current changes to update area-specific subjects\n\t\tthis.$current.subscribe(currentAreas => {\n\t\t\tif (this.disposed) return\n\t\t\t\n\t\t\t// For each area in the current map\n\t\t\tcurrentAreas.forEach((route, areaName) => {\n\t\t\t\t// Get or create a subject for this area\n\t\t\t\tconst areaSubject = this.getOrCreateAreaSubject(areaName)\n\t\t\t\t// Emit the updated route to area-specific subscribers\n\t\t\t\tareaSubject.next(route)\n\t\t\t})\n\t\t})\n\n\t\t// Initialize from browser state if available\n\t\tthis.initializeFromBrowserState()\n\t}\n\n\t/*\n\t Initialize router state from browser history state\n\t /\n\tprivate initializeFromBrowserState() {\n\t\ttry {\n\t\t\tconst browserState = history.state\n\t\t\tif (browserState && browserState.schmancyAreas) {\n\t\t\t\tObject.entries(browserState.schmancyAreas).forEach(([areaName, route]) => {\n\t\t\t\t\tthis.current.set(areaName, route as ActiveRoute)\n\t\t\t\t})\n\t\t\t\tthis.$current.next(this.current)\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.warn('Failed to initialize from browser state:', error)\n\t\t}\n\t}\n\n\t/\n\t Get or create a ReplaySubject for a specific area with proper cleanup\n\t /\n\tprivate getOrCreateAreaSubject(areaName: string): ReplaySubject<ActiveRoute> {\n\t\tlet subject = this.areaSubjects.get(areaName)\n\t\t\n\t\tif (!subject \|\| subject.closed) {\n\t\t\tsubject = new ReplaySubject<ActiveRoute>(1)\n\t\t\tthis.areaSubjects.set(areaName, subject)\n\t\t\t\n\t\t\t// If the area already exists in current, emit it immediately\n\t\t\tconst currentRoute = this.current.get(areaName)\n\t\t\tif (currentRoute) {\n\t\t\t\tsubject.next({\n\t\t\t\t\t...currentRoute,\n\t\t\t\t\t// Ensure state, params and props are initialized if undefined\n\t\t\t\t\tstate: currentRoute.state \|\| {},\n\t\t\t\t\tparams: currentRoute.params \|\| {},\n\t\t\t\t\tprops: currentRoute.props \|\| {}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn subject\n\t}\n\n\t/\n\t Subscribe to a specific area with caching\n\t /\n\ton(areaName: string, skipCurrent = false): Observable<ActiveRoute> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\tconst areaSubject = this.getOrCreateAreaSubject(areaName)\n\t\tconst observable = areaSubject.asObservable().pipe(\n\t\t\t// Add distinct to prevent duplicate emissions - now includes state\n\t\t\tdistinctUntilChanged((a, b) => \n\t\t\t\ta.component === b.component &&\n\t\t\t\tJSON.stringify(a.state) === JSON.stringify(b.state) &&\n\t\t\t\tJSON.stringify(a.params) === JSON.stringify(b.params)\n\t\t\t),\n\t\t\t// Share the subscription\n\t\t\tshareReplay(1)\n\t\t)\n\t\t\n\t\treturn skipCurrent ? observable.pipe(skip(1)) : observable\n\t}\n\t\n\t/\n\t Subscribe to all areas\n\t /\n\tall(skipCurrent = false): Observable<Map<string, ActiveRoute>> {\n\t\tconst observable = this.$current.asObservable().pipe(\n\t\t\tshareReplay(1)\n\t\t)\n\t\treturn skipCurrent ? observable.pipe(skip(1)) : observable\n\t}\n\t\n\t/\n\t Get state from an area with type safety\n\t /\n\tgetState<T = unknown>(areaName: string): Observable<T> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.state),\n\t\t\tfilter((state): state is NonNullable<Record<string, unknown>> => \n\t\t\t\tstate !== undefined && state !== null\n\t\t\t),\n\t\t\tdistinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n\t\t\tmap(state => state as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting state for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/\n\t Get params from an area with type safety\n\t /\n\tparams<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): Observable<T> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.params),\n\t\t\tfilter((params): params is NonNullable<Record<string, unknown>> => \n\t\t\t\tparams !== undefined && params !== null\n\t\t\t),\n\t\t\tdistinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n\t\t\tmap(params => params as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting params for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/\n\t Get a specific param from an area with null safety\n\t /\n\tparam<T = unknown>(areaName: string, key: string): Observable<T> {\n\t\tif (!areaName \|\| !key) {\n\t\t\tthrow new Error('Area name and key are required')\n\t\t}\n\t\t\n\t\treturn this.params<Record<string, unknown>>(areaName).pipe(\n\t\t\tmap(params => params[key]),\n\t\t\tfilter((value): value is NonNullable<unknown> => value !== undefined),\n\t\t\tdistinctUntilChanged(),\n\t\t\tmap(value => value as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting param \"${key}\" for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/\n\t Get props from an area with type safety\n\t /\n\tprops<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): Observable<T> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.props),\n\t\t\tfilter((props): props is NonNullable<Record<string, unknown>> => \n\t\t\t\tprops !== undefined && props !== null\n\t\t\t),\n\t\t\tdistinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n\t\t\tmap(props => props as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting props for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/\n\t Get a specific prop from an area with null safety\n\t /\n\tprop<T = unknown>(areaName: string, key: string): Observable<T> {\n\t\tif (!areaName \|\| !key) {\n\t\t\tthrow new Error('Area name and key are required')\n\t\t}\n\t\t\n\t\treturn this.props<Record<string, unknown>>(areaName).pipe(\n\t\t\tmap(props => props[key]),\n\t\t\tfilter((value): value is NonNullable<unknown> => value !== undefined),\n\t\t\tdistinctUntilChanged(),\n\t\t\tmap(value => value as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting prop \"${key}\" for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\n\t/\n\t Find teleportation components\n\t /\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),\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\tcatchError(() => EMPTY)\n\t\t)\n\t}\n\n\t/\n\t Push a new route action with validation\n\t /\n\tpush(r: RouteAction) {\n\t\tif (!r.area) {\n\t\t\tthrow new Error('Area is required for route action')\n\t\t}\n\t\t\n\t\t// Prevent processing during popstate handling\n\t\tif (this.isProcessingPopstate) {\n\t\t\treturn\n\t\t}\n\t\t\n\t\t// Ensure state, params and props are initialized\n\t\tconst routeAction: RouteAction = {\n\t\t\t...r,\n\t\t\tstate: r.state \|\| {},\n\t\t\tparams: r.params \|\| {},\n\t\t\tprops: r.props \|\| {},\n\t\t\t_source: 'programmatic' as NavigationSource\n\t\t}\n\t\t\n\t\t// Add to history if enabled\n\t\tif (this.enableHistoryMode) {\n\t\t\trouterHistory.next(routeAction)\n\t\t}\n\t\t\n\t\tthis.request.next(routeAction)\n\t\t// Emit an area-specific event for those who want to listen directly to DOM events\n\t\tthis.dispatchAreaEvent(routeAction.area, routeAction)\n\t}\n\n\t/\n\t Internal method to update route from browser navigation\n\t * This should only be called by area components during popstate handling\n\t /\n\t_updateFromBrowser(routeAction: RouteAction) {\n\t\tconst enhancedRoute: RouteAction = {\n\t\t\t...routeAction,\n\t\t\tstate: routeAction.state \|\| {},\n\t\t\tparams: routeAction.params \|\| {},\n\t\t\tprops: routeAction.props \|\| {},\n\t\t\t_source: 'browser' as NavigationSource\n\t\t}\n\t\t\n\t\tthis.isProcessingPopstate = true\n\t\tthis.request.next(enhancedRoute)\n\t\tthis.isProcessingPopstate = false\n\t}\n\n\t/\n\t Update browser history state (called by area components)\n\t /\n\t_updateBrowserHistory(areaName: string, route: ActiveRoute, historyStrategy?: string, clearQueryParams?: string[] \| boolean \| null) {\n\t\tif (!this.enableHistoryMode) return\n\t\t\n\t\ttry {\n\t\t\t// Get current browser state or create new one\n\t\t\tconst currentState = history.state \|\| {}\n\t\t\tconst schmancyAreas = currentState.schmancyAreas \|\| {}\n\t\t\t\n\t\t\t// Update the specific area - only include non-empty state/params/props\n\t\t\tconst areaData: any = {\n\t\t\t\tcomponent: route.component,\n\t\t\t\tarea: route.area\n\t\t\t}\n\t\t\t\n\t\t\t// Only include state if it has content\n\t\t\tif (route.state && Object.keys(route.state).length > 0) {\n\t\t\t\tareaData.state = route.state\n\t\t\t}\n\t\t\t\n\t\t\t// Only include params if it has content\n\t\t\tif (route.params && Object.keys(route.params).length > 0) {\n\t\t\t\tareaData.params = route.params\n\t\t\t}\n\t\t\t\n\t\t\t// Only include props if it has content\n\t\t\tif (route.props && Object.keys(route.props).length > 0) {\n\t\t\t\tareaData.props = route.props\n\t\t\t}\n\t\t\t\n\t\t\tschmancyAreas[areaName] = areaData\n\t\t\t\n\t\t\tconst newState = {\n\t\t\t\t...currentState,\n\t\t\t\tschmancyAreas\n\t\t\t}\n\t\t\t\n\t\t\t// Create clean URL\n\t\t\tconst url = this.createCleanURL(schmancyAreas, clearQueryParams)\n\t\t\t\n\t\t\t// Update browser history\n\t\t\tif (historyStrategy === 'replace' \|\| historyStrategy === 'pop') {\n\t\t\t\thistory.replaceState(newState, '', url)\n\t\t\t} else if (historyStrategy === 'push' \|\| !historyStrategy) {\n\t\t\t\thistory.pushState(newState, '', url)\n\t\t\t}\n\t\t\t// 'silent' strategy doesn't update browser history\n\t\t\t\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to update browser history:', error)\n\t\t}\n\t}\n\n\t/\n\t Create a clean URL from area states\n\t /\n\tprivate createCleanURL(areas: Record<string, ActiveRoute>, clearQueryParams?: string[] \| boolean \| null): string {\n\t\t// Handle query parameters\n\t\tlet queryString = ''\n\t\t\n\t\tif (clearQueryParams !== true) {\n\t\t\t// Get current query params\n\t\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t\t\n\t\t\t// Clear specific params if provided\n\t\t\tif (Array.isArray(clearQueryParams)) {\n\t\t\t\tclearQueryParams.forEach(param => urlParams.delete(param))\n\t\t\t}\n\t\t\t\n\t\t\t// Convert back to string\n\t\t\tqueryString = urlParams.toString()\n\t\t\tqueryString = queryString ? `?${queryString}` : ''\n\t\t}\n\t\t// If clearQueryParams === true, queryString remains empty (all params cleared)\n\t\t\n\t\tif (this.prettyURL) {\n\t\t\t// Create pretty URLs - customize this based on your routing needs\n\t\t\tconst mainArea = areas.main\n\t\t\tif (mainArea) {\n\t\t\t\tlet path = `/${mainArea.component}`\n\t\t\t\t\n\t\t\t\t// Add simple params to URL\n\t\t\t\tconst searchParams = new URLSearchParams(queryString)\n\t\t\t\tif (mainArea.params) {\n\t\t\t\t\tObject.entries(mainArea.params).forEach(([key, value]) => {\n\t\t\t\t\t\tif (typeof value === 'string' \|\| typeof value === 'number') {\n\t\t\t\t\t\t\tsearchParams.set(key, String(value))\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tconst query = searchParams.toString()\n\t\t\t\treturn path + (query ? `?${query}` : '')\n\t\t\t}\n\t\t}\n\t\t\n\t\t// Fallback to encoded state in URL (original behavior)\n\t\ttry {\n\t\t\t// Clean up empty objects before encoding\n\t\t\tconst cleanedAreas: Record<string, any> = {}\n\t\t\tObject.entries(areas).forEach(([areaName, route]) => {\n\t\t\t\tconst cleanRoute: any = { component: route.component }\n\n\t\t\t\t// Only include state if it has content\n\t\t\t\tif (route.state && Object.keys(route.state).length > 0) {\n\t\t\t\t\tcleanRoute.state = route.state\n\t\t\t\t}\n\n\t\t\t\t// Only include params if it has content\n\t\t\t\tif (route.params && Object.keys(route.params).length > 0) {\n\t\t\t\t\tcleanRoute.params = route.params\n\t\t\t\t}\n\n\t\t\t\t// Only include props if it has content\n\t\t\t\tif (route.props && Object.keys(route.props).length > 0) {\n\t\t\t\t\tcleanRoute.props = route.props\n\t\t\t\t}\n\n\t\t\t\tcleanedAreas[areaName] = cleanRoute\n\t\t\t})\n\n\t\t\t// If cleanedAreas is empty, return a clean URL without encoded empty object\n\t\t\tif (Object.keys(cleanedAreas).length === 0) {\n\t\t\t\treturn queryString ? `/${queryString}` : '/'\n\t\t\t}\n\n\t\t\tconst encoded = encodeURIComponent(JSON.stringify(cleanedAreas))\n\t\t\treturn `/${encoded}${queryString}`\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to encode URL state:', error)\n\t\t\treturn location.pathname\n\t\t}\n\t}\n\n\t/\n\t Restore state from browser history state\n\t /\n\trestoreFromBrowserState(browserState: any): Record<string, ActiveRoute> {\n\t\ttry {\n\t\t\tif (browserState && browserState.schmancyAreas) {\n\t\t\t\treturn browserState.schmancyAreas\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to restore from browser state:', error)\n\t\t}\n\t\t\n\t\t// Fallback to URL parsing (original behavior)\n\t\treturn this.parseStateFromURL()\n\t}\n\n\t/\n\t Parse state from URL (fallback method)\n\t /\n\tprivate parseStateFromURL(): Record<string, ActiveRoute> {\n\t\tconst pathname = location.pathname.split('/').pop()\n\t\tif (!pathname) return {}\n\t\t\n\t\ttry {\n\t\t\tconst decoded = decodeURIComponent(pathname)\n\t\t\tconst parsed = JSON.parse(decoded)\n\t\t\t\n\t\t\tif (typeof parsed === 'object' && parsed !== null) {\n\t\t\t\treturn parsed\n\t\t\t}\n\t\t} catch {\n\t\t\t// Ignore parse errors\n\t\t}\n\t\t\n\t\treturn {}\n\t}\n\t\n\t/\n\t Dispatch a DOM event for a specific area change\n\t /\n\tprivate dispatchAreaEvent(areaName: string, routeAction: RouteAction) {\n\t\tconst eventName = `schmancy-area-${areaName}-changed`\n\t\tconst event = new CustomEvent(eventName, { \n\t\t\tdetail: { \n\t\t\t\tarea: areaName,\n\t\t\t\tcomponent: routeAction.component,\n\t\t\t\tstate: routeAction.state,\n\t\t\t\tparams: routeAction.params,\n\t\t\t\tprops: routeAction.props,\n\t\t\t\thistoryStrategy: routeAction.historyStrategy\n\t\t\t},\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t})\n\t\twindow.dispatchEvent(event)\n\t}\n\n\t/\n\t Remove an area from the current state\n\t /\n\tpop(name: string) {\n\t\tif (!name) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\n\t\t// Before removing from current map, emit a clearing signal to the area's subject\n\t\t// This notifies the area component to clear itself\n\t\tconst areaSubject = this.areaSubjects.get(name)\n\t\tif (areaSubject && !areaSubject.closed) {\n\t\t\t// Send a route with null component to signal clearing\n\t\t\tareaSubject.next({\n\t\t\t\tcomponent: null as any,\n\t\t\t\tstate: {},\n\t\t\t\tarea: name,\n\t\t\t\tparams: {},\n\t\t\t\tprops: {}\n\t\t\t})\n\t\t}\n\n\t\t// Send a clearing signal through the request pipeline\n\t\t// This ensures the area component receives the signal to clear\n\t\tthis.request.next({\n\t\t\tarea: name,\n\t\t\tcomponent: null as any,\n\t\t\tstate: {},\n\t\t\tparams: {},\n\t\t\tprops: {},\n\t\t\thistoryStrategy: 'silent' as any,\n\t\t\t_source: 'programmatic' as NavigationSource\n\t\t})\n\n\t\t// Remove from current map\n\t\tthis.current.delete(name)\n\t\tthis.$current.next(this.current)\n\n\t\t// Update browser history\n\t\tif (this.enableHistoryMode) {\n\t\t\ttry {\n\t\t\t\tconst currentState = history.state \|\| {}\n\t\t\t\tconst schmancyAreas = { ...(currentState.schmancyAreas \|\| {}) }\n\t\t\t\tdelete schmancyAreas[name]\n\n\t\t\t\tconst newState = {\n\t\t\t\t\t...currentState,\n\t\t\t\t\tschmancyAreas\n\t\t\t\t}\n\n\t\t\t\tconst url = this.createCleanURL(schmancyAreas)\n\t\t\t\thistory.replaceState(newState, '', url)\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Failed to update history after pop:', error)\n\t\t\t}\n\t\t}\n\t}\n\t\n\t/\n\t Clear all areas\n\t /\n\tclear() {\n\t\t// Complete all area subjects\n\t\tthis.areaSubjects.forEach(subject => subject.complete())\n\t\tthis.areaSubjects.clear()\n\t\t\n\t\t// Clear current state\n\t\tthis.current.clear()\n\t\tthis.$current.next(this.current)\n\t\t\n\t\t// Update URL\n\t\tif (this.enableHistoryMode) {\n\t\t\thistory.replaceState({ schmancyAreas: {} }, '', `/${location.search}`)\n\t\t}\n\t}\n\t\n\t/\n\t Dispose of the service and clean up resources\n\t /\n\tdispose() {\n\t\tif (this.disposed) return\n\t\t\n\t\tthis.disposed = true\n\t\t\n\t\t// Complete all subjects\n\t\tthis.areaSubjects.forEach(subject => subject.complete())\n\t\tthis.areaSubjects.clear()\n\t\t\n\t\tthis.request.complete()\n\t\tthis.$current.complete()\n\t\trouterHistory.complete()\n\t\t\n\t\t// Clear references\n\t\tthis.current.clear()\n\t\tareaSubjectsCache.delete(this)\n\t}\n\t\n\t/\n\t Get singleton instance\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\t/\n\t Get current state from URL (deprecated - use browser state instead)\n\t /\n\tget state(): Record<string, unknown> {\n\t\t// Try browser state first\n\t\ttry {\n\t\t\tconst browserState = history.state\n\t\t\tif (browserState && browserState.schmancyAreas) {\n\t\t\t\treturn browserState.schmancyAreas\n\t\t\t}\n\t\t} catch {\n\t\t\t// Fallback to URL parsing\n\t\t}\n\t\t\n\t\t// Fallback to URL parsing (original behavior)\n\t\treturn this.parseStateFromURL()\n\t}\n\t\n\t/\n\t Check if an area exists in current state\n\t /\n\thasArea(areaName: string): boolean {\n\t\treturn this.current.has(areaName)\n\t}\n\t\n\t/\n\t Get all active area names\n\t /\n\tgetActiveAreas(): string[] {\n\t\treturn Array.from(this.current.keys())\n\t}\n\t\n\t/\n\t Get route for a specific area synchronously\n\t /\n\tgetRoute(areaName: string): ActiveRoute \| undefined {\n\t\treturn this.current.get(areaName)\n\t}\n}\n\nexport const area = AreaService.getInstance()\nexport default area\n\n// Cleanup on page unload\nif (typeof window !== 'undefined') {\n\twindow.addEventListener('unload', () => {\n\t\tarea.dispose()\n\t})\n}","export type RouteAction = {\n\tcomponent: CustomElementConstructor \| string \| HTMLElement \| (() => Promise<{ default: CustomElementConstructor }>)\n\tarea: string\n\tstate?: Record<string, unknown>\n\tparams?: Record<string, unknown>\n\tprops?: Record<string, unknown> // Alias for params\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] \| boolean \| null\n\t_source?: 'programmatic' \| 'browser' \| 'initial' // Internal use only\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: Record<string, unknown>\n\tparams?: Record<string, unknown>\n\tprops?: Record<string, unknown>\n}\n\n/\n Interface for subscribing to area changes\n /\nexport interface AreaSubscription {\n\t/\n\t Subscribe to a specific area\n\t * @param areaName Name of the area to subscribe to\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of the active route for the specified area\n\t /\n\ton(areaName: string, skipCurrent?: boolean): import('rxjs').Observable<ActiveRoute>\n\t\n\t/\n\t Subscribe to all areas\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of all active routes\n\t /\n\tall(skipCurrent?: boolean): import('rxjs').Observable<Map<string, ActiveRoute>>\n\t\n\t/\n\t Get state from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's state\n\t /\n\tgetState<T = unknown>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/\n\t Get params from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's params\n\t /\n\tparams<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/\n\t Get a specific param from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @param key Key of the param to select\n\t * @returns Observable of the param value\n\t /\n\tparam<T = unknown>(areaName: string, key: string): import('rxjs').Observable<T>\n\t\n\t/\n\t Get props from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's props\n\t /\n\tprops<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/\n\t Get a specific prop from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @param key Key of the prop to select\n\t * @returns Observable of the prop value\n\t /\n\tprop<T = unknown>(areaName: string, key: string): import('rxjs').Observable<T>\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\n/\n Browser history state structure used by Schmancy Area\n /\nexport interface SchmancyHistoryState {\n\tschmancyAreas: Record<string, ActiveRoute>\n\t[key: string]: any // Allow other apps to store additional state\n}","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tshareReplay,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n} from 'rxjs'\nimport area from './area.service'\nimport { SchmancyRoute } from './route.component'\nimport { ActiveRoute, HISTORY_STRATEGY, RouteAction } from './router.types'\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!:\n\t\t\| CustomElementConstructor\n\t\t\| string\n\t\t\| HTMLElement\n\t\t\| (() => Promise<{ default: CustomElementConstructor }>)\n\n\t/\n\t Query for assigned route elements in the slot\n\t * This will automatically update when slot content changes\n\t /\n\t@queryAssignedElements({ selector: 'schmancy-route' })\n\tprivate routes!: SchmancyRoute[]\n\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) throw new Error('Area name is required')\n\n\t\t// Single unified routing pipeline - all logic inline\n\t\tmerge(\n\t\t\t// Programmatic navigation\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\n\t\t\t// Initial load - simplified to use this.routes directly\n\t\t\tof(location.pathname).pipe(\n\t\t\t\ttake(1),\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\tconst path = location.pathname\n\t\t\t\t\tconst lastSegment = path.split('/').pop() \|\| ''\n\t\t\t\t\tlet route: SchmancyRoute\n\n\t\t\t\t\t// Check for JSON encoded route\n\t\t\t\t\tif (lastSegment && (lastSegment.includes('{') \|\| lastSegment.includes('%7B'))) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tconst parsed = JSON.parse(decodeURIComponent(lastSegment)) as Record<string, ActiveRoute>\n\t\t\t\t\t\t\tconsole.log(parsed)\n\t\t\t\t\t\t\tif (parsed[this.name]) {\n\t\t\t\t\t\t\t\tconst componentTag = parsed[this.name]\n\t\t\t\t\t\t\t\tconsole.log(componentTag)\n\t\t\t\t\t\t\t\troute = this.routes?.find(r => r.when === componentTag.component)\n\t\t\t\t\t\t\t\t// if the route.component is a lazy loaded module we need to load it\n\t\t\t\t\t\t\t\tif (route)\n\t\t\t\t\t\t\t\t\treturn of({\n\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\tcomponent: route.component,\n\t\t\t\t\t\t\t\t\t\tstate: parsed[this.name].state \|\| {},\n\t\t\t\t\t\t\t\t\t\tparams: parsed[this.name].params \|\| {},\n\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t} as RouteAction)\n\n\t\t\t\t\t\t\t\treturn of({\n\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\tcomponent: parsed[this.name].component,\n\t\t\t\t\t\t\t\t\tstate: parsed[this.name].state \|\| {},\n\t\t\t\t\t\t\t\t\tparams: parsed[this.name].params \|\| {},\n\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} catch {}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Segment-based routing - use this.routes directly\n\t\t\t\t\tconst segments = path.split('/').filter(Boolean)\n\t\t\t\t\troute = this.routes?.find(r => segments.includes(r.when))\n\t\t\t\t\t// if the route.component is a lazy loaded module we need to load it\n\n\t\t\t\t\tif (!route) {\n\t\t\t\t\t\treturn this.default\n\t\t\t\t\t\t\t? of({\n\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t: EMPTY\n\t\t\t\t\t}\n\n\t\t\t\t\t// Handle guard inline\n\t\t\t\t\tif (route.guard) {\n\t\t\t\t\t\treturn from(Promise.resolve(route.guard())).pipe(\n\t\t\t\t\t\t\tswitchMap(result => {\n\t\t\t\t\t\t\t\tif (result === true) {\n\t\t\t\t\t\t\t\t\treturn of({\n\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\tcomponent: route.component,\n\t\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t// Handle redirects recursively inline\n\t\t\t\t\t\t\t\tconst redirect =\n\t\t\t\t\t\t\t\t\ttypeof result === 'string'\n\t\t\t\t\t\t\t\t\t\t? result\n\t\t\t\t\t\t\t\t\t\t: typeof result === 'object' && result?.redirect\n\t\t\t\t\t\t\t\t\t\t\t? result.redirect\n\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\tif (redirect) {\n\t\t\t\t\t\t\t\t\tconst newSegment = redirect.split('/').filter(Boolean)[0] \|\| ''\n\t\t\t\t\t\t\t\t\tconst newRoute = this.routes?.find(r => r.when === newSegment)\n\t\t\t\t\t\t\t\t\tif (newRoute) {\n\t\t\t\t\t\t\t\t\t\treturn of({\n\t\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\t\tcomponent: newRoute.component,\n\t\t\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn this.default\n\t\t\t\t\t\t\t\t\t? of({\n\t\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t\t\t: EMPTY\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\tcatchError(() =>\n\t\t\t\t\t\t\t\tthis.default\n\t\t\t\t\t\t\t\t\t? of({\n\t\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t\t\t: EMPTY,\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\n\t\t\t\t\treturn of({\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\tcomponent: route.component,\n\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t} as RouteAction)\n\t\t\t\t}),\n\t\t\t),\n\n\t\t\t// Browser back/forward - simplified to directly use popstate\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(event =>\n\t\t\t\t\tevent.state?.schmancyAreas?.[this.name]\n\t\t\t\t\t\t? ({\n\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\tcomponent: event.state.schmancyAreas[this.name].component,\n\t\t\t\t\t\t\t\tstate: event.state.schmancyAreas[this.name].state \|\| {},\n\t\t\t\t\t\t\t\tparams: event.state.schmancyAreas[this.name].params \|\| {},\n\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t: null,\n\t\t\t\t),\n\t\t\t\tfilter(route => route !== null),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(route => route?.component !== undefined),\n\n\t\t\t\t// Step 1: Resolve ONLY lazy components to constructors (no element creation)\n\t\t\t\tswitchMap(async route => {\n\t\t\t\t\tconsole.log(this.name, route)\n\t\t\t\t\tlet component = route.component\n\n\t\t\t\t\t// Resolve lazy components first\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof component === 'function' &&\n\t\t\t\t\t\t('preload' in component \|\| '_promise' in component \|\| '_module' in component)\n\t\t\t\t\t) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tconst module = await (component as () => Promise<{ default: CustomElementConstructor }>)()\n\t\t\t\t\t\t\tcomponent = module.default\n\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\tconsole.error(`[${this.name}] Lazy load failed:`, e)\n\t\t\t\t\t\t\treturn { component: null, route }\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\n\t\t\t\t// Step 2: Extract component identifier for comparison (without creating elements)\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tlet identifier = ''\n\n\t\t\t\t\tif (!component \|\| component === '') {\n\t\t\t\t\t\tidentifier = 'null'\n\t\t\t\t\t} else if (typeof component === 'string') {\n\t\t\t\t\t\tidentifier = component\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\tidentifier = component.tagName\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\tidentifier = component.name \|\| 'CustomElement'\n\t\t\t\t\t}\n\n\t\t\t\t\tconst key = `${identifier}${JSON.stringify(route.params)}${JSON.stringify(route.state)}`\n\n\t\t\t\t\treturn { component, route, key }\n\t\t\t\t}),\n\n\t\t\t\t// Step 3: Deduplicate using the identifier (before creating expensive elements)\n\t\t\t\tdistinctUntilChanged((a, b) => a.key === b.key),\n\n\t\t\t\t// Step 4: Create the HTMLElement and apply properties\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tlet element: HTMLElement \| null = null\n\n\t\t\t\t\t// Now resolve to HTMLElement\n\t\t\t\t\tif (!component \|\| component === '') {\n\t\t\t\t\t\telement = null\n\t\t\t\t\t} else if (typeof component === 'string') {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\telement = document.createElement(component)\n\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\tconsole.error(`[${this.name}] Failed to create element:`, component)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\telement = component\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\telement = new (component as CustomElementConstructor)()\n\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\tconsole.error(`[${this.name}] Failed to instantiate:`, e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Apply properties inline\n\t\t\t\t\tif (element) {\n\t\t\t\t\t\tif (route.params) Object.assign(element, route.params)\n\t\t\t\t\t\tif (route.props) Object.assign(element, route.props)\n\t\t\t\t\t\tif (route.state) (element as any).state = route.state\n\t\t\t\t\t}\n\n\t\t\t\t\treturn { element, route }\n\t\t\t\t}),\n\n\t\t\t\tshareReplay(1),\n\n\t\t\t\t// Swap components\n\t\t\t\ttap(({ element, route }) => this.swapComponents(element, route)),\n\n\t\t\t\tcatchError(error => {\n\t\t\t\t\tconsole.error(`[${this.name}] Navigation error:`, error)\n\t\t\t\t\treturn EMPTY\n\t\t\t\t}),\n\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/\n\t Swap components with animation following the original pattern\n\t /\n\tprivate swapComponents(newComponent: HTMLElement \| null, routeAction: RouteAction) {\n\t\tconst oldComponent = this.shadowRoot?.children[0] as HTMLElement \| undefined\n\n\t\t// If no new component, just clear\n\t\tif (!newComponent) {\n\t\t\tif (oldComponent) {\n\t\t\t\toldComponent.remove()\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Animate transition\n\t\tif (oldComponent) {\n\t\t\t// Fade out old component\n\t\t\tconst fadeOut = oldComponent.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 150, easing: 'ease-out' })\n\n\t\t\tfadeOut.onfinish = () => {\n\t\t\t\toldComponent.remove()\n\t\t\t\t// Add and fade in new component\n\t\t\t\tthis.shadowRoot?.append(newComponent)\n\t\t\t\tnewComponent.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 150, easing: 'ease-in' })\n\t\t\t}\n\t\t} else {\n\t\t\t// No old component, just add and fade in\n\t\t\tthis.shadowRoot?.append(newComponent)\n\t\t\tnewComponent.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 100, easing: 'ease-in' })\n\t\t}\n\n\t\t// Update internal state\n\t\tif (newComponent) {\n\t\t\tconst activeRoute: ActiveRoute = {\n\t\t\t\tcomponent: newComponent.tagName.toLowerCase(),\n\t\t\t\tstate: routeAction.state \|\| {},\n\t\t\t\tarea: this.name,\n\t\t\t\tparams: routeAction.params \|\| {},\n\t\t\t}\n\n\t\t\tarea.current.set(this.name, activeRoute)\n\t\t\tarea.$current.next(area.current)\n\t\t}\n\n\t\t// Update browser history\n\t\tif (area.enableHistoryMode && newComponent) {\n\t\t\tconst activeRoute: ActiveRoute = {\n\t\t\t\tcomponent: newComponent.tagName.toLowerCase(),\n\t\t\t\tstate: routeAction.state \|\| {},\n\t\t\t\tarea: this.name,\n\t\t\t\tparams: routeAction.params \|\| {},\n\t\t\t}\n\n\t\t\tarea._updateBrowserHistory(\n\t\t\t\tthis.name,\n\t\t\t\tactiveRoute,\n\t\t\t\trouteAction.historyStrategy \|\| HISTORY_STRATEGY.push,\n\t\t\t\trouteAction.clearQueryParams,\n\t\t\t)\n\t\t}\n\t}\n\n\t/\n\t Create URL path for the route (legacy method, now handled by service)\n\t /\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, params: route.params },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\t/\n\t Clear query parameters\n\t /\n\tqueryParamClear(params?: string[] \| boolean) {\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\n\t\tif (params === true) {\n\t\t\t// Clear all query params\n\t\t\treturn ''\n\t\t} else {\n\t\t\t// Clear specific query params\n\t\t\tparams.forEach(param => urlParams.delete(param))\n\t\t\t// update url\n\t\t\tif (urlParams.toString() === '') return ''\n\t\t\treturn `?${urlParams.toString()}`\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\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","import { html, css, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { $LitElement } from '@mixins/index';\n\nexport type GuardResult = boolean \| string \| { redirect: string };\n\n// Component types that can be passed to routes\nexport type RouteComponent =\n \| string // Tag name\n \| CustomElementConstructor // Constructor function\n \| HTMLElement // Existing element\n \| TemplateResult<1> // Lit template\n \| (() => Promise<{ default: CustomElementConstructor }>) // Lazy loader\n \| Promise<{ default: CustomElementConstructor }>; // Dynamic import\n\nexport interface RouteConfig {\n when: string;\n component: RouteComponent;\n exact?: boolean;\n guard?: () => GuardResult \| Promise<GuardResult>;\n}\n\n/\n A marker component that holds route configuration.\n * This component doesn't render anything - it's used by schmancy-area\n * to configure routing via slot change detection.\n \n @example\n * ```html\n * <schmancy-area>\n * <schmancy-route\n * when=\"users\"\n * .component=${UserComponent}\n * exact\n * ></schmancy-route>\n * </schmancy-area>\n * ```\n /\n@customElement('schmancy-route')\nexport class SchmancyRoute extends $LitElement(css`\n :host {\n display: none;\n }\n`) {\n @property({ type: String })\n when!: string;\n\n @property({ type: Object })\n component!: RouteComponent;\n\n @property({ type: Boolean })\n exact?: boolean = false;\n\n @property({ type: Object })\n guard?: () => GuardResult \| Promise<GuardResult>;\n\n /\n Returns the route configuration object\n */\n getConfig(): RouteConfig {\n return {\n when: this.when,\n component: this.component,\n exact: this.exact,\n guard: this.guard\n };\n }\n\n render() {\n // This is a marker component - no visual output\n return html``;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-route': SchmancyRoute;\n }\n}"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","areaSubjectsCache","WeakMap","AreaService","constructor","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","enableHistoryMode","findingMortiesEvent","CustomEvent","disposed","isProcessingPopstate","next","subscribe","currentAreas","forEach","route","areaName","getOrCreateAreaSubject","initializeFromBrowserState","areaSubjects","subjects","get","set","browserState","history","state","schmancyAreas","Object","entries","error","subject","closed","currentRoute","params","props","skipCurrent","Error","observable","asObservable","pipe","distinctUntilChanged","a","b","component","JSON","stringify","shareReplay","skip","on","map","filter","catchError","err","EMPTY","key","value","find","zip","fromEvent","window","e","detail","bufferTime","of","tap","dispatchEvent","timeout","r","area","routeAction","_source","dispatchAreaEvent","enhancedRoute","historyStrategy","clearQueryParams","currentState","areaData","keys","length","newState","url","createCleanURL","replaceState","pushState","areas","queryString","urlParams","URLSearchParams","location","search","Array","isArray","param","delete","toString","mainArea","main","path","searchParams","String","query","cleanedAreas","cleanRoute","encodeURIComponent","pathname","parseStateFromURL","split","pop","decoded","decodeURIComponent","parsed","parse","event","bubbles","composed","name","areaSubject","clear","complete","dispose","getInstance","instance","has","from","addEventListener","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","firstUpdated","merge","take","switchMap","lastSegment","includes","componentTag","routes","when","silent","segments","Boolean","guard","Promise","resolve","result","redirect","newSegment","newRoute","default","async","identifier","HTMLElement","tagName","element","document","createElement","assign","swapComponents","takeUntil","disconnecting","newComponent","oldComponent","shadowRoot","children","animate","opacity","duration","easing","onfinish","remove","append","activeRoute","toLowerCase","_updateBrowserHistory","push","tag","oldPathname","oldAreaState","queryParams","queryParamClear","concat","super","disconnectedCallback","render","html","__decorateClass","property","prototype","queryAssignedElements","selector","customElement","SchmancyRoute","arguments","exact","getConfig","type"],"mappings":"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"}
1	+ {"version":3,"file":"route.component-d8kvuxqB.js","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts","../src/area/route.component.ts"],"sourcesContent":["import { \n\tObservable, \n\tReplaySubject, \n\tSubject, \n\tbufferTime, \n\tfilter, \n\tfromEvent, \n\tmap, \n\tof, \n\tskip, \n\ttap, \n\ttimeout, \n\tzip,\n\tshareReplay,\n\tdistinctUntilChanged,\n\tcatchError,\n\tEMPTY\n} from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, AreaSubscription, 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\n// WeakMap for better memory management of area subjects\nconst areaSubjectsCache = new WeakMap<AreaService, Map<string, ReplaySubject<ActiveRoute>>>()\n\n// Track navigation source to prevent history conflicts\ntype NavigationSource = 'programmatic' \| 'browser' \| 'initial'\n\nclass AreaService implements AreaSubscription {\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\t\n\t// Create a dictionary of ReplaySubjects for area-specific subscriptions\n\tprivate get areaSubjects(): Map<string, ReplaySubject<ActiveRoute>> {\n\t\tlet subjects = areaSubjectsCache.get(this)\n\t\tif (!subjects) {\n\t\t\tsubjects = new Map()\n\t\t\tareaSubjectsCache.set(this, subjects)\n\t\t}\n\t\treturn subjects\n\t}\n\t\n\tpublic enableHistoryMode = true\n\tprivate findingMortiesEvent = new CustomEvent<FINDING_MORTIES_EVENT['detail']>(FINDING_MORTIES)\n\tprivate disposed = false\n\tpublic isProcessingPopstate = false\n\n\tconstructor() {\n\t\tthis.$current.next(this.current)\n\t\t\n\t\t// Subscribe to current changes to update area-specific subjects\n\t\tthis.$current.subscribe(currentAreas => {\n\t\t\tif (this.disposed) return\n\t\t\t\n\t\t\t// For each area in the current map\n\t\t\tcurrentAreas.forEach((route, areaName) => {\n\t\t\t\t// Get or create a subject for this area\n\t\t\t\tconst areaSubject = this.getOrCreateAreaSubject(areaName)\n\t\t\t\t// Emit the updated route to area-specific subscribers\n\t\t\t\tareaSubject.next(route)\n\t\t\t})\n\t\t})\n\n\t\t// Initialize from browser state if available\n\t\tthis.initializeFromBrowserState()\n\t}\n\n\t/*\n\t Initialize router state from browser history state\n\t /\n\tprivate initializeFromBrowserState() {\n\t\ttry {\n\t\t\tconst browserState = history.state\n\t\t\tif (browserState && browserState.schmancyAreas) {\n\t\t\t\tObject.entries(browserState.schmancyAreas).forEach(([areaName, route]) => {\n\t\t\t\t\tthis.current.set(areaName, route as ActiveRoute)\n\t\t\t\t})\n\t\t\t\tthis.$current.next(this.current)\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.warn('Failed to initialize from browser state:', error)\n\t\t}\n\t}\n\n\t/\n\t Get or create a ReplaySubject for a specific area with proper cleanup\n\t /\n\tprivate getOrCreateAreaSubject(areaName: string): ReplaySubject<ActiveRoute> {\n\t\tlet subject = this.areaSubjects.get(areaName)\n\t\t\n\t\tif (!subject \|\| subject.closed) {\n\t\t\tsubject = new ReplaySubject<ActiveRoute>(1)\n\t\t\tthis.areaSubjects.set(areaName, subject)\n\t\t\t\n\t\t\t// If the area already exists in current, emit it immediately\n\t\t\tconst currentRoute = this.current.get(areaName)\n\t\t\tif (currentRoute) {\n\t\t\t\tsubject.next({\n\t\t\t\t\t...currentRoute,\n\t\t\t\t\t// Ensure state, params and props are initialized if undefined\n\t\t\t\t\tstate: currentRoute.state \|\| {},\n\t\t\t\t\tparams: currentRoute.params \|\| {},\n\t\t\t\t\tprops: currentRoute.props \|\| {}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn subject\n\t}\n\n\t/\n\t Subscribe to a specific area with caching\n\t /\n\ton(areaName: string, skipCurrent = false): Observable<ActiveRoute> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\tconst areaSubject = this.getOrCreateAreaSubject(areaName)\n\t\tconst observable = areaSubject.asObservable().pipe(\n\t\t\t// Add distinct to prevent duplicate emissions - now includes state\n\t\t\tdistinctUntilChanged((a, b) => \n\t\t\t\ta.component === b.component &&\n\t\t\t\tJSON.stringify(a.state) === JSON.stringify(b.state) &&\n\t\t\t\tJSON.stringify(a.params) === JSON.stringify(b.params)\n\t\t\t),\n\t\t\t// Share the subscription\n\t\t\tshareReplay(1)\n\t\t)\n\t\t\n\t\treturn skipCurrent ? observable.pipe(skip(1)) : observable\n\t}\n\t\n\t/\n\t Subscribe to all areas\n\t /\n\tall(skipCurrent = false): Observable<Map<string, ActiveRoute>> {\n\t\tconst observable = this.$current.asObservable().pipe(\n\t\t\tshareReplay(1)\n\t\t)\n\t\treturn skipCurrent ? observable.pipe(skip(1)) : observable\n\t}\n\t\n\t/\n\t Get state from an area with type safety\n\t /\n\tgetState<T = unknown>(areaName: string): Observable<T> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.state),\n\t\t\tfilter((state): state is NonNullable<Record<string, unknown>> => \n\t\t\t\tstate !== undefined && state !== null\n\t\t\t),\n\t\t\tdistinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n\t\t\tmap(state => state as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting state for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/\n\t Get params from an area with type safety\n\t /\n\tparams<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): Observable<T> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.params),\n\t\t\tfilter((params): params is NonNullable<Record<string, unknown>> => \n\t\t\t\tparams !== undefined && params !== null\n\t\t\t),\n\t\t\tdistinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n\t\t\tmap(params => params as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting params for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/\n\t Get a specific param from an area with null safety\n\t /\n\tparam<T = unknown>(areaName: string, key: string): Observable<T> {\n\t\tif (!areaName \|\| !key) {\n\t\t\tthrow new Error('Area name and key are required')\n\t\t}\n\t\t\n\t\treturn this.params<Record<string, unknown>>(areaName).pipe(\n\t\t\tmap(params => params[key]),\n\t\t\tfilter((value): value is NonNullable<unknown> => value !== undefined),\n\t\t\tdistinctUntilChanged(),\n\t\t\tmap(value => value as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting param \"${key}\" for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/\n\t Get props from an area with type safety\n\t /\n\tprops<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): Observable<T> {\n\t\tif (!areaName) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\t\t\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.props),\n\t\t\tfilter((props): props is NonNullable<Record<string, unknown>> => \n\t\t\t\tprops !== undefined && props !== null\n\t\t\t),\n\t\t\tdistinctUntilChanged((a, b) => JSON.stringify(a) === JSON.stringify(b)),\n\t\t\tmap(props => props as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting props for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\t\n\t/\n\t Get a specific prop from an area with null safety\n\t /\n\tprop<T = unknown>(areaName: string, key: string): Observable<T> {\n\t\tif (!areaName \|\| !key) {\n\t\t\tthrow new Error('Area name and key are required')\n\t\t}\n\t\t\n\t\treturn this.props<Record<string, unknown>>(areaName).pipe(\n\t\t\tmap(props => props[key]),\n\t\t\tfilter((value): value is NonNullable<unknown> => value !== undefined),\n\t\t\tdistinctUntilChanged(),\n\t\t\tmap(value => value as T),\n\t\t\tcatchError(err => {\n\t\t\t\tconsole.error(`Error getting prop \"${key}\" for area \"${areaName}\":`, err)\n\t\t\t\treturn EMPTY\n\t\t\t})\n\t\t)\n\t}\n\n\t/\n\t Find teleportation components\n\t /\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),\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\tcatchError(() => EMPTY)\n\t\t)\n\t}\n\n\t/\n\t Push a new route action with validation\n\t /\n\tpush(r: RouteAction) {\n\t\tif (!r.area) {\n\t\t\tthrow new Error('Area is required for route action')\n\t\t}\n\t\t\n\t\t// Prevent processing during popstate handling\n\t\tif (this.isProcessingPopstate) {\n\t\t\treturn\n\t\t}\n\t\t\n\t\t// Ensure state, params and props are initialized\n\t\tconst routeAction: RouteAction = {\n\t\t\t...r,\n\t\t\tstate: r.state \|\| {},\n\t\t\tparams: r.params \|\| {},\n\t\t\tprops: r.props \|\| {},\n\t\t\t_source: 'programmatic' as NavigationSource\n\t\t}\n\t\t\n\t\t// Add to history if enabled\n\t\tif (this.enableHistoryMode) {\n\t\t\trouterHistory.next(routeAction)\n\t\t}\n\t\t\n\t\tthis.request.next(routeAction)\n\t\t// Emit an area-specific event for those who want to listen directly to DOM events\n\t\tthis.dispatchAreaEvent(routeAction.area, routeAction)\n\t}\n\n\t/\n\t Internal method to update route from browser navigation\n\t * This should only be called by area components during popstate handling\n\t /\n\t_updateFromBrowser(routeAction: RouteAction) {\n\t\tconst enhancedRoute: RouteAction = {\n\t\t\t...routeAction,\n\t\t\tstate: routeAction.state \|\| {},\n\t\t\tparams: routeAction.params \|\| {},\n\t\t\tprops: routeAction.props \|\| {},\n\t\t\t_source: 'browser' as NavigationSource\n\t\t}\n\t\t\n\t\tthis.isProcessingPopstate = true\n\t\tthis.request.next(enhancedRoute)\n\t\tthis.isProcessingPopstate = false\n\t}\n\n\t/\n\t Update browser history state (called by area components)\n\t /\n\t_updateBrowserHistory(areaName: string, route: ActiveRoute, historyStrategy?: string, clearQueryParams?: string[] \| boolean \| null) {\n\t\tif (!this.enableHistoryMode) return\n\t\t\n\t\ttry {\n\t\t\t// Get current browser state or create new one\n\t\t\tconst currentState = history.state \|\| {}\n\t\t\tconst schmancyAreas = currentState.schmancyAreas \|\| {}\n\t\t\t\n\t\t\t// Update the specific area - only include non-empty state/params/props\n\t\t\tconst areaData: any = {\n\t\t\t\tcomponent: route.component,\n\t\t\t\tarea: route.area\n\t\t\t}\n\t\t\t\n\t\t\t// Only include state if it has content\n\t\t\tif (route.state && Object.keys(route.state).length > 0) {\n\t\t\t\tareaData.state = route.state\n\t\t\t}\n\t\t\t\n\t\t\t// Only include params if it has content\n\t\t\tif (route.params && Object.keys(route.params).length > 0) {\n\t\t\t\tareaData.params = route.params\n\t\t\t}\n\t\t\t\n\t\t\t// Only include props if it has content\n\t\t\tif (route.props && Object.keys(route.props).length > 0) {\n\t\t\t\tareaData.props = route.props\n\t\t\t}\n\t\t\t\n\t\t\tschmancyAreas[areaName] = areaData\n\t\t\t\n\t\t\tconst newState = {\n\t\t\t\t...currentState,\n\t\t\t\tschmancyAreas\n\t\t\t}\n\t\t\t\n\t\t\t// Create clean URL\n\t\t\tconst url = this.createCleanURL(schmancyAreas, clearQueryParams)\n\t\t\t\n\t\t\t// Update browser history\n\t\t\tif (historyStrategy === 'replace' \|\| historyStrategy === 'pop') {\n\t\t\t\thistory.replaceState(newState, '', url)\n\t\t\t} else if (historyStrategy === 'push' \|\| !historyStrategy) {\n\t\t\t\thistory.pushState(newState, '', url)\n\t\t\t}\n\t\t\t// 'silent' strategy doesn't update browser history\n\t\t\t\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to update browser history:', error)\n\t\t}\n\t}\n\n\t/\n\t Create a clean URL from area states\n\t /\n\tprivate createCleanURL(areas: Record<string, ActiveRoute>, clearQueryParams?: string[] \| boolean \| null): string {\n\t\t// Handle query parameters\n\t\tlet queryString = ''\n\t\t\n\t\tif (clearQueryParams !== true) {\n\t\t\t// Get current query params\n\t\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t\t\n\t\t\t// Clear specific params if provided\n\t\t\tif (Array.isArray(clearQueryParams)) {\n\t\t\t\tclearQueryParams.forEach(param => urlParams.delete(param))\n\t\t\t}\n\t\t\t\n\t\t\t// Convert back to string\n\t\t\tqueryString = urlParams.toString()\n\t\t\tqueryString = queryString ? `?${queryString}` : ''\n\t\t}\n\t\t// If clearQueryParams === true, queryString remains empty (all params cleared)\n\t\t\n\t\tif (this.prettyURL) {\n\t\t\t// Create pretty URLs - customize this based on your routing needs\n\t\t\tconst mainArea = areas.main\n\t\t\tif (mainArea) {\n\t\t\t\tlet path = `/${mainArea.component}`\n\t\t\t\t\n\t\t\t\t// Add simple params to URL\n\t\t\t\tconst searchParams = new URLSearchParams(queryString)\n\t\t\t\tif (mainArea.params) {\n\t\t\t\t\tObject.entries(mainArea.params).forEach(([key, value]) => {\n\t\t\t\t\t\tif (typeof value === 'string' \|\| typeof value === 'number') {\n\t\t\t\t\t\t\tsearchParams.set(key, String(value))\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tconst query = searchParams.toString()\n\t\t\t\treturn path + (query ? `?${query}` : '')\n\t\t\t}\n\t\t}\n\t\t\n\t\t// Fallback to encoded state in URL (original behavior)\n\t\ttry {\n\t\t\t// Clean up empty objects before encoding\n\t\t\tconst cleanedAreas: Record<string, any> = {}\n\t\t\tObject.entries(areas).forEach(([areaName, route]) => {\n\t\t\t\tconst cleanRoute: any = { component: route.component }\n\n\t\t\t\t// Only include state if it has content\n\t\t\t\tif (route.state && Object.keys(route.state).length > 0) {\n\t\t\t\t\tcleanRoute.state = route.state\n\t\t\t\t}\n\n\t\t\t\t// Only include params if it has content\n\t\t\t\tif (route.params && Object.keys(route.params).length > 0) {\n\t\t\t\t\tcleanRoute.params = route.params\n\t\t\t\t}\n\n\t\t\t\t// Only include props if it has content\n\t\t\t\tif (route.props && Object.keys(route.props).length > 0) {\n\t\t\t\t\tcleanRoute.props = route.props\n\t\t\t\t}\n\n\t\t\t\tcleanedAreas[areaName] = cleanRoute\n\t\t\t})\n\n\t\t\t// If cleanedAreas is empty, return a clean URL without encoded empty object\n\t\t\tif (Object.keys(cleanedAreas).length === 0) {\n\t\t\t\treturn queryString ? `/${queryString}` : '/'\n\t\t\t}\n\n\t\t\tconst encoded = encodeURIComponent(JSON.stringify(cleanedAreas))\n\t\t\treturn `/${encoded}${queryString}`\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to encode URL state:', error)\n\t\t\treturn location.pathname\n\t\t}\n\t}\n\n\t/\n\t Restore state from browser history state\n\t /\n\trestoreFromBrowserState(browserState: any): Record<string, ActiveRoute> {\n\t\ttry {\n\t\t\tif (browserState && browserState.schmancyAreas) {\n\t\t\t\treturn browserState.schmancyAreas\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to restore from browser state:', error)\n\t\t}\n\t\t\n\t\t// Fallback to URL parsing (original behavior)\n\t\treturn this.parseStateFromURL()\n\t}\n\n\t/\n\t Parse state from URL (fallback method)\n\t /\n\tprivate parseStateFromURL(): Record<string, ActiveRoute> {\n\t\tconst pathname = location.pathname.split('/').pop()\n\t\tif (!pathname) return {}\n\t\t\n\t\ttry {\n\t\t\tconst decoded = decodeURIComponent(pathname)\n\t\t\tconst parsed = JSON.parse(decoded)\n\t\t\t\n\t\t\tif (typeof parsed === 'object' && parsed !== null) {\n\t\t\t\treturn parsed\n\t\t\t}\n\t\t} catch {\n\t\t\t// Ignore parse errors\n\t\t}\n\t\t\n\t\treturn {}\n\t}\n\t\n\t/\n\t Dispatch a DOM event for a specific area change\n\t /\n\tprivate dispatchAreaEvent(areaName: string, routeAction: RouteAction) {\n\t\tconst eventName = `schmancy-area-${areaName}-changed`\n\t\tconst event = new CustomEvent(eventName, { \n\t\t\tdetail: { \n\t\t\t\tarea: areaName,\n\t\t\t\tcomponent: routeAction.component,\n\t\t\t\tstate: routeAction.state,\n\t\t\t\tparams: routeAction.params,\n\t\t\t\tprops: routeAction.props,\n\t\t\t\thistoryStrategy: routeAction.historyStrategy\n\t\t\t},\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t})\n\t\twindow.dispatchEvent(event)\n\t}\n\n\t/\n\t Remove an area from the current state\n\t /\n\tpop(name: string) {\n\t\tif (!name) {\n\t\t\tthrow new Error('Area name is required')\n\t\t}\n\n\t\t// Before removing from current map, emit a clearing signal to the area's subject\n\t\t// This notifies the area component to clear itself\n\t\tconst areaSubject = this.areaSubjects.get(name)\n\t\tif (areaSubject && !areaSubject.closed) {\n\t\t\t// Send a route with null component to signal clearing\n\t\t\tareaSubject.next({\n\t\t\t\tcomponent: null as any,\n\t\t\t\tstate: {},\n\t\t\t\tarea: name,\n\t\t\t\tparams: {},\n\t\t\t\tprops: {}\n\t\t\t})\n\t\t}\n\n\t\t// Send a clearing signal through the request pipeline\n\t\t// This ensures the area component receives the signal to clear\n\t\tthis.request.next({\n\t\t\tarea: name,\n\t\t\tcomponent: null as any,\n\t\t\tstate: {},\n\t\t\tparams: {},\n\t\t\tprops: {},\n\t\t\thistoryStrategy: 'silent' as any,\n\t\t\t_source: 'programmatic' as NavigationSource\n\t\t})\n\n\t\t// Remove from current map\n\t\tthis.current.delete(name)\n\t\tthis.$current.next(this.current)\n\n\t\t// Update browser history\n\t\tif (this.enableHistoryMode) {\n\t\t\ttry {\n\t\t\t\tconst currentState = history.state \|\| {}\n\t\t\t\tconst schmancyAreas = { ...(currentState.schmancyAreas \|\| {}) }\n\t\t\t\tdelete schmancyAreas[name]\n\n\t\t\t\tconst newState = {\n\t\t\t\t\t...currentState,\n\t\t\t\t\tschmancyAreas\n\t\t\t\t}\n\n\t\t\t\tconst url = this.createCleanURL(schmancyAreas)\n\t\t\t\thistory.replaceState(newState, '', url)\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Failed to update history after pop:', error)\n\t\t\t}\n\t\t}\n\t}\n\t\n\t/\n\t Clear all areas\n\t /\n\tclear() {\n\t\t// Complete all area subjects\n\t\tthis.areaSubjects.forEach(subject => subject.complete())\n\t\tthis.areaSubjects.clear()\n\t\t\n\t\t// Clear current state\n\t\tthis.current.clear()\n\t\tthis.$current.next(this.current)\n\t\t\n\t\t// Update URL\n\t\tif (this.enableHistoryMode) {\n\t\t\thistory.replaceState({ schmancyAreas: {} }, '', `/${location.search}`)\n\t\t}\n\t}\n\t\n\t/\n\t Dispose of the service and clean up resources\n\t /\n\tdispose() {\n\t\tif (this.disposed) return\n\t\t\n\t\tthis.disposed = true\n\t\t\n\t\t// Complete all subjects\n\t\tthis.areaSubjects.forEach(subject => subject.complete())\n\t\tthis.areaSubjects.clear()\n\t\t\n\t\tthis.request.complete()\n\t\tthis.$current.complete()\n\t\trouterHistory.complete()\n\t\t\n\t\t// Clear references\n\t\tthis.current.clear()\n\t\tareaSubjectsCache.delete(this)\n\t}\n\t\n\t/\n\t Get singleton instance\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\t/\n\t Get current state from URL (deprecated - use browser state instead)\n\t /\n\tget state(): Record<string, unknown> {\n\t\t// Try browser state first\n\t\ttry {\n\t\t\tconst browserState = history.state\n\t\t\tif (browserState && browserState.schmancyAreas) {\n\t\t\t\treturn browserState.schmancyAreas\n\t\t\t}\n\t\t} catch {\n\t\t\t// Fallback to URL parsing\n\t\t}\n\t\t\n\t\t// Fallback to URL parsing (original behavior)\n\t\treturn this.parseStateFromURL()\n\t}\n\t\n\t/\n\t Check if an area exists in current state\n\t /\n\thasArea(areaName: string): boolean {\n\t\treturn this.current.has(areaName)\n\t}\n\t\n\t/\n\t Get all active area names\n\t /\n\tgetActiveAreas(): string[] {\n\t\treturn Array.from(this.current.keys())\n\t}\n\t\n\t/\n\t Get route for a specific area synchronously\n\t /\n\tgetRoute(areaName: string): ActiveRoute \| undefined {\n\t\treturn this.current.get(areaName)\n\t}\n}\n\nexport const area = AreaService.getInstance()\nexport default area\n\n// Cleanup on page unload\nif (typeof window !== 'undefined') {\n\twindow.addEventListener('unload', () => {\n\t\tarea.dispose()\n\t})\n}","export type RouteAction = {\n\tcomponent: CustomElementConstructor \| string \| HTMLElement \| (() => Promise<{ default: CustomElementConstructor }>)\n\tarea: string\n\tstate?: Record<string, unknown>\n\tparams?: Record<string, unknown>\n\tprops?: Record<string, unknown> // Alias for params\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] \| boolean \| null\n\t_source?: 'programmatic' \| 'browser' \| 'initial' // Internal use only\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: Record<string, unknown>\n\tparams?: Record<string, unknown>\n\tprops?: Record<string, unknown>\n}\n\n/\n Interface for subscribing to area changes\n /\nexport interface AreaSubscription {\n\t/\n\t Subscribe to a specific area\n\t * @param areaName Name of the area to subscribe to\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of the active route for the specified area\n\t /\n\ton(areaName: string, skipCurrent?: boolean): import('rxjs').Observable<ActiveRoute>\n\t\n\t/\n\t Subscribe to all areas\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of all active routes\n\t /\n\tall(skipCurrent?: boolean): import('rxjs').Observable<Map<string, ActiveRoute>>\n\t\n\t/\n\t Get state from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's state\n\t /\n\tgetState<T = unknown>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/\n\t Get params from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's params\n\t /\n\tparams<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/\n\t Get a specific param from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @param key Key of the param to select\n\t * @returns Observable of the param value\n\t /\n\tparam<T = unknown>(areaName: string, key: string): import('rxjs').Observable<T>\n\t\n\t/\n\t Get props from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's props\n\t /\n\tprops<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/\n\t Get a specific prop from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @param key Key of the prop to select\n\t * @returns Observable of the prop value\n\t /\n\tprop<T = unknown>(areaName: string, key: string): import('rxjs').Observable<T>\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\n/\n Browser history state structure used by Schmancy Area\n /\nexport interface SchmancyHistoryState {\n\tschmancyAreas: Record<string, ActiveRoute>\n\t[key: string]: any // Allow other apps to store additional state\n}","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tshareReplay,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n} from 'rxjs'\nimport area from './area.service'\nimport { SchmancyRoute } from './route.component'\nimport { ActiveRoute, HISTORY_STRATEGY, RouteAction } from './router.types'\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!:\n\t\t\| CustomElementConstructor\n\t\t\| string\n\t\t\| HTMLElement\n\t\t\| (() => Promise<{ default: CustomElementConstructor }>)\n\n\t/\n\t Query for assigned route elements in the slot\n\t * This will automatically update when slot content changes\n\t /\n\t@queryAssignedElements({ selector: 'schmancy-route' })\n\tprivate routes!: SchmancyRoute[]\n\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) throw new Error('Area name is required')\n\n\t\t// Single unified routing pipeline - all logic inline\n\t\tmerge(\n\t\t\t// Programmatic navigation\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\n\t\t\t// Initial load - simplified to use this.routes directly\n\t\t\tof(location.pathname).pipe(\n\t\t\t\ttake(1),\n\t\t\t\tswitchMap(() => {\n\t\t\t\t\tconst path = location.pathname\n\t\t\t\t\tconst lastSegment = path.split('/').pop() \|\| ''\n\t\t\t\t\tlet route: SchmancyRoute\n\n\t\t\t\t\t// Check for JSON encoded route\n\t\t\t\t\tif (lastSegment && (lastSegment.includes('{') \|\| lastSegment.includes('%7B'))) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tconst parsed = JSON.parse(decodeURIComponent(lastSegment)) as Record<string, ActiveRoute>\n\t\t\t\t\t\t\tconsole.log(parsed)\n\t\t\t\t\t\t\tif (parsed[this.name]) {\n\t\t\t\t\t\t\t\tconst componentTag = parsed[this.name]\n\t\t\t\t\t\t\t\tconsole.log(componentTag)\n\t\t\t\t\t\t\t\troute = this.routes?.find(r => r.when === componentTag.component)\n\t\t\t\t\t\t\t\t// if the route.component is a lazy loaded module we need to load it\n\t\t\t\t\t\t\t\tif (route)\n\t\t\t\t\t\t\t\t\treturn of({\n\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\tcomponent: route.component,\n\t\t\t\t\t\t\t\t\t\tstate: parsed[this.name].state \|\| {},\n\t\t\t\t\t\t\t\t\t\tparams: parsed[this.name].params \|\| {},\n\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t} as RouteAction)\n\n\t\t\t\t\t\t\t\treturn of({\n\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\tcomponent: parsed[this.name].component,\n\t\t\t\t\t\t\t\t\tstate: parsed[this.name].state \|\| {},\n\t\t\t\t\t\t\t\t\tparams: parsed[this.name].params \|\| {},\n\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} catch {}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Segment-based routing - use this.routes directly\n\t\t\t\t\tconst segments = path.split('/').filter(Boolean)\n\t\t\t\t\troute = this.routes?.find(r => segments.includes(r.when))\n\t\t\t\t\t// if the route.component is a lazy loaded module we need to load it\n\n\t\t\t\t\tif (!route) {\n\t\t\t\t\t\treturn this.default\n\t\t\t\t\t\t\t? of({\n\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t: EMPTY\n\t\t\t\t\t}\n\n\t\t\t\t\t// Handle guard inline\n\t\t\t\t\tif (route.guard) {\n\t\t\t\t\t\treturn from(Promise.resolve(route.guard())).pipe(\n\t\t\t\t\t\t\tswitchMap(result => {\n\t\t\t\t\t\t\t\tif (result === true) {\n\t\t\t\t\t\t\t\t\treturn of({\n\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\tcomponent: route.component,\n\t\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t// Handle redirects recursively inline\n\t\t\t\t\t\t\t\tconst redirect =\n\t\t\t\t\t\t\t\t\ttypeof result === 'string'\n\t\t\t\t\t\t\t\t\t\t? result\n\t\t\t\t\t\t\t\t\t\t: typeof result === 'object' && result?.redirect\n\t\t\t\t\t\t\t\t\t\t\t? result.redirect\n\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\tif (redirect) {\n\t\t\t\t\t\t\t\t\tconst newSegment = redirect.split('/').filter(Boolean)[0] \|\| ''\n\t\t\t\t\t\t\t\t\tconst newRoute = this.routes?.find(r => r.when === newSegment)\n\t\t\t\t\t\t\t\t\tif (newRoute) {\n\t\t\t\t\t\t\t\t\t\treturn of({\n\t\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\t\tcomponent: newRoute.component,\n\t\t\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn this.default\n\t\t\t\t\t\t\t\t\t? of({\n\t\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t\t\t: EMPTY\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\tcatchError(() =>\n\t\t\t\t\t\t\t\tthis.default\n\t\t\t\t\t\t\t\t\t? of({\n\t\t\t\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t\t\t\t: EMPTY,\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\n\t\t\t\t\treturn of({\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\tcomponent: route.component,\n\t\t\t\t\t\tstate: {},\n\t\t\t\t\t\tparams: {},\n\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t} as RouteAction)\n\t\t\t\t}),\n\t\t\t),\n\n\t\t\t// Browser back/forward - simplified to directly use popstate\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(event =>\n\t\t\t\t\tevent.state?.schmancyAreas?.[this.name]\n\t\t\t\t\t\t? ({\n\t\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\t\tcomponent: event.state.schmancyAreas[this.name].component,\n\t\t\t\t\t\t\t\tstate: event.state.schmancyAreas[this.name].state \|\| {},\n\t\t\t\t\t\t\t\tparams: event.state.schmancyAreas[this.name].params \|\| {},\n\t\t\t\t\t\t\t\thistoryStrategy: HISTORY_STRATEGY.silent,\n\t\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t\t: null,\n\t\t\t\t),\n\t\t\t\tfilter(route => route !== null),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(route => route?.component !== undefined),\n\n\t\t\t\t// Step 1: Resolve ONLY lazy components to constructors (no element creation)\n\t\t\t\tswitchMap(async route => {\n\t\t\t\t\tconsole.log(this.name, route)\n\t\t\t\t\tlet component = route.component\n\n\t\t\t\t\t// Resolve lazy components first\n\t\t\t\t\tif (\n\t\t\t\t\t\ttypeof component === 'function' &&\n\t\t\t\t\t\t('preload' in component \|\| '_promise' in component \|\| '_module' in component)\n\t\t\t\t\t) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tconst module = await (component as () => Promise<{ default: CustomElementConstructor }>)()\n\t\t\t\t\t\t\tcomponent = module.default\n\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\tconsole.error(`[${this.name}] Lazy load failed:`, e)\n\t\t\t\t\t\t\treturn { component: null, route }\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\n\t\t\t\t// Step 2: Extract component identifier for comparison (without creating elements)\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tlet identifier = ''\n\n\t\t\t\t\tif (!component \|\| component === '') {\n\t\t\t\t\t\tidentifier = 'null'\n\t\t\t\t\t} else if (typeof component === 'string') {\n\t\t\t\t\t\tidentifier = component\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\tidentifier = component.tagName\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\tidentifier = component.name \|\| 'CustomElement'\n\t\t\t\t\t}\n\n\t\t\t\t\tconst key = `${identifier}${JSON.stringify(route.params)}${JSON.stringify(route.state)}`\n\n\t\t\t\t\treturn { component, route, key }\n\t\t\t\t}),\n\n\t\t\t\t// Step 3: Deduplicate using the identifier (before creating expensive elements)\n\t\t\t\tdistinctUntilChanged((a, b) => a.key === b.key),\n\n\t\t\t\t// Step 4: Create the HTMLElement and apply properties\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tlet element: HTMLElement \| null = null\n\n\t\t\t\t\t// Now resolve to HTMLElement\n\t\t\t\t\tif (!component \|\| component === '') {\n\t\t\t\t\t\telement = null\n\t\t\t\t\t} else if (typeof component === 'string') {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\telement = document.createElement(component)\n\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\tconsole.error(`[${this.name}] Failed to create element:`, component)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\telement = component\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\telement = new (component as CustomElementConstructor)()\n\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\tconsole.error(`[${this.name}] Failed to instantiate:`, e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Apply properties inline\n\t\t\t\t\tif (element) {\n\t\t\t\t\t\tif (route.params) Object.assign(element, route.params)\n\t\t\t\t\t\tif (route.props) Object.assign(element, route.props)\n\t\t\t\t\t\tif (route.state) (element as any).state = route.state\n\t\t\t\t\t}\n\n\t\t\t\t\treturn { element, route }\n\t\t\t\t}),\n\n\t\t\t\tshareReplay(1),\n\n\t\t\t\t// Swap components\n\t\t\t\ttap(({ element, route }) => this.swapComponents(element, route)),\n\n\t\t\t\tcatchError(error => {\n\t\t\t\t\tconsole.error(`[${this.name}] Navigation error:`, error)\n\t\t\t\t\treturn EMPTY\n\t\t\t\t}),\n\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/\n\t Swap components with animation following the original pattern\n\t /\n\tprivate swapComponents(newComponent: HTMLElement \| null, routeAction: RouteAction) {\n\t\tconst oldComponent = this.shadowRoot?.children[0] as HTMLElement \| undefined\n\n\t\t// If no new component, just clear\n\t\tif (!newComponent) {\n\t\t\tif (oldComponent) {\n\t\t\t\toldComponent.remove()\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\t// Animate transition\n\t\tif (oldComponent) {\n\t\t\t// Fade out old component\n\t\t\tconst fadeOut = oldComponent.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 150, easing: 'ease-out' })\n\n\t\t\tfadeOut.onfinish = () => {\n\t\t\t\toldComponent.remove()\n\t\t\t\t// Add and fade in new component\n\t\t\t\tthis.shadowRoot?.append(newComponent)\n\t\t\t\tnewComponent.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 150, easing: 'ease-in' })\n\t\t\t}\n\t\t} else {\n\t\t\t// No old component, just add and fade in\n\t\t\tthis.shadowRoot?.append(newComponent)\n\t\t\tnewComponent.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 100, easing: 'ease-in' })\n\t\t}\n\n\t\t// Update internal state\n\t\tif (newComponent) {\n\t\t\tconst activeRoute: ActiveRoute = {\n\t\t\t\tcomponent: newComponent.tagName.toLowerCase(),\n\t\t\t\tstate: routeAction.state \|\| {},\n\t\t\t\tarea: this.name,\n\t\t\t\tparams: routeAction.params \|\| {},\n\t\t\t}\n\n\t\t\tarea.current.set(this.name, activeRoute)\n\t\t\tarea.$current.next(area.current)\n\t\t}\n\n\t\t// Update browser history\n\t\tif (area.enableHistoryMode && newComponent) {\n\t\t\tconst activeRoute: ActiveRoute = {\n\t\t\t\tcomponent: newComponent.tagName.toLowerCase(),\n\t\t\t\tstate: routeAction.state \|\| {},\n\t\t\t\tarea: this.name,\n\t\t\t\tparams: routeAction.params \|\| {},\n\t\t\t}\n\n\t\t\tarea._updateBrowserHistory(\n\t\t\t\tthis.name,\n\t\t\t\tactiveRoute,\n\t\t\t\trouteAction.historyStrategy \|\| HISTORY_STRATEGY.push,\n\t\t\t\trouteAction.clearQueryParams,\n\t\t\t)\n\t\t}\n\t}\n\n\t/\n\t Create URL path for the route (legacy method, now handled by service)\n\t /\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, params: route.params },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\t/\n\t Clear query parameters\n\t /\n\tqueryParamClear(params?: string[] \| boolean) {\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\n\t\tif (params === true) {\n\t\t\t// Clear all query params\n\t\t\treturn ''\n\t\t} else {\n\t\t\t// Clear specific query params\n\t\t\tparams.forEach(param => urlParams.delete(param))\n\t\t\t// update url\n\t\t\tif (urlParams.toString() === '') return ''\n\t\t\treturn `?${urlParams.toString()}`\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\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","import { html, css, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { $LitElement } from '@mixins/index';\n\nexport type GuardResult = boolean \| string \| { redirect: string };\n\n// Component types that can be passed to routes\nexport type RouteComponent =\n \| string // Tag name\n \| CustomElementConstructor // Constructor function\n \| HTMLElement // Existing element\n \| TemplateResult<1> // Lit template\n \| (() => Promise<{ default: CustomElementConstructor }>) // Lazy loader\n \| Promise<{ default: CustomElementConstructor }>; // Dynamic import\n\nexport interface RouteConfig {\n when: string;\n component: RouteComponent;\n exact?: boolean;\n guard?: () => GuardResult \| Promise<GuardResult>;\n}\n\n/\n A marker component that holds route configuration.\n * This component doesn't render anything - it's used by schmancy-area\n * to configure routing via slot change detection.\n \n @example\n * ```html\n * <schmancy-area>\n * <schmancy-route\n * when=\"users\"\n * .component=${UserComponent}\n * exact\n * ></schmancy-route>\n * </schmancy-area>\n * ```\n /\n@customElement('schmancy-route')\nexport class SchmancyRoute extends $LitElement(css`\n :host {\n display: none;\n }\n`) {\n @property({ type: String })\n when!: string;\n\n @property({ type: Object })\n component!: RouteComponent;\n\n @property({ type: Boolean })\n exact?: boolean = false;\n\n @property({ type: Object })\n guard?: () => GuardResult \| Promise<GuardResult>;\n\n /\n Returns the route configuration object\n */\n getConfig(): RouteConfig {\n return {\n when: this.when,\n component: this.component,\n exact: this.exact,\n guard: this.guard\n };\n }\n\n render() {\n // This is a marker component - no visual output\n return html``;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-route': SchmancyRoute;\n }\n}"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","areaSubjectsCache","WeakMap","AreaService","constructor","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","enableHistoryMode","findingMortiesEvent","CustomEvent","disposed","isProcessingPopstate","next","subscribe","currentAreas","forEach","route","areaName","getOrCreateAreaSubject","initializeFromBrowserState","areaSubjects","subjects","get","set","browserState","history","state","schmancyAreas","Object","entries","error","subject","closed","currentRoute","params","props","skipCurrent","Error","observable","asObservable","pipe","distinctUntilChanged","a","b","component","JSON","stringify","shareReplay","skip","on","map","filter","catchError","err","EMPTY","key","value","find","zip","fromEvent","window","e","detail","bufferTime","of","tap","dispatchEvent","timeout","r","area","routeAction","_source","dispatchAreaEvent","enhancedRoute","historyStrategy","clearQueryParams","currentState","areaData","keys","length","newState","url","createCleanURL","replaceState","pushState","areas","queryString","urlParams","URLSearchParams","location","search","Array","isArray","param","delete","toString","mainArea","main","path","searchParams","String","query","cleanedAreas","cleanRoute","encodeURIComponent","pathname","parseStateFromURL","split","pop","decoded","decodeURIComponent","parsed","parse","event","bubbles","composed","name","areaSubject","clear","complete","dispose","getInstance","instance","has","from","addEventListener","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","firstUpdated","merge","take","switchMap","lastSegment","includes","componentTag","routes","when","silent","segments","Boolean","guard","Promise","resolve","result","redirect","newSegment","newRoute","default","async","identifier","HTMLElement","tagName","element","document","createElement","assign","swapComponents","takeUntil","disconnecting","newComponent","oldComponent","shadowRoot","children","animate","opacity","duration","easing","onfinish","remove","append","activeRoute","toLowerCase","_updateBrowserHistory","push","tag","oldPathname","oldAreaState","queryParams","queryParamClear","concat","super","disconnectedCallback","render","html","__decorateClass","property","prototype","queryAssignedElements","selector","customElement","SchmancyRoute","arguments","exact","getConfig","type"],"mappings":"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"}

package/dist/{schmancy-steps-container-DIXMlg91.cjs → schmancy-steps-container-DLHL9mKo.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";const S=require("./consume-edta5ng5.cjs"),c=require("lit"),i=require("lit/decorators.js"),h=require("lit/directives/when.js"),d=require("./litElement.mixin-DdQ7eM2e.cjs"),y=require("./provide-BxZ2kn_p.cjs"),g=require("rxjs");class m{constructor(){this._currentStep=new g.BehaviorSubject(1)}get currentStep$(){return this._currentStep.asObservable()}get currentStep(){return this._currentStep.value}setStep(e){this._currentStep.next(e)}}const u=y.n(Symbol("SchmancyStepsContext"));var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=(t,e,n,s)=>{for(var o,r=s>1?void 0:s?f(e,n):e,a=t.length-1;a>=0;a--)(o=t[a])&&(r=(s?o(e,n,r):o(r))||r);return s&&r&&b(e,n,r),r};exports.SchmancyStep=class extends d.$LitElement(c.css`
+"use strict";const S=require("./consume-edta5ng5.cjs"),c=require("lit"),i=require("lit/decorators.js"),h=require("lit/directives/when.js"),d=require("./litElement.mixin-De6F4bUs.cjs"),y=require("./provide-BxZ2kn_p.cjs"),g=require("rxjs");class m{constructor(){this._currentStep=new g.BehaviorSubject(1)}get currentStep$(){return this._currentStep.asObservable()}get currentStep(){return this._currentStep.value}setStep(e){this._currentStep.next(e)}}const u=y.n(Symbol("SchmancyStepsContext"));var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=(t,e,n,s)=>{for(var o,r=s>1?void 0:s?f(e,n):e,a=t.length-1;a>=0;a--)(o=t[a])&&(r=(s?o(e,n,r):o(r))||r);return s&&r&&b(e,n,r),r};exports.SchmancyStep=class extends d.$LitElement(c.css`
 	:host {
 		display: grid;
 		/* Base display is just grid, flex properties will be applied dynamically */
@@ -67,4 +67,4 @@
 				</ol>
 			</nav>
 		`}},l([y.e({context:u})],exports.SchmancyStepsContainer.prototype,"stepsController",2),l([i.property({type:Number,reflect:!0})],exports.SchmancyStepsContainer.prototype,"currentStep",1),l([i.property({type:Number,reflect:!0})],exports.SchmancyStepsContainer.prototype,"gap",2),exports.SchmancyStepsContainer=l([i.customElement("schmancy-steps-container")],exports.SchmancyStepsContainer),exports.StepsController=m,exports.stepsContext=u;
-//# sourceMappingURL=schmancy-steps-container-DIXMlg91.cjs.map
+//# sourceMappingURL=schmancy-steps-container-DLHL9mKo.cjs.map

package/dist/{schmancy-steps-container-DIXMlg91.cjs.map → schmancy-steps-container-DLHL9mKo.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schmancy-steps-container-DIXMlg91.cjs","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/*\n The actual context object. We provide/consume this in the container and steps.\n /\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/ Base display is just grid, flex properties will be applied dynamically /\n\t\ttransition: all 0.2s ease-in-out;\n\t}\n`) {\n\t/\n\t The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t /\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/\n\t NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t /\n\t@property({ type: Boolean }) lockBack = false\n\n\t/\n\t Consume the shared StepsController from context.\n\t /\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/\n\t Local reactive copy of the container's current step number.\n\t /\n\t@state()\n\tprivate currentStep = 1\n\n\t/\n\t Keep a reference to our subscription so we can unsubscribe cleanly.\n\t /\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/\n\t Update the host element's flex properties based on active state\n\t /\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/\n\t Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t /\n\tget status(): 'complete' \| 'current' \| 'upcoming' {\n\t\tif (this.completed \|\| this.position < this.currentStep) return 'complete'\n\t\tif (this.position === this.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/\n\t Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t /\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outline-variant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive \|\| isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button \n\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t@click=${this._onStepClick} \n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-2 px-2 py-3 rounded-lg' : 'py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-12\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"size-5 transition-transform duration-200 group-hover:scale-110\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start justify-center min-w-0 ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${this.classMap(textClasses)}\">${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, with enhanced spacing -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"ml-10 mt-4 pb-8 transition-all duration-300 ease-out\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n/\n Custom event emitted when the current step changes\n /\nexport type SchmancyStepsChangeEvent = CustomEvent<{ value: number }>\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t\t\n\t\t// Dispatch change event when step changes\n\t\tif (oldValue !== value) {\n\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true\n\t\t\t}))\n\t\t}\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/\n\t Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8 \| 10 \| 12 \| 16 \| 20 \| 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] \|\| '1rem'\n\t\t\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n\t\n\tinterface HTMLElementEventMap {\n\t\t'schmancy-steps:change': SchmancyStepsChangeEvent\n\t}\n}\n"],"names":["StepsController","constructor","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","status","_e","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","dispatchEvent","CustomEvent","detail","bubbles","composed","gapClass","gapRem","provide"],"mappings":"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"}
1	+ {"version":3,"file":"schmancy-steps-container-DLHL9mKo.cjs","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/*\n The actual context object. We provide/consume this in the container and steps.\n /\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/ Base display is just grid, flex properties will be applied dynamically /\n\t\ttransition: all 0.2s ease-in-out;\n\t}\n`) {\n\t/\n\t The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t /\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/\n\t NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t /\n\t@property({ type: Boolean }) lockBack = false\n\n\t/\n\t Consume the shared StepsController from context.\n\t /\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/\n\t Local reactive copy of the container's current step number.\n\t /\n\t@state()\n\tprivate currentStep = 1\n\n\t/\n\t Keep a reference to our subscription so we can unsubscribe cleanly.\n\t /\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/\n\t Update the host element's flex properties based on active state\n\t /\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/\n\t Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t /\n\tget status(): 'complete' \| 'current' \| 'upcoming' {\n\t\tif (this.completed \|\| this.position < this.currentStep) return 'complete'\n\t\tif (this.position === this.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/\n\t Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t /\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outline-variant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive \|\| isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button \n\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t@click=${this._onStepClick} \n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-2 px-2 py-3 rounded-lg' : 'py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-12\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"size-5 transition-transform duration-200 group-hover:scale-110\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start justify-center min-w-0 ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${this.classMap(textClasses)}\">${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, with enhanced spacing -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"ml-10 mt-4 pb-8 transition-all duration-300 ease-out\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n/\n Custom event emitted when the current step changes\n /\nexport type SchmancyStepsChangeEvent = CustomEvent<{ value: number }>\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t\t\n\t\t// Dispatch change event when step changes\n\t\tif (oldValue !== value) {\n\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true\n\t\t\t}))\n\t\t}\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/\n\t Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8 \| 10 \| 12 \| 16 \| 20 \| 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] \|\| '1rem'\n\t\t\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n\t\n\tinterface HTMLElementEventMap {\n\t\t'schmancy-steps:change': SchmancyStepsChangeEvent\n\t}\n}\n"],"names":["StepsController","constructor","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","status","_e","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","dispatchEvent","CustomEvent","detail","bubbles","composed","gapClass","gapRem","provide"],"mappings":"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"}

package/dist/{schmancy-steps-container-6Yh2bfRc.js → schmancy-steps-container-Dhq8V1Jy.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { c as f } from "./consume-5D1qfVWM.js";
 import { css as m, html as c } from "lit";
 import { property as l, state as S, customElement as y } from "lit/decorators.js";
 import { when as d } from "lit/directives/when.js";
-import { $ as b } from "./litElement.mixin-DLNiN-V5.js";
+import { $ as b } from "./litElement.mixin-C9e4ffot.js";
 import { n as v, e as x } from "./provide-tcktw8xB.js";
 import { BehaviorSubject as $ } from "rxjs";
 class k {
@@ -153,4 +153,4 @@ export {
   k as b,
   g as s
 };
-//# sourceMappingURL=schmancy-steps-container-6Yh2bfRc.js.map
+//# sourceMappingURL=schmancy-steps-container-Dhq8V1Jy.js.map

package/dist/{schmancy-steps-container-6Yh2bfRc.js.map → schmancy-steps-container-Dhq8V1Jy.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schmancy-steps-container-6Yh2bfRc.js","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/*\n The actual context object. We provide/consume this in the container and steps.\n /\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/ Base display is just grid, flex properties will be applied dynamically /\n\t\ttransition: all 0.2s ease-in-out;\n\t}\n`) {\n\t/\n\t The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t /\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/\n\t NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t /\n\t@property({ type: Boolean }) lockBack = false\n\n\t/\n\t Consume the shared StepsController from context.\n\t /\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/\n\t Local reactive copy of the container's current step number.\n\t /\n\t@state()\n\tprivate currentStep = 1\n\n\t/\n\t Keep a reference to our subscription so we can unsubscribe cleanly.\n\t /\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/\n\t Update the host element's flex properties based on active state\n\t /\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/\n\t Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t /\n\tget status(): 'complete' \| 'current' \| 'upcoming' {\n\t\tif (this.completed \|\| this.position < this.currentStep) return 'complete'\n\t\tif (this.position === this.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/\n\t Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t /\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outline-variant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive \|\| isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button \n\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t@click=${this._onStepClick} \n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-2 px-2 py-3 rounded-lg' : 'py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-12\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"size-5 transition-transform duration-200 group-hover:scale-110\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start justify-center min-w-0 ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${this.classMap(textClasses)}\">${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, with enhanced spacing -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"ml-10 mt-4 pb-8 transition-all duration-300 ease-out\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n/\n Custom event emitted when the current step changes\n /\nexport type SchmancyStepsChangeEvent = CustomEvent<{ value: number }>\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t\t\n\t\t// Dispatch change event when step changes\n\t\tif (oldValue !== value) {\n\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true\n\t\t\t}))\n\t\t}\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/\n\t Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8 \| 10 \| 12 \| 16 \| 20 \| 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] \|\| '1rem'\n\t\t\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n\t\n\tinterface HTMLElementEventMap {\n\t\t'schmancy-steps:change': SchmancyStepsChangeEvent\n\t}\n}\n"],"names":["StepsController","constructor","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","status","_e","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","dispatchEvent","CustomEvent","detail","bubbles","composed","gapClass","gapRem","provide"],"mappings":"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"}
1	+ {"version":3,"file":"schmancy-steps-container-Dhq8V1Jy.js","sources":["../src/steps/steps.context.ts","../src/steps/schmancy-step.ts","../src/steps/schmancy-steps-container.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { BehaviorSubject } from 'rxjs'\n\nexport class StepsController {\n\tprivate _currentStep = new BehaviorSubject(1)\n\n\tget currentStep$() {\n\t\treturn this._currentStep.asObservable()\n\t}\n\n\tget currentStep() {\n\t\treturn this._currentStep.value\n\t}\n\n\tsetStep(step: number) {\n\t\tthis._currentStep.next(step)\n\t}\n}\n\n/*\n The actual context object. We provide/consume this in the container and steps.\n /\nexport const stepsContext = createContext<StepsController>(Symbol('SchmancyStepsContext'))\n","import { consume } from '@lit/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { Subscription } from 'rxjs'\nimport { stepsContext, StepsController } from './steps.context'\nimport { $LitElement } from '@mixins/litElement.mixin'\n\n@customElement('schmancy-step')\nexport class SchmancyStep extends $LitElement(css`\n\t:host {\n\t\tdisplay: grid;\n\t\t/ Base display is just grid, flex properties will be applied dynamically /\n\t\ttransition: all 0.2s ease-in-out;\n\t}\n`) {\n\t/\n\t The step's position (1-based). This is used to compare against\n\t * the container's current step to decide if it's \"complete\",\n\t * \"current\", or \"upcoming\".\n\t /\n\t@property({ type: Number }) position = 1\n\n\t@property({ type: String }) title = ''\n\t@property({ type: String }) description = ''\n\n\t// NEW: Allow a step to be explicitly marked as complete.\n\t@property({ type: Boolean, reflect: true }) completed = false\n\n\t/\n\t NEW: Lock API to disable users from going back.\n\t * When set to true, clicking on a previous (completed) step is ignored.\n\t /\n\t@property({ type: Boolean }) lockBack = false\n\n\t/\n\t Consume the shared StepsController from context.\n\t /\n\t@consume({ context: stepsContext })\n\tprivate steps!: StepsController\n\n\t/\n\t Local reactive copy of the container's current step number.\n\t /\n\t@state()\n\tprivate currentStep = 1\n\n\t/\n\t Keep a reference to our subscription so we can unsubscribe cleanly.\n\t /\n\tprivate subscription?: Subscription\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tfirstUpdated() {\n\t\t// Subscribe to updates from the container's StepsController.\n\t\t// Context is guaranteed to be available after first render\n\t\tthis.subscription = this.steps.currentStep$.subscribe(step => {\n\t\t\tthis.currentStep = step\n\t\t\t// When the current step changes, update the flex properties\n\t\t\tthis.updateFlexProperties()\n\t\t})\n\t\t// Initial update of flex properties\n\t\tthis.updateFlexProperties()\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.subscription?.unsubscribe()\n\t\tsuper.disconnectedCallback()\n\t}\n\n\t/\n\t Update the host element's flex properties based on active state\n\t /\n\tprivate updateFlexProperties() {\n\t\tconst isActive = this.position === this.currentStep\n\n\t\tif (isActive) {\n\t\t\t// Apply flex-grow when active\n\t\t\tthis.style.flex = '1 1 auto'\n\t\t} else {\n\t\t\t// Make it shrink when not active\n\t\t\tthis.style.flex = '0 0 auto'\n\t\t}\n\t}\n\n\t/\n\t Compute visual status for styling purposes. Note that if a step is explicitly\n\t * marked as completed, it always appears as complete even if it's active.\n\t /\n\tget status(): 'complete' \| 'current' \| 'upcoming' {\n\t\tif (this.completed \|\| this.position < this.currentStep) return 'complete'\n\t\tif (this.position === this.currentStep) return 'current'\n\t\treturn 'upcoming'\n\t}\n\n\t/\n\t Click handler to allow navigation between completed (or active) steps.\n\t * With lockBack enabled, clicking on a previous step is ignored.\n\t /\n\tprivate _onStepClick(_e: Event) {\n\t\t// If lockBack is enabled and the user attempts to go back, do nothing.\n\t\tif (this.lockBack && this.position < this.currentStep) {\n\t\t\treturn\n\t\t}\n\t\tif (this.status !== 'upcoming') {\n\t\t\tthis.steps.setStep(this.position)\n\t\t}\n\t}\n\n\trender() {\n\t\t// Determine if the step is currently active.\n\t\tconst isActive = this.position === this.currentStep\n\n\t\t// Use computed status for visual styling.\n\t\tconst isComplete = this.status === 'complete'\n\t\tconst isUpcoming = this.status === 'upcoming'\n\n\t\t// Enhanced styling classes with better visual hierarchy\n\t\tconst connectorClasses = {\n\t\t\t'bg-tertiary-default': isComplete,\n\t\t\t'bg-outline-variant': !isComplete,\n\t\t}\n\n\t\tconst iconContainerClasses = {\n\t\t\t'relative border-solid z-10 flex size-8 items-center justify-center rounded-full transition-all duration-200': true,\n\t\t\t'bg-tertiary-default text-tertiary-on shadow-md group-hover:shadow-lg': isComplete,\n\t\t\t'border-2 border-primary-default bg-primary-container text-primary-onContainer shadow-sm': !isComplete && isActive,\n\t\t\t'border-2 border-outline bg-surface-default text-surface-onVariant group-hover:border-primary-default group-hover:bg-primary-container': isUpcoming,\n\t\t}\n\n\t\tconst textClasses = {\n\t\t\t'text-primary-default font-medium': isActive,\n\t\t\t'text-tertiary-default': isComplete,\n\t\t\t'text-surface-onVariant': isUpcoming,\n\t\t}\n\n\t\t// If the step is clickable (active or complete), add a pointer cursor.\n\t\tconst clickableClass = isActive \|\| isComplete ? 'cursor-pointer' : ''\n\n\t\treturn html`\n\t\t\t<li class=\"relative\">\n\t\t\t\t<!-- Connector line -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute top-8 left-4 -ml-px w-0.5 transition-colors duration-200 ${this.classMap(connectorClasses)}\"\n\t\t\t\t\tstyle=\"height: calc(100% + var(--steps-gap, 0px))\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Step Button/Label -->\n\t\t\t\t<button \n\t\t\t\t\ttype=\"button\" \n\t\t\t\t\t@click=${this._onStepClick} \n\t\t\t\t\tclass=\"relative flex items-center group transition-all duration-200 hover:scale-[1.02] ${clickableClass} ${isActive ? 'bg-primary-container/20 -mx-2 px-2 py-3 rounded-lg' : 'py-2'}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex items-center h-12\">\n\t\t\t\t\t\t<span class=${this.classMap(iconContainerClasses)}>\n\t\t\t\t\t\t\t${isComplete\n\t\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t\t<svg class=\"size-5 transition-transform duration-200 group-hover:scale-110\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t\t: html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"size-3 rounded-full transition-all duration-200 ${isActive\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary-onContainer'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'bg-transparent group-hover:bg-primary-default group-hover:scale-125'}\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<span class=\"flex flex-col items-start justify-center min-w-0 ml-6\">\n\t\t\t\t\t\t<schmancy-typography type=\"title\" token=\"md\">\n\t\t\t\t\t\t\t<span class=\"transition-colors duration-200 ${this.classMap(textClasses)}\">${this.title}</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\tthis.description,\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"sm\" class=\"mt-1\">\n\t\t\t\t\t\t\t\t\t<span class=\"text-surface-onVariant transition-colors duration-200 ${isActive ? 'text-primary-onContainer' : ''}\">${this.description}</span>\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t\t<!-- Render step content if the step is active, with enhanced spacing -->\n\t\t\t\t${when(\n\t\t\t\t\tisActive,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<div class=\"ml-10 mt-4 pb-8 transition-all duration-300 ease-out\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</li>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-step': SchmancyStep\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/litElement.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { StepsController, stepsContext } from './steps.context'\n\n/\n Custom event emitted when the current step changes\n /\nexport type SchmancyStepsChangeEvent = CustomEvent<{ value: number }>\n\n@customElement('schmancy-steps-container')\nexport class SchmancyStepsContainer extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprivate controller = new StepsController()\n\n\t@provide({ context: stepsContext })\n\tstepsController = this.controller\n\n\t@property({ type: Number, reflect: true })\n\tset currentStep(value: number) {\n\t\tconst oldValue = this._currentStep\n\t\tthis._currentStep = value\n\t\tthis.controller.setStep(value)\n\t\tthis.requestUpdate('currentStep', oldValue)\n\t\t\n\t\t// Dispatch change event when step changes\n\t\tif (oldValue !== value) {\n\t\t\tthis.dispatchEvent(new CustomEvent('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true\n\t\t\t}))\n\t\t}\n\t}\n\n\tget currentStep(): number {\n\t\treturn this._currentStep\n\t}\n\n\tprivate _currentStep = 1\n\n\t/\n\t Gap between steps. Maps to Tailwind gap classes.\n\t * Options: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24\n\t * @default 4\n\t */\n\t@property({ type: Number, reflect: true })\n\tgap: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8 \| 10 \| 12 \| 16 \| 20 \| 24 = 4\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis.controller.setStep(this.currentStep)\n\t}\n\n\trender() {\n\t\t// Map gap value to Tailwind gap class\n\t\tconst gapClass = `gap-${this.gap}`\n\t\t\n\t\t// Map gap value to actual rem value for CSS custom property\n\t\t// Tailwind gap scale: 1 = 0.25rem, 2 = 0.5rem, etc.\n\t\tconst gapRem = {\n\t\t\t0: '0',\n\t\t\t1: '0.25rem',\n\t\t\t2: '0.5rem',\n\t\t\t3: '0.75rem',\n\t\t\t4: '1rem',\n\t\t\t5: '1.25rem',\n\t\t\t6: '1.5rem',\n\t\t\t8: '2rem',\n\t\t\t10: '2.5rem',\n\t\t\t12: '3rem',\n\t\t\t16: '4rem',\n\t\t\t20: '5rem',\n\t\t\t24: '6rem'\n\t\t}[this.gap] \|\| '1rem'\n\t\t\n\t\treturn html`\n\t\t\t<nav class=\"flex h-full w-full\" aria-label=\"Progress\">\n\t\t\t\t<ol class=\"flex flex-col flex-1 ${gapClass}\" role=\"list\" style=\"--steps-gap: ${gapRem}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-steps-container': SchmancyStepsContainer\n\t}\n\t\n\tinterface HTMLElementEventMap {\n\t\t'schmancy-steps:change': SchmancyStepsChangeEvent\n\t}\n}\n"],"names":["StepsController","constructor","this","_currentStep","BehaviorSubject","currentStep$","asObservable","currentStep","value","step","next","stepsContext","createContext","Symbol","SchmancyStep","$LitElement","css","super","arguments","position","title","description","completed","lockBack","connectedCallback","subscription","steps","subscribe","updateFlexProperties","disconnectedCallback","unsubscribe","isActive","style","flex","status","_e","setStep","render","isComplete","isUpcoming","connectorClasses","iconContainerClasses","textClasses","clickableClass","html","classMap","_onStepClick","when","__decorateClass","property","type","Number","prototype","String","Boolean","reflect","consume","context","state","customElement","SchmancyStepsContainer","controller","stepsController","gap","oldValue","requestUpdate","dispatchEvent","CustomEvent","detail","bubbles","composed","gapClass","gapRem","provide"],"mappings":"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"}

package/dist/{select-rrfFhF3b.js → select-DXcdeHjY.js} RENAMED Viewed

@@ -3,8 +3,8 @@ import { fromEvent as c, takeUntil as f } from "rxjs";
 import { classMap as S } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as r, state as h, query as y, queryAssignedElements as $, customElement as _ } from "lit/decorators.js";
-import "./tailwind.mixin-QM5BZpYs.js";
-import { $ as k } from "./litElement.mixin-DLNiN-V5.js";
+import "./tailwind.mixin-CUBQFucF.js";
+import { $ as k } from "./litElement.mixin-C9e4ffot.js";
 import { c as A } from "./ripple-BumgqsDT.js";
 import { S as v } from "./theme.interface-C5Kj6WjD.js";
 import { css as D, html as u } from "lit";
@@ -242,4 +242,4 @@ o.formAssociated = !0, a([r({ type: String })], o.prototype, "name", 2), a([r({
 export {
   o as S
 };
-//# sourceMappingURL=select-rrfFhF3b.js.map
+//# sourceMappingURL=select-DXcdeHjY.js.map