@mhmo91/schmancy 0.2.106 → 0.2.108

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 (54) hide show
  1. package/dist/area.cjs +1 -1
  2. package/dist/area.component--h6lcDbh.cjs +8 -0
  3. package/dist/area.component--h6lcDbh.cjs.map +1 -0
  4. package/dist/{area.component-8AQUkma0.js → area.component-D9jjR4-z.js} +32 -32
  5. package/dist/area.component-D9jjR4-z.js.map +1 -0
  6. package/dist/area.js +1 -1
  7. package/dist/card.cjs +1 -1
  8. package/dist/card.js +1 -1
  9. package/dist/{chips-CR5QTRYd.js → chips-BL6vlm9-.js} +12 -12
  10. package/dist/{chips-CR5QTRYd.js.map → chips-BL6vlm9-.js.map} +1 -1
  11. package/dist/chips.js +1 -1
  12. package/dist/content-drawer.cjs +1 -1
  13. package/dist/content-drawer.js +1 -1
  14. package/dist/{delay-DE7SE2Lx.cjs → delay-_tsTZ2IL.cjs} +2 -2
  15. package/dist/{delay-DE7SE2Lx.cjs.map → delay-_tsTZ2IL.cjs.map} +1 -1
  16. package/dist/delay.cjs +1 -1
  17. package/dist/index.cjs +1 -1
  18. package/dist/index.js +40 -41
  19. package/dist/index.js.map +1 -1
  20. package/dist/nav-drawer.cjs +1 -1
  21. package/dist/nav-drawer.js +1 -1
  22. package/dist/notification.cjs +1 -1
  23. package/dist/notification.js +5 -6
  24. package/dist/notification.js.map +1 -1
  25. package/dist/outlet-IKjizKaN.cjs +30 -0
  26. package/dist/outlet-IKjizKaN.cjs.map +1 -0
  27. package/dist/outlet-Us3Wi-TE.js +81 -0
  28. package/dist/outlet-Us3Wi-TE.js.map +1 -0
  29. package/dist/rxjs-utils.js +4 -4
  30. package/dist/teleport.cjs +1 -1
  31. package/dist/{teleport.component-CDsX-2Mg.js → teleport.component-Brodt-vU.js} +9 -10
  32. package/dist/{teleport.component-CDsX-2Mg.js.map → teleport.component-Brodt-vU.js.map} +1 -1
  33. package/dist/{teleport.component-BokvDfBn.cjs → teleport.component-DeCJJ0wk.cjs} +2 -2
  34. package/dist/{teleport.component-BokvDfBn.cjs.map → teleport.component-DeCJJ0wk.cjs.map} +1 -1
  35. package/dist/teleport.js +1 -1
  36. package/dist/{typewriter-SgYEA2OC.js → typewriter-Dn4nHKtu.js} +11 -11
  37. package/dist/{typewriter-SgYEA2OC.js.map → typewriter-Dn4nHKtu.js.map} +1 -1
  38. package/dist/{typewriter-CAmStzUa.cjs → typewriter-I6nigRrM.cjs} +2 -2
  39. package/dist/{typewriter-CAmStzUa.cjs.map → typewriter-I6nigRrM.cjs.map} +1 -1
  40. package/dist/typewriter.cjs +1 -1
  41. package/dist/typewriter.js +1 -1
  42. package/package.json +1 -1
  43. package/types/src/area/area.component.d.ts +17 -8
  44. package/dist/_notification-BMl7x5RW.cjs +0 -2
  45. package/dist/_notification-BMl7x5RW.cjs.map +0 -1
  46. package/dist/_notification-D5MEzxBs.js +0 -21
  47. package/dist/_notification-D5MEzxBs.js.map +0 -1
  48. package/dist/area.component-8AQUkma0.js.map +0 -1
  49. package/dist/area.component-nkE9S6b3.cjs +0 -8
  50. package/dist/area.component-nkE9S6b3.cjs.map +0 -1
  51. package/dist/outlet-B16Pt3na.js +0 -62
  52. package/dist/outlet-B16Pt3na.js.map +0 -1
  53. package/dist/outlet-CT1apG_R.cjs +0 -30
  54. package/dist/outlet-CT1apG_R.cjs.map +0 -1
package/dist/area.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.component-nkE9S6b3.cjs");exports.FINDING_MORTIES=e.FINDING_MORTIES,exports.HERE_RICKY=e.HERE_RICKY,exports.HISTORY_STRATEGY=e.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>e.SchmancyArea}),exports.area=e.area,exports.routerHistory=e.routerHistory;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.component--h6lcDbh.cjs");exports.FINDING_MORTIES=e.FINDING_MORTIES,exports.HERE_RICKY=e.HERE_RICKY,exports.HISTORY_STRATEGY=e.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>e.SchmancyArea}),exports.area=e.area,exports.routerHistory=e.routerHistory;
2
2
  //# sourceMappingURL=area.cjs.map
@@ -0,0 +1,8 @@
1
+ "use strict";const e=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const y=require("./litElement.mixin-9sOZ1KTq.cjs");require("./tailwind.mixin-DFM3jd9q.cjs");const l=require("lit"),c=require("lit/decorators.js"),g=require("./index-DyJ0oDpR.cjs"),S=new e.Subject,d="FINDING_MORTIES",f="HERE_RICKY";class p{constructor(){this.prettyURL=!1,this.mode="HISTORY",this.request=new e.ReplaySubject(1),this.current=new Map,this.$current=new e.ReplaySubject(1),this.enableHistoryMode=!0,this.findingMortiesEvent=new CustomEvent(d),this.$current.next(this.current)}find(){return e.zip([e.fromEvent(window,f).pipe(e.map(t=>t.detail),e.bufferTime(0),e.tap(console.log)),e.of(1).pipe(e.tap(()=>window.dispatchEvent(this.findingMortiesEvent)))]).pipe(e.map(([t])=>t),e.timeout(1))}push(t){this.request.next(t)}pop(t){const o=JSON.parse(JSON.stringify(s.state));delete o[t],history.replaceState(null,"",encodeURIComponent(JSON.stringify(o)))}static getInstance(){return p.instance||(p.instance=new p),p.instance}get state(){const t=location.pathname.split("/").pop();let o={};try{o=t?JSON.parse(decodeURIComponent(t)):{}}catch{o={}}return o}}const s=p.getInstance();var h=(n=>(n.push="push",n.replace="replace",n.pop="pop",n.silent="silent",n))(h||{}),w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,m=(n,t,o,r)=>{for(var i,a=r>1?void 0:r?E(t,o):t,u=n.length-1;u>=0;u--)(i=n[u])&&(a=(r?i(t,o,a):i(a))||a);return r&&a&&w(t,o,a),a};exports.SchmancyArea=class extends y.$LitElement(l.css`
2
+ :host {
3
+ position: relative;
4
+ display: block;
5
+ inset: 0;
6
+ }
7
+ `){constructor(){super(...arguments),this.mappings=[]}getComponentFromMappings(n,t){return e.of(location.pathname).pipe(e.map(o=>{const r=n.find(a=>a.pathname===o);if(!r)throw new Error(`No mapping found for pathname: ${o}`);const i=r.routes.find(a=>a.area===this.name);if(!i)throw new Error(`No route found for area: ${this.name} in pathname: ${o}`);return i}),e.map(o=>({area:this.name,component:o.component||this.default,state:o.state,historyStrategy:t})),e.catchError(()=>this.default?e.of({area:this.name,component:this.default,historyStrategy:t}):e.EMPTY))}getComponentFromPathname(n,t){return e.of(n).pipe(e.map(o=>o.split("/").pop()??""),e.map(o=>decodeURIComponent(o)),e.map(o=>JSON.parse(o)),e.map(o=>o[this.name]),e.map(o=>!o&&this.default?{component:this.default,state:void 0}:o),e.filter(o=>g.libExports.isPresent(o)),e.map(o=>({area:this.name,component:o.component??this.default,state:o.state,historyStrategy:t})),e.map(o=>o),e.catchError(()=>this.default?e.of({area:this.name,component:this.default,historyStrategy:t}):e.EMPTY))}firstUpdated(){if(!this.name)throw new Error("Area name or default component not set");e.merge(e.of(location.pathname).pipe(e.switchMap(n=>this.getComponentFromPathname(n,h.silent)),e.take(1)),s.request.pipe(e.filter(({area:n})=>n===this.name)),e.fromEvent(window,"popstate").pipe(e.map(n=>n.target.location.pathname),e.switchMap(n=>this.getComponentFromPathname(n,h.silent)))).pipe(e.filter(n=>!!n.component),e.takeUntil(this.disconnecting),e.distinctUntilChanged((n,t)=>{let o,r;return typeof n.component!="function"&&(typeof n.component=="string"&&(o=n.component),typeof t.component!="function"&&(typeof t.component=="string"&&(r=t.component),(r==null?void 0:r.replaceAll("-","").toLowerCase())===(o==null?void 0:o.replaceAll("-","").toLowerCase())))})).pipe(e.switchMap(n=>{const t=n.component;return t instanceof Promise?e.from(t).pipe(e.map(o=>({component:o.exports.default,route:n}))):e.of({component:t,route:n})}),e.map(({component:n,route:t})=>typeof n=="string"?{component:document.createElement(n),route:t}:n instanceof HTMLElement?{component:n,route:t}:typeof n=="function"?{component:new n,route:t}:void 0),e.distinctUntilChanged((n,t)=>n.component.tagName===t.component.tagName),e.map(({component:n,route:t})=>{var i,a;const o=(i=this.shadowRoot)==null?void 0:i.children[0],r=!!o;return o.remove(),n.classList.add("opacity-0"),(a=this.shadowRoot)==null||a.append(n),n.animate([{opacity:0},{opacity:1}],{duration:r?150:100,easing:"cubic-bezier(0.25, 0.8, 0.25, 1)",fill:"forwards"}),{component:n,route:t}}),e.tap(({component:n,route:t})=>{t.historyStrategy===void 0||t.historyStrategy==="push"?history.pushState(t.state,"",this.newPath(n.tagName,t)):t.historyStrategy&&["replace","pop"].includes(t.historyStrategy)&&history.replaceState(t.state,"",this.newPath(n.tagName,t)),s.current.set(this.name,{component:n.tagName,state:t.state,area:this.name}),s.$current.next(s.current)}),e.takeUntil(this.disconnecting)).subscribe()}newPath(n,t){const o=location.pathname.split("/").pop();let r={};try{r=o?JSON.parse(decodeURIComponent(o)):{}}catch{r={}}t.state=t.state??{};const i=t.clearQueryParams?this.queryParamClear(t.clearQueryParams):document.location.search;return encodeURIComponent(JSON.stringify({...r,[this.name]:{component:n.toLowerCase(),state:t.state}})).concat(`${i}`)}queryParamClear(n){if(!n)return"";const t=new URLSearchParams(location.search);return n.forEach(o=>t.delete(o)),t.toString()===""?"":`?${t.toString()}`}checkForTeleportationRequests(){return e.fromEvent(window,"FLIP_REQUEST").pipe(e.map(n=>n.detail),e.tap(()=>{this.dispatchEvent(new CustomEvent("FLIP_STARTED"))}),e.timeout(0),e.catchError(()=>e.of(null)),e.takeUntil(this.disconnecting))}disconnectedCallback(){super.disconnectedCallback(),this.disconnecting.next(!0)}render(){return l.html` <slot> </slot> `}},m([c.property()],exports.SchmancyArea.prototype,"name",2),m([c.property()],exports.SchmancyArea.prototype,"default",2),m([c.property({type:Array})],exports.SchmancyArea.prototype,"mappings",2),exports.SchmancyArea=m([c.customElement("schmancy-area")],exports.SchmancyArea),exports.FINDING_MORTIES=d,exports.HERE_RICKY=f,exports.HISTORY_STRATEGY=h,exports.area=s,exports.routerHistory=S;
8
+ //# sourceMappingURL=area.component--h6lcDbh.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"area.component--h6lcDbh.cjs","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts"],"sourcesContent":["import { ReplaySubject, Subject, bufferTime, fromEvent, map, of, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, RouteAction } from './router.types'\n\nexport const routerHistory = new Subject<RouteAction>()\n\nexport const FINDING_MORTIES = 'FINDING_MORTIES'\nexport const HERE_RICKY = 'HERE_RICKY'\nexport type HERE_RICKY_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\nexport type FINDING_MORTIES_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nclass AreaService {\n\tprivate static instance: AreaService\n\tpublic prettyURL = false\n\tpublic mode: 'SILENT' | 'HISTORY' = 'HISTORY'\n\tpublic request = new ReplaySubject<RouteAction>(1)\n\tpublic current = new Map<string, ActiveRoute>()\n\tpublic $current = new ReplaySubject<Map<string, ActiveRoute>>(1)\n\tpublic enableHistoryMode = true\n\tprivate findingMortiesEvent = new CustomEvent<FINDING_MORTIES_EVENT['detail']>(FINDING_MORTIES)\n\n\tconstructor() {\n\t\tthis.$current.next(this.current)\n\t}\n\n\tfind() {\n\t\treturn zip([\n\t\t\tfromEvent<HERE_RICKY_EVENT>(window, HERE_RICKY).pipe(\n\t\t\t\tmap(e => e.detail),\n\t\t\t\tbufferTime(0),\n\t\t\t\ttap(console.log),\n\t\t\t),\n\t\t\tof(1).pipe(tap(() => window.dispatchEvent(this.findingMortiesEvent))),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(1),\n\t\t)\n\t}\n\n\tpush(r: RouteAction) {\n\t\tthis.request.next(r)\n\t}\n\n\tpop(name: string) {\n\t\tconst newState = JSON.parse(JSON.stringify(area.state))\n\t\tdelete newState[name]\n\t\tconsole.log(area.state, newState)\n\t\thistory.replaceState(null, '', encodeURIComponent(JSON.stringify(newState)))\n\t}\n\tstatic getInstance() {\n\t\tif (!AreaService.instance) {\n\t\t\tAreaService.instance = new AreaService()\n\t\t}\n\t\treturn AreaService.instance\n\t}\n\n\tget state() {\n\t\tconst pathname = location.pathname.split('/').pop()\n\t\tlet areaState = {}\n\t\ttry {\n\t\t\tareaState = pathname ? JSON.parse(decodeURIComponent(pathname)) : {}\n\t\t} catch {\n\t\t\tareaState = {}\n\t\t}\n\t\treturn areaState\n\t}\n}\n\nexport const area = AreaService.getInstance()\nexport default area\n","export type RouteAction = {\n\tcomponent: CustomElementConstructor | string | HTMLElement\n\tarea: string\n\tstate?: object\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] | null\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: object\n}\n\nexport type THistoryStrategy = 'push' | 'replace' | 'pop' | 'silent'\n\nexport enum HISTORY_STRATEGY {\n\tpush = 'push',\n\treplace = 'replace',\n\tpop = 'pop',\n\tsilent = 'silent',\n}\n","import { $LitElement } from '@mixins/index'\nimport { TemplateResult, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimeout,\n} from 'rxjs'\nimport { isPresent } from 'ts-is-present'\nimport area from './area.service'\nimport { HISTORY_STRATEGY, RouteAction } from './router.types'\n\n/**\n * Type describing the route for an area.\n */\ntype TRouteArea = {\n\tcomponent: string\n\tstate: object | undefined\n}\n\n/**\n * Type for a mapping entry. Each mapping specifies a pathname and an array of route definitions.\n * Each route definition contains an area name, a component (or promise/constructor/template),\n * and optionally, a state.\n */\nexport type AreaPathnames = {\n\tpathname: string\n\troutes: Array<{\n\t\tarea: string\n\t\tcomponent: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\t\tstate?: object\n\t}>\n}\n\n@customElement('schmancy-area')\nexport class SchmancyArea extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tinset: 0;\n\t}\n`) {\n\t/**\n\t * The name of the router outlet.\n\t * @attr\n\t * @type {string}\n\t * @public\n\t * @required\n\t */\n\t@property() name!: string\n\n\t/**\n\t * The default component to use if no matching route is found.\n\t */\n\t@property() default!: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\n\t/**\n\t * (Optional) A mappings property that can be set on the element.\n\t * This property is only available for external use and does not alter\n\t * the component's built-in routing behavior.\n\t *\n\t * Example:\n\t * [\n\t * {\n\t * pathname: '/home',\n\t * routes: [\n\t * { area: 'main', component: 'home-view', state: { foo: 'bar' } },\n\t * { area: 'sidebar', component: 'menu-view' }\n\t * ]\n\t * },\n\t * {\n\t * pathname: '/about',\n\t * routes: [\n\t * { area: 'main', component: 'about-view' },\n\t * { area: 'sidebar', component: 'info-view' }\n\t * ]\n\t * }\n\t * ]\n\t */\n\t@property({ type: Array }) mappings: AreaPathnames[] = []\n\n\t/**\n\t * NEW PUBLIC API:\n\t * Accepts an array of route mappings and returns an observable emitting\n\t * the RouteAction for this area (if found) based on the current location's pathname.\n\t *\n\t * Note: This method does not affect the component's built-in logic.\n\t *\n\t * @param mappings - Array of route mapping objects.\n\t * @param historyStrategy - The history strategy to use (e.g. PUSH, REPLACE, SILENT).\n\t * @returns An RxJS Observable that emits a RouteAction.\n\t */\n\tpublic getComponentFromMappings(mappings: AreaPathnames[], historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(location.pathname).pipe(\n\t\t\tmap(currentPath => {\n\t\t\t\tconst mapping = mappings.find(m => m.pathname === currentPath)\n\t\t\t\tif (!mapping) {\n\t\t\t\t\tthrow new Error(`No mapping found for pathname: ${currentPath}`)\n\t\t\t\t}\n\t\t\t\tconst routeForArea = mapping.routes.find(route => route.area === this.name)\n\t\t\t\tif (!routeForArea) {\n\t\t\t\t\tthrow new Error(`No route found for area: ${this.name} in pathname: ${currentPath}`)\n\t\t\t\t}\n\t\t\t\treturn routeForArea\n\t\t\t}),\n\t\t\tmap(\n\t\t\t\troute =>\n\t\t\t\t\t({\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\tcomponent: route.component || this.default,\n\t\t\t\t\t\tstate: route.state,\n\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t}) as RouteAction,\n\t\t\t),\n\t\t\tcatchError(() =>\n\t\t\t\tthis.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY,\n\t\t\t),\n\t\t)\n\t}\n\n\t/**\n\t * ORIGINAL API:\n\t * Returns an observable that emits a RouteAction based on the provided pathname.\n\t *\n\t * This method retains the original logic that parses the URL.\n\t *\n\t * @param pathname - Pathname from the browser location API.\n\t * @param historyStrategy - The history strategy to use for the route (PUSH, REPLACE, SILENT).\n\t * @returns An observable emitting the RouteAction.\n\t */\n\tgetComponentFromPathname(pathname: string, historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(pathname).pipe(\n\t\t\tmap(path => path.split('/').pop() ?? ''),\n\t\t\tmap(path => decodeURIComponent(path)),\n\t\t\tmap(path => JSON.parse(path)),\n\t\t\tmap(routes => routes[this.name] as TRouteArea),\n\t\t\tmap(component =>\n\t\t\t\t!component && this.default\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\tstate: undefined,\n\t\t\t\t\t\t}\n\t\t\t\t\t: component,\n\t\t\t),\n\t\t\tfilter(x => isPresent(x)),\n\t\t\tmap((component: TRouteArea) => ({\n\t\t\t\tarea: this.name,\n\t\t\t\tcomponent: component.component ?? this.default,\n\t\t\t\tstate: component.state,\n\t\t\t\thistoryStrategy,\n\t\t\t})),\n\t\t\tmap(x => x as RouteAction),\n\t\t\tcatchError(() => {\n\t\t\t\treturn this.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * The original routing pipeline remains intact.\n\t * It uses getComponentFromPathname to resolve the route based on the URL.\n\t */\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) {\n\t\t\t// TODO: maybe enforce this to be unique\n\t\t\tthrow new Error('Area name or default component not set')\n\t\t}\n\n\t\tmerge(\n\t\t\t// 1) Initial load from location.pathname.\n\t\t\tof(location.pathname).pipe(\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Requests to change the route for this area.\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\t\t\t// 3) Popstate events (back, forward).\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(e => (e.target as Window).location.pathname),\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(request => !!request.component),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdistinctUntilChanged((a, b) => {\n\t\t\t\t\tlet aComponent, bComponent\n\t\t\t\t\tif (typeof a.component === 'function') return false\n\t\t\t\t\telse if (typeof a.component === 'string') aComponent = a.component\n\n\t\t\t\t\tif (typeof b.component === 'function') return false\n\t\t\t\t\telse if (typeof b.component === 'string') bComponent = b.component\n\n\t\t\t\t\treturn bComponent?.replaceAll('-', '').toLowerCase() === aComponent?.replaceAll('-', '').toLowerCase()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(route => {\n\t\t\t\t\tconst c = route.component\n\t\t\t\t\tif (c instanceof Promise) {\n\t\t\t\t\t\t// Dynamic import module.\n\t\t\t\t\t\treturn from(c).pipe(\n\t\t\t\t\t\t\tmap(x => ({\n\t\t\t\t\t\t\t\tcomponent: x.exports.default as CustomElementConstructor,\n\t\t\t\t\t\t\t\troute,\n\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Already a string, function, or element.\n\t\t\t\t\t\treturn of({ component: c, route })\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tif (typeof component === 'string') {\n\t\t\t\t\t\t// Tag name.\n\t\t\t\t\t\treturn { component: document.createElement(component), route }\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\t// Already an element instance.\n\t\t\t\t\t\treturn { component, route }\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\t// Custom element constructor.\n\t\t\t\t\t\treturn { component: new component(), route }\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.component.tagName === curr.component.tagName),\n\t\t\t\t// Create the new view and add it to the DOM.\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tconst oldView = this.shadowRoot?.children[0]\n\t\t\t\t\tconst oldViewExists = !!oldView\n\n\t\t\t\t\t// Remove the old view (if any).\n\t\t\t\t\toldView.remove()\n\t\t\t\t\t// Native Web Animations API - fade in.\n\t\t\t\t\tcomponent.classList.add('opacity-0')\n\t\t\t\t\tthis.shadowRoot?.append(component)\n\t\t\t\t\tcomponent.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\t\t\tduration: oldViewExists ? 150 : 100,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\t\t\t\ttap(({ component, route }) => {\n\t\t\t\t\t// Handle history updates.\n\t\t\t\t\tif (typeof route.historyStrategy === 'undefined' || route.historyStrategy === 'push') {\n\t\t\t\t\t\thistory.pushState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t} else if (route.historyStrategy && ['replace', 'pop'].includes(route.historyStrategy)) {\n\t\t\t\t\t\thistory.replaceState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t}\n\t\t\t\t\tarea.current.set(this.name, {\n\t\t\t\t\t\tcomponent: component.tagName,\n\t\t\t\t\t\tstate: route.state,\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t})\n\n\t\t\t\t\tarea.$current.next(area.current)\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Computes the new URL path for the given component and route.\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 },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\t/**\n\t * Removes specified query parameters from the current URL.\n\t */\n\tqueryParamClear(params?: string[]) {\n\t\tif (!params) {\n\t\t\treturn ''\n\t\t}\n\t\t// Get query params from URL.\n\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t// Remove query params.\n\t\tparams.forEach(param => urlParams.delete(param))\n\t\tif (urlParams.toString() === '') return ''\n\t\treturn `?${urlParams.toString()}`\n\t}\n\n\t/**\n\t * Checks for teleportation requests (FLIP_REQUEST events) and dispatches a FLIP_STARTED event.\n\t */\n\tcheckForTeleportationRequests() {\n\t\treturn fromEvent<CustomEvent>(window, 'FLIP_REQUEST').pipe(\n\t\t\tmap(e => e.detail),\n\t\t\ttap(() => {\n\t\t\t\tthis.dispatchEvent(new CustomEvent('FLIP_STARTED'))\n\t\t\t}),\n\t\t\ttimeout(0),\n\t\t\tcatchError(() => of(null)),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t)\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\trender() {\n\t\treturn html` <slot> </slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area': SchmancyArea\n\t}\n}\n"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","AreaService","constructor","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","enableHistoryMode","findingMortiesEvent","CustomEvent","next","zip","fromEvent","window","pipe","map","e","detail","bufferTime","tap","console","log","of","dispatchEvent","component","timeout","r","name","newState","JSON","parse","stringify","area","state","history","replaceState","encodeURIComponent","getInstance","instance","pathname","location","split","pop","areaState","decodeURIComponent","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","super","arguments","mappings","historyStrategy","currentPath","mapping","find","m","Error","routeForArea","routes","route","default","catchError","EMPTY","path","filter","x","isPresent","libExports","merge","switchMap","getComponentFromPathname","silent","take","target","takeUntil","disconnecting","distinctUntilChanged","a","b","aComponent","bComponent","replaceAll","toLowerCase","c","Promise","from","exports","document","createElement","HTMLElement","prev","curr","tagName","oldView","shadowRoot","children","oldViewExists","remove","classList","add","append","animate","opacity","duration","easing","fill","pushState","newPath","includes","set","subscribe","tag","oldPathname","oldAreaState","queryParams","clearQueryParams","queryParamClear","search","concat","params","urlParams","URLSearchParams","forEach","param","delete","toString","disconnectedCallback","html","__decorateClass","property","prototype","type","Array","customElement"],"mappings":"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"}
@@ -1,18 +1,18 @@
1
- import { Subject as I, ReplaySubject as E, zip as b, fromEvent as C, of as i, map as a, bufferTime as N, tap as u, timeout as v, catchError as g, EMPTY as P, filter as f, merge as O, switchMap as y, take as F, takeUntil as w, distinctUntilChanged as R, from as U } from "rxjs";
1
+ import { Subject as v, ReplaySubject as C, zip as I, fromEvent as S, of as i, map as a, bufferTime as b, tap as l, timeout as N, catchError as d, EMPTY as P, filter as f, merge as O, switchMap as y, take as U, takeUntil as g, distinctUntilChanged as R, from as F } from "rxjs";
2
2
  import "lit/directives/class-map.js";
3
3
  import "lit/directives/style-map.js";
4
- import { $ as M } from "./litElement.mixin-B43tuAsM.js";
4
+ import { $ as T } from "./litElement.mixin-B43tuAsM.js";
5
5
  import "./tailwind.mixin-ECkyl80C.js";
6
- import { css as T, html as L } from "lit";
7
- import { property as S, customElement as $ } from "lit/decorators.js";
6
+ import { css as L, html as M } from "lit";
7
+ import { property as w, customElement as $ } from "lit/decorators.js";
8
8
  import { l as J } from "./index-CuY8m6ta.js";
9
- const B = new I(), x = "FINDING_MORTIES", k = "HERE_RICKY";
9
+ const B = new v(), x = "FINDING_MORTIES", k = "HERE_RICKY";
10
10
  class p {
11
11
  constructor() {
12
- this.prettyURL = !1, this.mode = "HISTORY", this.request = new E(1), this.current = /* @__PURE__ */ new Map(), this.$current = new E(1), this.enableHistoryMode = !0, this.findingMortiesEvent = new CustomEvent(x), this.$current.next(this.current);
12
+ this.prettyURL = !1, this.mode = "HISTORY", this.request = new C(1), this.current = /* @__PURE__ */ new Map(), this.$current = new C(1), this.enableHistoryMode = !0, this.findingMortiesEvent = new CustomEvent(x), this.$current.next(this.current);
13
13
  }
14
14
  find() {
15
- return b([C(window, k).pipe(a((t) => t.detail), N(0), u(console.log)), i(1).pipe(u(() => window.dispatchEvent(this.findingMortiesEvent)))]).pipe(a(([t]) => t), v(1));
15
+ return I([S(window, k).pipe(a((t) => t.detail), b(0), l(console.log)), i(1).pipe(l(() => window.dispatchEvent(this.findingMortiesEvent)))]).pipe(a(([t]) => t), N(1));
16
16
  }
17
17
  push(t) {
18
18
  this.request.next(t);
@@ -36,11 +36,11 @@ class p {
36
36
  }
37
37
  }
38
38
  const m = p.getInstance();
39
- var h = ((e) => (e.push = "push", e.replace = "replace", e.pop = "pop", e.silent = "silent", e))(h || {}), q = Object.defineProperty, A = Object.getOwnPropertyDescriptor, l = (e, t, n, o) => {
40
- for (var r, s = o > 1 ? void 0 : o ? A(t, n) : t, d = e.length - 1; d >= 0; d--) (r = e[d]) && (s = (o ? r(t, n, s) : r(s)) || s);
41
- return o && s && q(t, n, s), s;
39
+ var E = ((e) => (e.push = "push", e.replace = "replace", e.pop = "pop", e.silent = "silent", e))(E || {}), q = Object.defineProperty, A = Object.getOwnPropertyDescriptor, h = (e, t, n, o) => {
40
+ for (var s, r = o > 1 ? void 0 : o ? A(t, n) : t, u = e.length - 1; u >= 0; u--) (s = e[u]) && (r = (o ? s(t, n, r) : s(r)) || r);
41
+ return o && r && q(t, n, r), r;
42
42
  };
43
- let c = class extends M(T`
43
+ let c = class extends T(L`
44
44
  :host {
45
45
  position: relative;
46
46
  display: block;
@@ -52,31 +52,31 @@ let c = class extends M(T`
52
52
  }
53
53
  getComponentFromMappings(e, t) {
54
54
  return i(location.pathname).pipe(a((n) => {
55
- const o = e.find((s) => s.pathname === n);
55
+ const o = e.find((r) => r.pathname === n);
56
56
  if (!o) throw new Error(`No mapping found for pathname: ${n}`);
57
- const r = o.routes.find((s) => s.area === this.name);
58
- if (!r) throw new Error(`No route found for area: ${this.name} in pathname: ${n}`);
59
- return r;
60
- }), a((n) => ({ area: this.name, component: n.component || this.default, state: n.state, historyStrategy: t })), g(() => this.default ? i({ area: this.name, component: this.default, historyStrategy: t }) : P));
57
+ const s = o.routes.find((r) => r.area === this.name);
58
+ if (!s) throw new Error(`No route found for area: ${this.name} in pathname: ${n}`);
59
+ return s;
60
+ }), a((n) => ({ area: this.name, component: n.component || this.default, state: n.state, historyStrategy: t })), d(() => this.default ? i({ area: this.name, component: this.default, historyStrategy: t }) : P));
61
61
  }
62
62
  getComponentFromPathname(e, t) {
63
- return i(e).pipe(a((n) => n.split("/").pop() ?? ""), a((n) => decodeURIComponent(n)), a((n) => JSON.parse(n)), a((n) => n[this.name]), a((n) => !n && this.default ? { component: this.default, state: void 0 } : n), f((n) => J.isPresent(n)), a((n) => ({ area: this.name, component: n.component ?? this.default, state: n.state, historyStrategy: t })), a((n) => n), g(() => this.default ? i({ area: this.name, component: this.default, historyStrategy: t }) : P));
63
+ return i(e).pipe(a((n) => n.split("/").pop() ?? ""), a((n) => decodeURIComponent(n)), a((n) => JSON.parse(n)), a((n) => n[this.name]), a((n) => !n && this.default ? { component: this.default, state: void 0 } : n), f((n) => J.isPresent(n)), a((n) => ({ area: this.name, component: n.component ?? this.default, state: n.state, historyStrategy: t })), a((n) => n), d(() => this.default ? i({ area: this.name, component: this.default, historyStrategy: t }) : P));
64
64
  }
65
65
  firstUpdated() {
66
66
  if (!this.name) throw new Error("Area name or default component not set");
67
- O(i(location.pathname).pipe(y((e) => this.mappings && this.mappings.length ? this.getComponentFromMappings(this.mappings, h.silent) : this.getComponentFromPathname(e, h.silent)), F(1)), m.request.pipe(f(({ area: e }) => e === this.name)), C(window, "popstate").pipe(a((e) => e.target.location.pathname), y((e) => this.mappings && this.mappings.length ? this.getComponentFromMappings(this.mappings, h.silent) : this.getComponentFromPathname(e, h.silent)))).pipe(f((e) => !!e.component), w(this.disconnecting), R((e, t) => {
67
+ O(i(location.pathname).pipe(y((e) => this.getComponentFromPathname(e, E.silent)), U(1)), m.request.pipe(f(({ area: e }) => e === this.name)), S(window, "popstate").pipe(a((e) => e.target.location.pathname), y((e) => this.getComponentFromPathname(e, E.silent)))).pipe(f((e) => !!e.component), g(this.disconnecting), R((e, t) => {
68
68
  let n, o;
69
69
  return typeof e.component != "function" && (typeof e.component == "string" && (n = e.component), typeof t.component != "function" && (typeof t.component == "string" && (o = t.component), (o == null ? void 0 : o.replaceAll("-", "").toLowerCase()) === (n == null ? void 0 : n.replaceAll("-", "").toLowerCase())));
70
70
  })).pipe(y((e) => {
71
71
  const t = e.component;
72
- return t instanceof Promise ? U(t).pipe(a((n) => ({ component: n.exports.default, route: e }))) : i({ component: t, route: e });
72
+ return t instanceof Promise ? F(t).pipe(a((n) => ({ component: n.exports.default, route: e }))) : i({ component: t, route: e });
73
73
  }), a(({ component: e, route: t }) => typeof e == "string" ? { component: document.createElement(e), route: t } : e instanceof HTMLElement ? { component: e, route: t } : typeof e == "function" ? { component: new e(), route: t } : void 0), R((e, t) => e.component.tagName === t.component.tagName), a(({ component: e, route: t }) => {
74
- var r, s;
75
- const n = (r = this.shadowRoot) == null ? void 0 : r.children[0], o = !!n;
76
- return n.remove(), e.classList.add("opacity-0"), (s = this.shadowRoot) == null || s.append(e), e.animate([{ opacity: 0 }, { opacity: 1 }], { duration: o ? 150 : 100, easing: "cubic-bezier(0.25, 0.8, 0.25, 1)", fill: "forwards" }), { component: e, route: t };
77
- }), u(({ component: e, route: t }) => {
74
+ var s, r;
75
+ const n = (s = this.shadowRoot) == null ? void 0 : s.children[0], o = !!n;
76
+ return n.remove(), e.classList.add("opacity-0"), (r = this.shadowRoot) == null || r.append(e), e.animate([{ opacity: 0 }, { opacity: 1 }], { duration: o ? 150 : 100, easing: "cubic-bezier(0.25, 0.8, 0.25, 1)", fill: "forwards" }), { component: e, route: t };
77
+ }), l(({ component: e, route: t }) => {
78
78
  t.historyStrategy === void 0 || t.historyStrategy === "push" ? history.pushState(t.state, "", this.newPath(e.tagName, t)) : t.historyStrategy && ["replace", "pop"].includes(t.historyStrategy) && history.replaceState(t.state, "", this.newPath(e.tagName, t)), m.current.set(this.name, { component: e.tagName, state: t.state, area: this.name }), m.$current.next(m.current);
79
- }), w(this.disconnecting)).subscribe();
79
+ }), g(this.disconnecting)).subscribe();
80
80
  }
81
81
  newPath(e, t) {
82
82
  const n = location.pathname.split("/").pop();
@@ -87,8 +87,8 @@ let c = class extends M(T`
87
87
  o = {};
88
88
  }
89
89
  t.state = t.state ?? {};
90
- const r = t.clearQueryParams ? this.queryParamClear(t.clearQueryParams) : document.location.search;
91
- return encodeURIComponent(JSON.stringify({ ...o, [this.name]: { component: e.toLowerCase(), state: t.state } })).concat(`${r}`);
90
+ const s = t.clearQueryParams ? this.queryParamClear(t.clearQueryParams) : document.location.search;
91
+ return encodeURIComponent(JSON.stringify({ ...o, [this.name]: { component: e.toLowerCase(), state: t.state } })).concat(`${s}`);
92
92
  }
93
93
  queryParamClear(e) {
94
94
  if (!e) return "";
@@ -96,24 +96,24 @@ let c = class extends M(T`
96
96
  return e.forEach((n) => t.delete(n)), t.toString() === "" ? "" : `?${t.toString()}`;
97
97
  }
98
98
  checkForTeleportationRequests() {
99
- return C(window, "FLIP_REQUEST").pipe(a((e) => e.detail), N(0), u(() => {
99
+ return S(window, "FLIP_REQUEST").pipe(a((e) => e.detail), l(() => {
100
100
  this.dispatchEvent(new CustomEvent("FLIP_STARTED"));
101
- }), w(this.disconnecting), v(0), g(() => i(null)));
101
+ }), N(0), d(() => i(null)), g(this.disconnecting));
102
102
  }
103
103
  disconnectedCallback() {
104
104
  super.disconnectedCallback(), this.disconnecting.next(!0);
105
105
  }
106
106
  render() {
107
- return L` <slot> </slot> `;
107
+ return M` <slot> </slot> `;
108
108
  }
109
109
  };
110
- l([S()], c.prototype, "name", 2), l([S()], c.prototype, "default", 2), l([S({ type: Array })], c.prototype, "mappings", 2), c = l([$("schmancy-area")], c);
110
+ h([w()], c.prototype, "name", 2), h([w()], c.prototype, "default", 2), h([w({ type: Array })], c.prototype, "mappings", 2), c = h([$("schmancy-area")], c);
111
111
  export {
112
112
  x as F,
113
113
  k as H,
114
114
  c as S,
115
115
  m as a,
116
- h as b,
116
+ E as b,
117
117
  B as r
118
118
  };
119
- //# sourceMappingURL=area.component-8AQUkma0.js.map
119
+ //# sourceMappingURL=area.component-D9jjR4-z.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"area.component-D9jjR4-z.js","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts"],"sourcesContent":["import { ReplaySubject, Subject, bufferTime, fromEvent, map, of, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, RouteAction } from './router.types'\n\nexport const routerHistory = new Subject<RouteAction>()\n\nexport const FINDING_MORTIES = 'FINDING_MORTIES'\nexport const HERE_RICKY = 'HERE_RICKY'\nexport type HERE_RICKY_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\nexport type FINDING_MORTIES_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nclass AreaService {\n\tprivate static instance: AreaService\n\tpublic prettyURL = false\n\tpublic mode: 'SILENT' | 'HISTORY' = 'HISTORY'\n\tpublic request = new ReplaySubject<RouteAction>(1)\n\tpublic current = new Map<string, ActiveRoute>()\n\tpublic $current = new ReplaySubject<Map<string, ActiveRoute>>(1)\n\tpublic enableHistoryMode = true\n\tprivate findingMortiesEvent = new CustomEvent<FINDING_MORTIES_EVENT['detail']>(FINDING_MORTIES)\n\n\tconstructor() {\n\t\tthis.$current.next(this.current)\n\t}\n\n\tfind() {\n\t\treturn zip([\n\t\t\tfromEvent<HERE_RICKY_EVENT>(window, HERE_RICKY).pipe(\n\t\t\t\tmap(e => e.detail),\n\t\t\t\tbufferTime(0),\n\t\t\t\ttap(console.log),\n\t\t\t),\n\t\t\tof(1).pipe(tap(() => window.dispatchEvent(this.findingMortiesEvent))),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(1),\n\t\t)\n\t}\n\n\tpush(r: RouteAction) {\n\t\tthis.request.next(r)\n\t}\n\n\tpop(name: string) {\n\t\tconst newState = JSON.parse(JSON.stringify(area.state))\n\t\tdelete newState[name]\n\t\tconsole.log(area.state, newState)\n\t\thistory.replaceState(null, '', encodeURIComponent(JSON.stringify(newState)))\n\t}\n\tstatic getInstance() {\n\t\tif (!AreaService.instance) {\n\t\t\tAreaService.instance = new AreaService()\n\t\t}\n\t\treturn AreaService.instance\n\t}\n\n\tget state() {\n\t\tconst pathname = location.pathname.split('/').pop()\n\t\tlet areaState = {}\n\t\ttry {\n\t\t\tareaState = pathname ? JSON.parse(decodeURIComponent(pathname)) : {}\n\t\t} catch {\n\t\t\tareaState = {}\n\t\t}\n\t\treturn areaState\n\t}\n}\n\nexport const area = AreaService.getInstance()\nexport default area\n","export type RouteAction = {\n\tcomponent: CustomElementConstructor | string | HTMLElement\n\tarea: string\n\tstate?: object\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] | null\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: object\n}\n\nexport type THistoryStrategy = 'push' | 'replace' | 'pop' | 'silent'\n\nexport enum HISTORY_STRATEGY {\n\tpush = 'push',\n\treplace = 'replace',\n\tpop = 'pop',\n\tsilent = 'silent',\n}\n","import { $LitElement } from '@mixins/index'\nimport { TemplateResult, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimeout,\n} from 'rxjs'\nimport { isPresent } from 'ts-is-present'\nimport area from './area.service'\nimport { HISTORY_STRATEGY, RouteAction } from './router.types'\n\n/**\n * Type describing the route for an area.\n */\ntype TRouteArea = {\n\tcomponent: string\n\tstate: object | undefined\n}\n\n/**\n * Type for a mapping entry. Each mapping specifies a pathname and an array of route definitions.\n * Each route definition contains an area name, a component (or promise/constructor/template),\n * and optionally, a state.\n */\nexport type AreaPathnames = {\n\tpathname: string\n\troutes: Array<{\n\t\tarea: string\n\t\tcomponent: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\t\tstate?: object\n\t}>\n}\n\n@customElement('schmancy-area')\nexport class SchmancyArea extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tinset: 0;\n\t}\n`) {\n\t/**\n\t * The name of the router outlet.\n\t * @attr\n\t * @type {string}\n\t * @public\n\t * @required\n\t */\n\t@property() name!: string\n\n\t/**\n\t * The default component to use if no matching route is found.\n\t */\n\t@property() default!: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\n\t/**\n\t * (Optional) A mappings property that can be set on the element.\n\t * This property is only available for external use and does not alter\n\t * the component's built-in routing behavior.\n\t *\n\t * Example:\n\t * [\n\t * {\n\t * pathname: '/home',\n\t * routes: [\n\t * { area: 'main', component: 'home-view', state: { foo: 'bar' } },\n\t * { area: 'sidebar', component: 'menu-view' }\n\t * ]\n\t * },\n\t * {\n\t * pathname: '/about',\n\t * routes: [\n\t * { area: 'main', component: 'about-view' },\n\t * { area: 'sidebar', component: 'info-view' }\n\t * ]\n\t * }\n\t * ]\n\t */\n\t@property({ type: Array }) mappings: AreaPathnames[] = []\n\n\t/**\n\t * NEW PUBLIC API:\n\t * Accepts an array of route mappings and returns an observable emitting\n\t * the RouteAction for this area (if found) based on the current location's pathname.\n\t *\n\t * Note: This method does not affect the component's built-in logic.\n\t *\n\t * @param mappings - Array of route mapping objects.\n\t * @param historyStrategy - The history strategy to use (e.g. PUSH, REPLACE, SILENT).\n\t * @returns An RxJS Observable that emits a RouteAction.\n\t */\n\tpublic getComponentFromMappings(mappings: AreaPathnames[], historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(location.pathname).pipe(\n\t\t\tmap(currentPath => {\n\t\t\t\tconst mapping = mappings.find(m => m.pathname === currentPath)\n\t\t\t\tif (!mapping) {\n\t\t\t\t\tthrow new Error(`No mapping found for pathname: ${currentPath}`)\n\t\t\t\t}\n\t\t\t\tconst routeForArea = mapping.routes.find(route => route.area === this.name)\n\t\t\t\tif (!routeForArea) {\n\t\t\t\t\tthrow new Error(`No route found for area: ${this.name} in pathname: ${currentPath}`)\n\t\t\t\t}\n\t\t\t\treturn routeForArea\n\t\t\t}),\n\t\t\tmap(\n\t\t\t\troute =>\n\t\t\t\t\t({\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\tcomponent: route.component || this.default,\n\t\t\t\t\t\tstate: route.state,\n\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t}) as RouteAction,\n\t\t\t),\n\t\t\tcatchError(() =>\n\t\t\t\tthis.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY,\n\t\t\t),\n\t\t)\n\t}\n\n\t/**\n\t * ORIGINAL API:\n\t * Returns an observable that emits a RouteAction based on the provided pathname.\n\t *\n\t * This method retains the original logic that parses the URL.\n\t *\n\t * @param pathname - Pathname from the browser location API.\n\t * @param historyStrategy - The history strategy to use for the route (PUSH, REPLACE, SILENT).\n\t * @returns An observable emitting the RouteAction.\n\t */\n\tgetComponentFromPathname(pathname: string, historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(pathname).pipe(\n\t\t\tmap(path => path.split('/').pop() ?? ''),\n\t\t\tmap(path => decodeURIComponent(path)),\n\t\t\tmap(path => JSON.parse(path)),\n\t\t\tmap(routes => routes[this.name] as TRouteArea),\n\t\t\tmap(component =>\n\t\t\t\t!component && this.default\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\tstate: undefined,\n\t\t\t\t\t\t}\n\t\t\t\t\t: component,\n\t\t\t),\n\t\t\tfilter(x => isPresent(x)),\n\t\t\tmap((component: TRouteArea) => ({\n\t\t\t\tarea: this.name,\n\t\t\t\tcomponent: component.component ?? this.default,\n\t\t\t\tstate: component.state,\n\t\t\t\thistoryStrategy,\n\t\t\t})),\n\t\t\tmap(x => x as RouteAction),\n\t\t\tcatchError(() => {\n\t\t\t\treturn this.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY\n\t\t\t}),\n\t\t)\n\t}\n\n\t/**\n\t * The original routing pipeline remains intact.\n\t * It uses getComponentFromPathname to resolve the route based on the URL.\n\t */\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) {\n\t\t\t// TODO: maybe enforce this to be unique\n\t\t\tthrow new Error('Area name or default component not set')\n\t\t}\n\n\t\tmerge(\n\t\t\t// 1) Initial load from location.pathname.\n\t\t\tof(location.pathname).pipe(\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Requests to change the route for this area.\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\t\t\t// 3) Popstate events (back, forward).\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(e => (e.target as Window).location.pathname),\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(request => !!request.component),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdistinctUntilChanged((a, b) => {\n\t\t\t\t\tlet aComponent, bComponent\n\t\t\t\t\tif (typeof a.component === 'function') return false\n\t\t\t\t\telse if (typeof a.component === 'string') aComponent = a.component\n\n\t\t\t\t\tif (typeof b.component === 'function') return false\n\t\t\t\t\telse if (typeof b.component === 'string') bComponent = b.component\n\n\t\t\t\t\treturn bComponent?.replaceAll('-', '').toLowerCase() === aComponent?.replaceAll('-', '').toLowerCase()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(route => {\n\t\t\t\t\tconst c = route.component\n\t\t\t\t\tif (c instanceof Promise) {\n\t\t\t\t\t\t// Dynamic import module.\n\t\t\t\t\t\treturn from(c).pipe(\n\t\t\t\t\t\t\tmap(x => ({\n\t\t\t\t\t\t\t\tcomponent: x.exports.default as CustomElementConstructor,\n\t\t\t\t\t\t\t\troute,\n\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t)\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Already a string, function, or element.\n\t\t\t\t\t\treturn of({ component: c, route })\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tif (typeof component === 'string') {\n\t\t\t\t\t\t// Tag name.\n\t\t\t\t\t\treturn { component: document.createElement(component), route }\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\t// Already an element instance.\n\t\t\t\t\t\treturn { component, route }\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\t// Custom element constructor.\n\t\t\t\t\t\treturn { component: new component(), route }\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.component.tagName === curr.component.tagName),\n\t\t\t\t// Create the new view and add it to the DOM.\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tconst oldView = this.shadowRoot?.children[0]\n\t\t\t\t\tconst oldViewExists = !!oldView\n\n\t\t\t\t\t// Remove the old view (if any).\n\t\t\t\t\toldView.remove()\n\t\t\t\t\t// Native Web Animations API - fade in.\n\t\t\t\t\tcomponent.classList.add('opacity-0')\n\t\t\t\t\tthis.shadowRoot?.append(component)\n\t\t\t\t\tcomponent.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\t\t\tduration: oldViewExists ? 150 : 100,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\t\t\t\ttap(({ component, route }) => {\n\t\t\t\t\t// Handle history updates.\n\t\t\t\t\tif (typeof route.historyStrategy === 'undefined' || route.historyStrategy === 'push') {\n\t\t\t\t\t\thistory.pushState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t} else if (route.historyStrategy && ['replace', 'pop'].includes(route.historyStrategy)) {\n\t\t\t\t\t\thistory.replaceState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t}\n\t\t\t\t\tarea.current.set(this.name, {\n\t\t\t\t\t\tcomponent: component.tagName,\n\t\t\t\t\t\tstate: route.state,\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t})\n\n\t\t\t\t\tarea.$current.next(area.current)\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t/**\n\t * Computes the new URL path for the given component and route.\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 },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\t/**\n\t * Removes specified query parameters from the current URL.\n\t */\n\tqueryParamClear(params?: string[]) {\n\t\tif (!params) {\n\t\t\treturn ''\n\t\t}\n\t\t// Get query params from URL.\n\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t// Remove query params.\n\t\tparams.forEach(param => urlParams.delete(param))\n\t\tif (urlParams.toString() === '') return ''\n\t\treturn `?${urlParams.toString()}`\n\t}\n\n\t/**\n\t * Checks for teleportation requests (FLIP_REQUEST events) and dispatches a FLIP_STARTED event.\n\t */\n\tcheckForTeleportationRequests() {\n\t\treturn fromEvent<CustomEvent>(window, 'FLIP_REQUEST').pipe(\n\t\t\tmap(e => e.detail),\n\t\t\ttap(() => {\n\t\t\t\tthis.dispatchEvent(new CustomEvent('FLIP_STARTED'))\n\t\t\t}),\n\t\t\ttimeout(0),\n\t\t\tcatchError(() => of(null)),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t)\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\trender() {\n\t\treturn html` <slot> </slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area': SchmancyArea\n\t}\n}\n"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","AreaService","constructor","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","enableHistoryMode","findingMortiesEvent","CustomEvent","next","find","zip","fromEvent","window","pipe","map","e","detail","bufferTime","tap","console","log","of","dispatchEvent","component","timeout","r","name","newState","JSON","parse","stringify","area","state","history","replaceState","encodeURIComponent","instance","pathname","location","split","pop","areaState","decodeURIComponent","getInstance","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","super","arguments","mappings","historyStrategy","currentPath","mapping","m","Error","routeForArea","routes","route","default","catchError","EMPTY","path","filter","x","isPresent","merge","switchMap","getComponentFromPathname","silent","take","target","takeUntil","disconnecting","distinctUntilChanged","a","b","aComponent","bComponent","replaceAll","toLowerCase","c","Promise","from","exports","t","o","document","createElement","HTMLElement","prev","curr","tagName","oldView","shadowRoot","children","oldViewExists","remove","classList","add","append","animate","opacity","duration","easing","fill","pushState","newPath","includes","set","subscribe","tag","oldPathname","oldAreaState","queryParams","clearQueryParams","queryParamClear","search","concat","params","urlParams","URLSearchParams","forEach","param","delete","toString","disconnectedCallback","html","__decorateClass","property","prototype","type","Array","customElement"],"mappings":"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"}
package/dist/area.js CHANGED
@@ -1,4 +1,4 @@
1
- import { F as s, H as I, b as R, S, a as e, r as o } from "./area.component-8AQUkma0.js";
1
+ import { F as s, H as I, b as R, S, a as e, r as o } from "./area.component-D9jjR4-z.js";
2
2
  export {
3
3
  s as FINDING_MORTIES,
4
4
  I as HERE_RICKY,
package/dist/card.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";require("./teleport.component-BokvDfBn.cjs");
1
+ "use strict";require("./teleport.component-DeCJJ0wk.cjs");
2
2
  //# sourceMappingURL=card.cjs.map
package/dist/card.js CHANGED
@@ -1,2 +1,2 @@
1
- import "./teleport.component-CDsX-2Mg.js";
1
+ import "./teleport.component-Brodt-vU.js";
2
2
  //# sourceMappingURL=card.js.map
@@ -126,13 +126,13 @@ class q extends x {
126
126
  return n`<span class="shadow"></span>`;
127
127
  }
128
128
  }
129
- const U = b`:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:"";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}
129
+ const K = b`:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:"";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}
130
130
  `;
131
131
  let I = class extends q {
132
132
  };
133
- I.styles = [U], I = c([C("md-elevation")], I);
133
+ I.styles = [K], I = c([C("md-elevation")], I);
134
134
  const k = "aria-label-remove";
135
- class G extends v {
135
+ class U extends v {
136
136
  get ariaLabelRemove() {
137
137
  if (this.hasAttribute(k)) return this.getAttribute(k);
138
138
  const { ariaLabel: e } = this;
@@ -167,7 +167,7 @@ class G extends v {
167
167
  }, { once: !0 }));
168
168
  }
169
169
  }
170
- function K({ ariaLabel: t, disabled: e, focusListener: a, tabbable: r = !1 }) {
170
+ function G({ ariaLabel: t, disabled: e, focusListener: a, tabbable: r = !1 }) {
171
171
  return n`
172
172
  <span id="remove-label" hidden aria-hidden="true">Remove</span>
173
173
  <button
@@ -175,7 +175,7 @@ function K({ ariaLabel: t, disabled: e, focusListener: a, tabbable: r = !1 }) {
175
175
  aria-label=${t || g}
176
176
  aria-labelledby=${t ? g : "remove-label label"}
177
177
  tabindex=${r ? g : -1}
178
- @click=${H}
178
+ @click=${M}
179
179
  @focus=${a}>
180
180
  <md-focus-ring part="trailing-focus-ring"></md-focus-ring>
181
181
  <md-ripple ?disabled=${e}></md-ripple>
@@ -191,10 +191,10 @@ function K({ ariaLabel: t, disabled: e, focusListener: a, tabbable: r = !1 }) {
191
191
  </button>
192
192
  `;
193
193
  }
194
- function H(t) {
194
+ function M(t) {
195
195
  this.disabled || this.softDisabled || (t.stopPropagation(), !this.dispatchEvent(new Event("remove", { cancelable: !0 })) || this.remove());
196
196
  }
197
- class m extends G {
197
+ class m extends U {
198
198
  constructor() {
199
199
  super(...arguments), this.elevated = !1, this.removable = !1, this.selected = !1, this.hasSelectedIcon = !1;
200
200
  }
@@ -230,7 +230,7 @@ class m extends G {
230
230
  ` : super.renderLeadingIcon();
231
231
  }
232
232
  renderTrailingAction(e) {
233
- return this.removable ? K({ focusListener: e, ariaLabel: this.ariaLabelRemove, disabled: this.disabled || this.softDisabled }) : g;
233
+ return this.removable ? G({ focusListener: e, ariaLabel: this.ariaLabelRemove, disabled: this.disabled || this.softDisabled }) : g;
234
234
  }
235
235
  renderOutline() {
236
236
  return this.elevated ? n`<md-elevation part="elevation"></md-elevation>` : super.renderOutline();
@@ -242,14 +242,14 @@ class m extends G {
242
242
  }
243
243
  }
244
244
  c([s({ type: Boolean })], m.prototype, "elevated", void 0), c([s({ type: Boolean })], m.prototype, "removable", void 0), c([s({ type: Boolean, reflect: !0 })], m.prototype, "selected", void 0), c([s({ type: Boolean, reflect: !0, attribute: "has-selected-icon" })], m.prototype, "hasSelectedIcon", void 0), c([E(".primary.action")], m.prototype, "primaryAction", void 0), c([E(".trailing.action")], m.prototype, "trailingAction", void 0);
245
- const M = b`:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}}
246
- `, Z = b`.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}}
245
+ const Z = b`:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}}
246
+ `, H = b`.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}}
247
247
  `, Y = b`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}:host(:is([disabled],[soft-disabled])){pointer-events:none}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{min-width:0;padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space)}.has-icon .primary.action{padding-inline-start:var(--_with-leading-icon-leading-space)}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}:host([touch-target=none]) .touch{display:none}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:where(:focus) .outline{border-color:var(--_focus-outline-color)}:where(.disabled) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font-family:var(--_label-text-font);font-size:var(--_label-text-size);font-weight:var(--_label-text-weight);height:100%;line-height:var(--_label-text-line-height);overflow:hidden;user-select:none}.label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:hover) .label{color:var(--_hover-label-text-color)}:where(:focus) .label{color:var(--_focus-label-text-color)}:where(:active) .label{color:var(--_pressed-label-text-color)}:where(.disabled) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}.leading.icon ::slotted(*),.leading.icon svg{margin-inline-end:var(--_icon-label-space)}:where(:hover) .leading.icon{color:var(--_hover-leading-icon-color)}:where(:focus) .leading.icon{color:var(--_focus-leading-icon-color)}:where(:active) .leading.icon{color:var(--_pressed-leading-icon-color)}:where(.disabled) .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){:where(.disabled) :is(.label,.outline,.leading.icon){color:GrayText;opacity:1}}a,button{text-transform:inherit}a,button:not(:disabled,[aria-disabled=true]){cursor:inherit}
248
248
  `, J = b`.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}@media(forced-colors: active){.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}}
249
249
  `;
250
250
  let L = class extends m {
251
251
  };
252
- L.styles = [Y, j, J, Z, M], L = c([C("md-filter-chip")], L);
252
+ L.styles = [Y, j, J, H, Z], L = c([C("md-filter-chip")], L);
253
253
  var N = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, u = (t, e, a, r) => {
254
254
  for (var i, l = r > 1 ? void 0 : r ? Q(e, a) : e, o = t.length - 1; o >= 0; o--) (i = t[o]) && (l = (r ? i(e, a, l) : i(l)) || l);
255
255
  return r && l && N(e, a, l), l;
@@ -333,4 +333,4 @@ let f = class extends D(b``) {
333
333
  }
334
334
  };
335
335
  y([E("md-chip-set")], f.prototype, "chipSet", 2), y([s({ type: Boolean, reflect: !0 })], f.prototype, "multi", 2), y([s({ type: Array, reflect: !0 })], f.prototype, "values", 2), y([s({ type: String, reflect: !0 })], f.prototype, "value", 2), y([O({ selector: "schmancy-chip", flatten: !0 })], f.prototype, "chips", 2), f = y([C("schmancy-chips")], f);
336
- //# sourceMappingURL=chips-CR5QTRYd.js.map
336
+ //# sourceMappingURL=chips-BL6vlm9-.js.map