@mhmo91/schmancy 0.7.7 → 0.8.4

package/dist/{animated-text-DuLrWJ6O.js.map → animated-text-BAj4-6hE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"animated-text-DuLrWJ6O.js","sources":["../src/animated-text/animated-text.ts"],"sourcesContent":["// Removed: import { createTimeline, stagger } from '@packages/anime-beta-master'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedNodes } from 'lit/decorators.js'\nimport {\n\tconcat,\n\tdistinctUntilChanged,\n\tfilter,\n\tfromEvent,\n\tinterval,\n\tmap,\n\tstartWith,\n\ttake,\n\ttap,\n\tthrottleTime,\n} from 'rxjs'\n\n/**\n * @element schmancy-animated-text\n * Inspired by https://tobiasahlin.com/moving-letters/#1\n */\n@customElement('schmancy-animated-text')\nexport default class SchmancyAnimatedText extends $LitElement(css`\n\t:host {\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t}\n\t.ml7 {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n\t.ml7 .text-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\toverflow: hidden;\n\t}\n\t.ml7 .letter {\n\t\ttransform-origin: 0 100%;\n\t\tdisplay: inline-block;\n\t\topacity: 0;\n\t}\n`) {\n\t@property({ type: String }) ease = 'outExpo' // not a built-in string for Web Animations\n\t@property({ type: Number }) delay = 0\n\t@property({ type: Number }) stagger = 50\n\t@property({ type: Number }) duration = 750\n\t@property({ type: Array }) scale = [0, 1]\n\t@property({ type: Array }) opacity = [0, 1]\n\t@property({ type: Array }) translateX = ['0.55em', '0em']\n\t@property({ type: Array }) translateY = ['1.1em', '0em']\n\t@property({ type: Array }) translateZ = [0, 0]\n\t@property({ type: Array }) rotateZ = [180, 0]\n\t@property({ type: Boolean }) resetOnScroll = true\n\n\t@queryAssignedNodes() defaultSlot!: HTMLElement[]\n\t@query('.letters') letters!: HTMLElement\n\t@query('.ml7') ml7!: HTMLElement\n\n\t// Function to check if an element is in the viewport\n\tisInViewport(element: HTMLElement) {\n\t\tconst rect = element.getBoundingClientRect()\n\t\treturn (\n\t\t\trect.top >= 0 &&\n\t\t\trect.left >= 0 &&\n\t\t\trect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n\t\t\trect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\t\t)\n\t}\n\n\tasync firstUpdated() {\n\t\t// Split the text into <span class=\"letter\"> ... </span> elements\n\t\tthis.letters.innerHTML = this.defaultSlot[0].textContent!.replace(/\\S/g, `<span class=\"letter\">$&</span>`)\n\n\t\t// Observe viewport + initial readiness\n\t\tconcat(\n\t\t\t// 1) Wait until the element is rendered (width/height > 0)\n\t\t\tinterval(10).pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\tfilter(() => {\n\t\t\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\t\t\treturn rect.width > 0 && rect.height > 0\n\t\t\t\t}),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Then handle scroll events, throttled\n\t\t\tfromEvent(window, 'scroll').pipe(\n\t\t\t\tthrottleTime(0, undefined, {\n\t\t\t\t\tleading: true,\n\t\t\t\t\ttrailing: true,\n\t\t\t\t}),\n\t\t\t\tstartWith(true),\n\t\t\t\tmap(() => this.isInViewport(this)),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(inViewport => {\n\t\t\t\t\t// If leaving viewport and `resetOnScroll` is true, reset letters to opacity 0\n\t\t\t\t\tif (!inViewport && this.resetOnScroll) {\n\t\t\t\t\t\tArray.from(this.letters.children).forEach((letter: HTMLElement) => {\n\t\t\t\t\t\t\tletter.style.opacity = '0'\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tfilter(isInViewport => isInViewport),\n\t\t\t\t// If resetOnScroll = false, animate only the first time inView. If true, repeat.\n\t\t\t\tthis.resetOnScroll ? tap() : take(1),\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\t// Animate letters with the native Web Animations API\n\t\t\t\t\t\tconst letters = this.shadowRoot!.querySelectorAll<HTMLElement>('.ml7 .letter')\n\n\t\t\t\t\t\tletters.forEach((letter, i) => {\n\t\t\t\t\t\t\t// Combine all transforms into one CSS transform string\n\t\t\t\t\t\t\t// From\n\t\t\t\t\t\t\tconst fromTransform = `\n                translate3d(${this.translateX[0]}, ${this.translateY[0]}, ${this.translateZ[0]}px)\n                rotateZ(${this.rotateZ[0]}deg)\n                scale(${this.scale[0]})\n              `\n\t\t\t\t\t\t\t// To\n\t\t\t\t\t\t\tconst toTransform = `\n                translate3d(${this.translateX[1]}, ${this.translateY[1]}, ${this.translateZ[1]}px)\n                rotateZ(${this.rotateZ[1]}deg)\n                scale(${this.scale[1]})\n              `\n\t\t\t\t\t\t\t// Approximate `outExpo` or pick a standard easing (like 'ease-out'):\n\t\t\t\t\t\t\t// outExpo often approximated by cubic-bezier(0.19, 1, 0.22, 1)\n\t\t\t\t\t\t\tconst easingMap: Record<string, string> = {\n\t\t\t\t\t\t\t\toutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n\t\t\t\t\t\t\t\t// add more if you want\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst keyframes: Keyframe[] = [\n\t\t\t\t\t\t\t\t{ transform: fromTransform, opacity: String(this.opacity[0]) },\n\t\t\t\t\t\t\t\t{ transform: toTransform, opacity: String(this.opacity[1]) },\n\t\t\t\t\t\t\t]\n\n\t\t\t\t\t\t\tletter.animate(keyframes, {\n\t\t\t\t\t\t\t\tduration: this.duration,\n\t\t\t\t\t\t\t\teasing: easingMap[this.ease] || 'ease-out',\n\t\t\t\t\t\t\t\tdelay: this.delay + i * this.stagger, // staggered start\n\t\t\t\t\t\t\t\tfill: 'forwards', // so the letters remain visible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t).subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<span class=\"ml7\">\n\t\t\t\t<span class=\"text-wrapper\">\n\t\t\t\t\t<span class=\"letters\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-animated-text': SchmancyAnimatedText\n\t}\n}\n"],"names":["SchmancyAnimatedText","$LitElement","css","constructor","super","arguments","this","ease","delay","stagger","duration","scale","opacity","translateX","translateY","translateZ","rotateZ","resetOnScroll","element","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","firstUpdated","letters","innerHTML","defaultSlot","textContent","replace","concat","interval","pipe","startWith","filter","width","height","take","fromEvent","throttleTime","leading","trailing","map","isInViewport","distinctUntilChanged","tap","inViewport","Array","from","children","forEach","letter","style","next","shadowRoot","querySelectorAll","i","fromTransform","toTransform","keyframes","transform","String","animate","easing","outExpo","fill","subscribe","render","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"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"}
+{"version":3,"file":"animated-text-BAj4-6hE.js","sources":["../src/animated-text/animated-text.ts"],"sourcesContent":["// Removed: import { createTimeline, stagger } from '@packages/anime-beta-master'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedNodes } from 'lit/decorators.js'\nimport {\n\tconcat,\n\tdistinctUntilChanged,\n\tfilter,\n\tfromEvent,\n\tinterval,\n\tmap,\n\tstartWith,\n\ttake,\n\ttap,\n\tthrottleTime,\n} from 'rxjs'\n\n/**\n * @element schmancy-animated-text\n * Inspired by https://tobiasahlin.com/moving-letters/#1\n */\n@customElement('schmancy-animated-text')\nexport default class SchmancyAnimatedText extends $LitElement(css`\n\t:host {\n\t\tfont-family: inherit;\n\t\tdisplay: block;\n\t}\n\t.ml7 {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n\t.ml7 .text-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\toverflow: hidden;\n\t}\n\t.ml7 .letter {\n\t\ttransform-origin: 0 100%;\n\t\tdisplay: inline-block;\n\t\topacity: 0;\n\t}\n`) {\n\t@property({ type: String }) ease = 'outExpo' // not a built-in string for Web Animations\n\t@property({ type: Number }) delay = 0\n\t@property({ type: Number }) stagger = 50\n\t@property({ type: Number }) duration = 750\n\t@property({ type: Array }) scale = [0, 1]\n\t@property({ type: Array }) opacity = [0, 1]\n\t@property({ type: Array }) translateX = ['0.55em', '0em']\n\t@property({ type: Array }) translateY = ['1.1em', '0em']\n\t@property({ type: Array }) translateZ = [0, 0]\n\t@property({ type: Array }) rotateZ = [180, 0]\n\t@property({ type: Boolean }) resetOnScroll = true\n\n\t@queryAssignedNodes() defaultSlot!: HTMLElement[]\n\t@query('.letters') letters!: HTMLElement\n\t@query('.ml7') ml7!: HTMLElement\n\n\t// Function to check if an element is in the viewport\n\tisInViewport(element: HTMLElement) {\n\t\tconst rect = element.getBoundingClientRect()\n\t\treturn (\n\t\t\trect.top >= 0 &&\n\t\t\trect.left >= 0 &&\n\t\t\trect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n\t\t\trect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\t\t)\n\t}\n\n\tasync firstUpdated() {\n\t\t// Split the text into <span class=\"letter\"> ... </span> elements\n\t\tthis.letters.innerHTML = this.defaultSlot[0].textContent!.replace(/\\S/g, `<span class=\"letter\">$&</span>`)\n\n\t\t// Observe viewport + initial readiness\n\t\tconcat(\n\t\t\t// 1) Wait until the element is rendered (width/height > 0)\n\t\t\tinterval(10).pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\tfilter(() => {\n\t\t\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\t\t\treturn rect.width > 0 && rect.height > 0\n\t\t\t\t}),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) Then handle scroll events, throttled\n\t\t\tfromEvent(window, 'scroll').pipe(\n\t\t\t\tthrottleTime(0, undefined, {\n\t\t\t\t\tleading: true,\n\t\t\t\t\ttrailing: true,\n\t\t\t\t}),\n\t\t\t\tstartWith(true),\n\t\t\t\tmap(() => this.isInViewport(this)),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(inViewport => {\n\t\t\t\t\t// If leaving viewport and `resetOnScroll` is true, reset letters to opacity 0\n\t\t\t\t\tif (!inViewport && this.resetOnScroll) {\n\t\t\t\t\t\tArray.from(this.letters.children).forEach((letter: HTMLElement) => {\n\t\t\t\t\t\t\tletter.style.opacity = '0'\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tfilter(isInViewport => isInViewport),\n\t\t\t\t// If resetOnScroll = false, animate only the first time inView. If true, repeat.\n\t\t\t\tthis.resetOnScroll ? tap() : take(1),\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\t// Animate letters with the native Web Animations API\n\t\t\t\t\t\tconst letters = this.shadowRoot!.querySelectorAll<HTMLElement>('.ml7 .letter')\n\n\t\t\t\t\t\tletters.forEach((letter, i) => {\n\t\t\t\t\t\t\t// Combine all transforms into one CSS transform string\n\t\t\t\t\t\t\t// From\n\t\t\t\t\t\t\tconst fromTransform = `\n                translate3d(${this.translateX[0]}, ${this.translateY[0]}, ${this.translateZ[0]}px)\n                rotateZ(${this.rotateZ[0]}deg)\n                scale(${this.scale[0]})\n              `\n\t\t\t\t\t\t\t// To\n\t\t\t\t\t\t\tconst toTransform = `\n                translate3d(${this.translateX[1]}, ${this.translateY[1]}, ${this.translateZ[1]}px)\n                rotateZ(${this.rotateZ[1]}deg)\n                scale(${this.scale[1]})\n              `\n\t\t\t\t\t\t\t// Approximate `outExpo` or pick a standard easing (like 'ease-out'):\n\t\t\t\t\t\t\t// outExpo often approximated by cubic-bezier(0.19, 1, 0.22, 1)\n\t\t\t\t\t\t\tconst easingMap: Record<string, string> = {\n\t\t\t\t\t\t\t\toutExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n\t\t\t\t\t\t\t\t// add more if you want\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tconst keyframes: Keyframe[] = [\n\t\t\t\t\t\t\t\t{ transform: fromTransform, opacity: String(this.opacity[0]) },\n\t\t\t\t\t\t\t\t{ transform: toTransform, opacity: String(this.opacity[1]) },\n\t\t\t\t\t\t\t]\n\n\t\t\t\t\t\t\tletter.animate(keyframes, {\n\t\t\t\t\t\t\t\tduration: this.duration,\n\t\t\t\t\t\t\t\teasing: easingMap[this.ease] || 'ease-out',\n\t\t\t\t\t\t\t\tdelay: this.delay + i * this.stagger, // staggered start\n\t\t\t\t\t\t\t\tfill: 'forwards', // so the letters remain visible\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t).subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<span class=\"ml7\">\n\t\t\t\t<span class=\"text-wrapper\">\n\t\t\t\t\t<span class=\"letters\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-animated-text': SchmancyAnimatedText\n\t}\n}\n"],"names":["SchmancyAnimatedText","$LitElement","css","constructor","super","arguments","this","ease","delay","stagger","duration","scale","opacity","translateX","translateY","translateZ","rotateZ","resetOnScroll","element","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","firstUpdated","letters","innerHTML","defaultSlot","textContent","replace","concat","interval","pipe","startWith","filter","width","height","take","fromEvent","throttleTime","leading","trailing","map","isInViewport","distinctUntilChanged","tap","inViewport","Array","from","children","forEach","letter","style","next","shadowRoot","querySelectorAll","i","fromTransform","toTransform","keyframes","transform","String","animate","easing","outExpo","fill","subscribe","render","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"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"}

package/dist/animated-text.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./animated-text-Be290e6l.cjs");
+"use strict";require("./animated-text-B3DQRJBy.cjs");
 //# sourceMappingURL=animated-text.cjs.map

package/dist/animated-text.js

@@ -1,2 +1,2 @@
-import "./animated-text-DuLrWJ6O.js";
+import "./animated-text-BAj4-6hE.js";
 //# sourceMappingURL=animated-text.js.map

package/dist/area.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./area.component-FL_IUylM.cjs"),e=require("./utils-C38P63L6.cjs");exports.FINDING_MORTIES=t.FINDING_MORTIES,exports.HERE_RICKY=t.HERE_RICKY,exports.HISTORY_STRATEGY=t.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>t.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>t.SchmancyRoute}),exports.area=t.area,exports.routerHistory=t.routerHistory,exports.buildQueryString=e.buildQueryString,exports.compareActiveRoutes=e.compareActiveRoutes,exports.compareCustomElementConstructors=e.compareCustomElementConstructors,exports.compareRouteActions=e.compareRouteActions,exports.createRouteCacheKey=e.createRouteCacheKey,exports.debounce=e.debounce,exports.decodeData=e.decodeData,exports.decodeRouteState=e.decodeRouteState,exports.deepMerge=e.deepMerge,exports.encodeData=e.encodeData,exports.encodeRouteState=e.encodeRouteState,exports.extractQueryParams=e.extractQueryParams,exports.getTagName=e.getTagName,exports.isObject=e.isObject,exports.lazy=e.lazy,exports.normalizeTagName=e.normalizeTagName,exports.sanitizeRouteState=e.sanitizeRouteState;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./area.component-ChxSLt16.cjs"),e=require("./utils-C38P63L6.cjs");exports.FINDING_MORTIES=t.FINDING_MORTIES,exports.HERE_RICKY=t.HERE_RICKY,exports.HISTORY_STRATEGY=t.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>t.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>t.SchmancyRoute}),exports.area=t.area,exports.routerHistory=t.routerHistory,exports.buildQueryString=e.buildQueryString,exports.compareActiveRoutes=e.compareActiveRoutes,exports.compareCustomElementConstructors=e.compareCustomElementConstructors,exports.compareRouteActions=e.compareRouteActions,exports.createRouteCacheKey=e.createRouteCacheKey,exports.debounce=e.debounce,exports.decodeData=e.decodeData,exports.decodeRouteState=e.decodeRouteState,exports.deepMerge=e.deepMerge,exports.encodeData=e.encodeData,exports.encodeRouteState=e.encodeRouteState,exports.extractQueryParams=e.extractQueryParams,exports.getTagName=e.getTagName,exports.isObject=e.isObject,exports.lazy=e.lazy,exports.normalizeTagName=e.normalizeTagName,exports.sanitizeRouteState=e.sanitizeRouteState;
 //# sourceMappingURL=area.cjs.map

package/dist/{area.component-BzjJiNTJ.js → area.component-CP4DZ0d8.js}

@@ -1,25 +1,25 @@
-import { Subject as I, ReplaySubject as N, fromEvent as x, distinctUntilChanged as d, shareReplay as J, skip as M, map as i, filter as b, catchError as f, EMPTY as l, zip as F, of as C, bufferTime as T, tap as q, timeout as _, merge as D, take as z, switchMap as R, takeUntil as Y } from "rxjs";
+import { Subject as H, ReplaySubject as C, fromEvent as R, distinctUntilChanged as d, shareReplay as k, skip as x, map as c, filter as b, catchError as f, EMPTY as l, zip as B, of as A, bufferTime as I, tap as M, timeout as F, merge as T, take as _, switchMap as $, takeUntil as D } from "rxjs";
 import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { property as S, customElement as L, queryAssignedElements as W } from "lit/decorators.js";
-import "./tailwind.mixin-wLaKUxf1.js";
-import { $ as P } from "./litElement.mixin-CVje6z-M.js";
-import { css as H, html as B } from "lit";
-const U = new I(), G = "FINDING_MORTIES", K = "HERE_RICKY", k = /* @__PURE__ */ new WeakMap();
-class O {
+import { property as w, customElement as U, queryAssignedElements as W } from "lit/decorators.js";
+import "./tailwind.mixin-Bp_PR6yc.js";
+import { $ as q } from "./litElement.mixin-DHZXtvYq.js";
+import { css as L, html as P } from "lit";
+const J = new H(), z = "FINDING_MORTIES", Y = "HERE_RICKY", N = /* @__PURE__ */ new WeakMap();
+class S {
   constructor() {
-    this.prettyURL = !1, this.mode = "HISTORY", this.request = new N(1), this.current = /* @__PURE__ */ new Map(), this.$current = new N(1), this.enableHistoryMode = !0, this.findingMortiesEvent = new CustomEvent(G), this.disposed = !1, this.isProcessingPopstate = !1, this.$current.next(this.current), this.$current.subscribe((e) => {
+    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(z), this.disposed = !1, this.isProcessingPopstate = !1, this.$current.next(this.current), this.$current.subscribe((e) => {
       this.disposed || e.forEach((t, s) => {
         this.getOrCreateAreaSubject(s).next(t);
       });
-    }), this.initializeFromBrowserState(), typeof window < "u" && (this.unloadSubscription = x(window, "unload").subscribe(() => {
+    }), this.initializeFromBrowserState(), typeof window < "u" && (this.unloadSubscription = R(window, "unload").subscribe(() => {
       this.dispose();
     }));
   }
   get areaSubjects() {
-    let e = k.get(this);
-    return e || (e = /* @__PURE__ */ new Map(), k.set(this, e)), e;
+    let e = N.get(this);
+    return e || (e = /* @__PURE__ */ new Map(), N.set(this, e)), e;
   }
   initializeFromBrowserState() {
     try {
@@ -33,7 +33,7 @@ class O {
   getOrCreateAreaSubject(e) {
     let t = this.areaSubjects.get(e);
     if (!t || t.closed) {
-      t = new N(1), this.areaSubjects.set(e, t);
+      t = new C(1), this.areaSubjects.set(e, t);
       const s = this.current.get(e);
       s && t.next({ ...s, state: s.state || {}, params: s.params || {}, props: s.props || {} });
     }
@@ -41,86 +41,92 @@ class O {
   }
   on(e, t = !1) {
     if (!e) throw new Error("Area name is required");
-    const s = this.getOrCreateAreaSubject(e).asObservable().pipe(d((n, a) => n.component === a.component && JSON.stringify(n.state) === JSON.stringify(a.state) && JSON.stringify(n.params) === JSON.stringify(a.params) && JSON.stringify(n.props) === JSON.stringify(a.props)), J(1));
-    return t ? s.pipe(M(1)) : s;
+    const s = this.getOrCreateAreaSubject(e).asObservable().pipe(d((a, n) => a.component === n.component && JSON.stringify(a.state) === JSON.stringify(n.state) && JSON.stringify(a.params) === JSON.stringify(n.params) && JSON.stringify(a.props) === JSON.stringify(n.props)), k(1));
+    return t ? s.pipe(x(1)) : s;
   }
   all(e = !1) {
-    const t = this.$current.asObservable().pipe(J(1));
-    return e ? t.pipe(M(1)) : t;
+    const t = this.$current.asObservable().pipe(k(1));
+    return e ? t.pipe(x(1)) : t;
   }
   getState(e) {
     if (!e) throw new Error("Area name is required");
-    return this.on(e).pipe(i((t) => t.state), b((t) => t != null), d((t, s) => JSON.stringify(t) === JSON.stringify(s)), i((t) => t), f((t) => l));
+    return this.on(e).pipe(c((t) => t.state), b((t) => t != null), d((t, s) => JSON.stringify(t) === JSON.stringify(s)), c((t) => t), f((t) => l));
   }
   params(e) {
     if (!e) throw new Error("Area name is required");
-    return this.on(e).pipe(i((t) => t.params), b((t) => t != null), d((t, s) => JSON.stringify(t) === JSON.stringify(s)), i((t) => t), f((t) => l));
+    return this.on(e).pipe(c((t) => t.params), b((t) => t != null), d((t, s) => JSON.stringify(t) === JSON.stringify(s)), c((t) => t), f((t) => l));
   }
   param(e, t) {
     if (!e || !t) throw new Error("Area name and key are required");
-    return this.params(e).pipe(i((s) => s[t]), b((s) => s !== void 0), d(), i((s) => s), f((s) => l));
+    return this.params(e).pipe(c((s) => s[t]), b((s) => s !== void 0), d(), c((s) => s), f((s) => l));
   }
   props(e) {
     if (!e) throw new Error("Area name is required");
-    return this.on(e).pipe(i((t) => t.props), b((t) => t != null), d((t, s) => JSON.stringify(t) === JSON.stringify(s)), i((t) => t), f((t) => l));
+    return this.on(e).pipe(c((t) => t.props), b((t) => t != null), d((t, s) => JSON.stringify(t) === JSON.stringify(s)), c((t) => t), f((t) => l));
   }
   prop(e, t) {
     if (!e || !t) throw new Error("Area name and key are required");
-    return this.props(e).pipe(i((s) => s[t]), b((s) => s !== void 0), d(), i((s) => s), f((s) => l));
+    return this.props(e).pipe(c((s) => s[t]), b((s) => s !== void 0), d(), c((s) => s), f((s) => l));
   }
   find() {
-    return F([x(window, K).pipe(i((e) => e.detail), T(0)), C(1).pipe(q(() => window.dispatchEvent(this.findingMortiesEvent)))]).pipe(i(([e]) => e), _(1), f(() => l));
+    return B([R(window, Y).pipe(c((e) => e.detail), I(0)), A(1).pipe(M(() => window.dispatchEvent(this.findingMortiesEvent)))]).pipe(c(([e]) => e), F(1), f(() => l));
   }
   push(e) {
     if (!e.area) throw new Error("Area is required for route action");
     if (this.isProcessingPopstate) return;
     const t = { ...e, state: e.state || {}, params: e.params || {}, props: e.props || {}, _source: "programmatic" };
-    this.enableHistoryMode && U.next(t), this.request.next(t), this.dispatchAreaEvent(t.area, t);
+    this.enableHistoryMode && J.next(t), this.request.next(t), this.dispatchAreaEvent(t.area, t);
   }
   _updateFromBrowser(e) {
     const t = { ...e, state: e.state || {}, params: e.params || {}, props: e.props || {}, _source: "browser" };
     this.isProcessingPopstate = !0, this.request.next(t), this.isProcessingPopstate = !1;
   }
-  _updateBrowserHistory(e, t, s, n) {
+  _updateBrowserHistory(e, t, s, a, n) {
     if (this.enableHistoryMode) try {
-      const a = history.state || {}, o = a.schmancyAreas || {}, h = { component: t.component, area: t.area };
-      t.state && Object.keys(t.state).length > 0 && (h.state = t.state), t.params && Object.keys(t.params).length > 0 && (h.params = t.params), t.props && Object.keys(t.props).length > 0 && (h.props = t.props), o[e] = h;
-      const p = { ...a, schmancyAreas: o }, u = this.createCleanURL(o, n);
-      s === "replace" || s === "pop" ? history.replaceState(p, "", u) : s !== "push" && s || history.pushState(p, "", u);
+      const o = history.state || {}, p = o.schmancyAreas || {}, h = { component: t.component, area: t.area };
+      t.state && Object.keys(t.state).length > 0 && (h.state = t.state), t.params && Object.keys(t.params).length > 0 && (h.params = t.params), t.props && Object.keys(t.props).length > 0 && (h.props = t.props), p[e] = h;
+      const i = { ...o, schmancyAreas: p }, m = this.createCleanURL(p, a, n);
+      s === "replace" || s === "pop" ? history.replaceState(i, "", m) : s !== "push" && s || history.pushState(i, "", m);
     } catch {
     }
   }
-  createCleanURL(e, t) {
-    const s = location.pathname, n = s.split("/");
+  createCleanURL(e, t, s) {
     let a = "/";
-    const o = n[n.length - 1];
-    o && (o.includes("{") || o.includes("%7B")) ? (n.pop(), a = n.join("/") || "/") : a = s, a === "/" || a.endsWith("/") || (a += "/");
-    let h = "";
+    if (s) a = s, a.startsWith("/") || (a = "/" + a), a.endsWith("/") || (a += "/");
+    else {
+      const o = location.pathname, p = o.split("/"), h = p[p.length - 1];
+      h && (h.includes("{") || h.includes("%7B")) ? (p.pop(), a = p.join("/") || "/") : a = o, a === "/" || a.endsWith("/") || (a += "/");
+    }
+    let n = "";
     if (t !== !0) {
-      const p = new URLSearchParams(location.search);
-      Array.isArray(t) && t.forEach((u) => p.delete(u)), h = p.toString(), h = h ? `?${h}` : "";
+      const o = new URLSearchParams(location.search);
+      Object.values(e).forEach((p) => {
+        p.params && Object.keys(p.params).length > 0 && Object.entries(p.params).forEach(([h, i]) => {
+          i != null && o.set(h, String(i));
+        });
+      }), Array.isArray(t) && t.forEach((p) => o.delete(p)), n = o.toString(), n = n ? `?${n}` : "";
     }
     if (this.prettyURL) {
-      const p = e.main;
-      if (p) {
-        let u = a === "/" ? `/${p.component}` : `${a}${p.component}`;
-        const j = new URLSearchParams(h);
-        p.params && Object.entries(p.params).forEach(([w, $]) => {
-          typeof $ != "string" && typeof $ != "number" || j.set(w, String($));
+      const o = e.main;
+      if (o) {
+        let p = a === "/" ? `/${o.component}` : `${a}${o.component}`;
+        const h = new URLSearchParams(n);
+        o.params && Object.entries(o.params).forEach(([m, v]) => {
+          typeof v != "string" && typeof v != "number" || h.set(m, String(v));
         });
-        const c = j.toString();
-        return u + (c ? `?${c}` : "");
+        const i = h.toString();
+        return p + (i ? `?${i}` : "");
       }
     }
     try {
-      const p = {};
-      if (Object.entries(e).forEach(([j, c]) => {
-        const w = { component: c.component };
-        c.state && Object.keys(c.state).length > 0 && (w.state = c.state), c.params && Object.keys(c.params).length > 0 && (w.params = c.params), c.props && Object.keys(c.props).length > 0 && (w.props = c.props), p[j] = w;
-      }), Object.keys(p).length === 0)
-        return `${a === "/" ? "" : a.replace(/\/$/, "")}${h}`;
-      const u = encodeURIComponent(JSON.stringify(p));
-      return `${a === "/" ? "" : a.replace(/\/$/, "")}/${u}${h}`;
+      const o = {};
+      if (Object.entries(e).forEach(([h, i]) => {
+        const m = { component: i.component };
+        i.state && Object.keys(i.state).length > 0 && (m.state = i.state), i.params && Object.keys(i.params).length > 0 && (m.params = i.params), i.props && Object.keys(i.props).length > 0 && (m.props = i.props), o[h] = m;
+      }), Object.keys(o).length === 0)
+        return `${a === "/" ? "" : a.replace(/\/$/, "")}${n}`;
+      const p = encodeURIComponent(JSON.stringify(o));
+      return `${a === "/" ? "" : a.replace(/\/$/, "")}/${p}${n}`;
     } catch {
       return location.pathname;
     }
@@ -150,10 +156,10 @@ class O {
     if (!e) throw new Error("Area name is required");
     const t = this.areaSubjects.get(e);
     if (t && !t.closed && t.next({ component: null, state: {}, area: e, params: {}, props: {} }), this.request.next({ area: e, component: null, state: {}, params: {}, props: {}, historyStrategy: "silent", _source: "programmatic" }), this.current.delete(e), this.$current.next(this.current), this.enableHistoryMode) try {
-      const s = history.state || {}, n = { ...s.schmancyAreas || {} };
-      delete n[e];
-      const a = { ...s, schmancyAreas: n }, o = this.createCleanURL(n);
-      history.replaceState(a, "", o);
+      const s = history.state || {}, a = { ...s.schmancyAreas || {} };
+      delete a[e];
+      const n = { ...s, schmancyAreas: a }, o = this.createCleanURL(a);
+      history.replaceState(n, "", o);
     } catch {
     }
   }
@@ -164,10 +170,10 @@ class O {
     }
   }
   dispose() {
-    this.disposed || (this.disposed = !0, this.unloadSubscription && (this.unloadSubscription.unsubscribe(), this.unloadSubscription = void 0), this.areaSubjects.forEach((e) => e.complete()), this.areaSubjects.clear(), this.request.complete(), this.$current.complete(), U.complete(), this.current.clear(), k.delete(this));
+    this.disposed || (this.disposed = !0, this.unloadSubscription && (this.unloadSubscription.unsubscribe(), this.unloadSubscription = void 0), this.areaSubjects.forEach((e) => e.complete()), this.areaSubjects.clear(), this.request.complete(), this.$current.complete(), J.complete(), this.current.clear(), N.delete(this));
   }
   static getInstance() {
-    return O.instance || (O.instance = new O()), O.instance;
+    return S.instance || (S.instance = new S()), S.instance;
   }
   get state() {
     try {
@@ -187,12 +193,12 @@ class O {
     return this.current.get(e);
   }
 }
-const y = O.getInstance();
-var Q = Object.defineProperty, V = Object.getOwnPropertyDescriptor, E = (r, e, t, s) => {
-  for (var n, a = s > 1 ? void 0 : s ? V(e, t) : e, o = r.length - 1; o >= 0; o--) (n = r[o]) && (a = (s ? n(e, t, a) : n(a)) || a);
-  return s && a && Q(e, t, a), a;
+const y = S.getInstance();
+var G = Object.defineProperty, K = Object.getOwnPropertyDescriptor, O = (r, e, t, s) => {
+  for (var a, n = s > 1 ? void 0 : s ? K(e, t) : e, o = r.length - 1; o >= 0; o--) (a = r[o]) && (n = (s ? a(e, t, n) : a(n)) || n);
+  return s && n && G(e, t, n), n;
 };
-let g = class extends P(H`
+let g = class extends q(L`
   :host {
     display: none;
   }
@@ -204,15 +210,15 @@ let g = class extends P(H`
     return { when: this.when, component: this.component, exact: this.exact, guard: this.guard };
   }
   render() {
-    return B``;
+    return P``;
   }
 };
-E([S({ type: String })], g.prototype, "when", 2), E([S({ type: Object })], g.prototype, "component", 2), E([S({ type: Boolean })], g.prototype, "exact", 2), E([S({ type: Object })], g.prototype, "guard", 2), g = E([L("schmancy-route")], g);
-var m = ((r) => (r.push = "push", r.replace = "replace", r.pop = "pop", r.silent = "silent", r))(m || {}), X = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, v = (r, e, t, s) => {
-  for (var n, a = s > 1 ? void 0 : s ? Z(e, t) : e, o = r.length - 1; o >= 0; o--) (n = r[o]) && (a = (s ? n(e, t, a) : n(a)) || a);
-  return s && a && X(e, t, a), a;
+O([w({ type: String })], g.prototype, "when", 2), O([w({ type: Object })], g.prototype, "component", 2), O([w({ type: Boolean })], g.prototype, "exact", 2), O([w({ type: Object })], g.prototype, "guard", 2), g = O([U("schmancy-route")], g);
+var u = ((r) => (r.push = "push", r.replace = "replace", r.pop = "pop", r.silent = "silent", r))(u || {}), Q = Object.defineProperty, V = Object.getOwnPropertyDescriptor, j = (r, e, t, s) => {
+  for (var a, n = s > 1 ? void 0 : s ? V(e, t) : e, o = r.length - 1; o >= 0; o--) (a = r[o]) && (n = (s ? a(e, t, n) : a(n)) || n);
+  return s && n && Q(e, t, n), n;
 };
-let A = class extends P(H`
+let E = class extends q(L`
 	:host {
 		position: relative;
 		display: block;
@@ -221,42 +227,42 @@ let A = class extends P(H`
 `) {
   firstUpdated() {
     if (!this.name) throw new Error("Area name is required");
-    D(y.request.pipe(b(({ area: r }) => r === this.name)), C(null).pipe(z(1), i(() => {
+    T(y.request.pipe(b(({ area: r }) => r === this.name)), A(null).pipe(_(1), c(() => {
       const r = location.pathname, e = r.split("/").pop() || "";
       if (e && (e.includes("{") || e.includes("%7B"))) try {
         const s = JSON.parse(decodeURIComponent(e));
-        if (s[this.name]) return { area: this.name, component: s[this.name].component, state: s[this.name].state || {}, params: s[this.name].params || {}, props: s[this.name].props || {}, historyStrategy: m.replace };
+        if (s[this.name]) return { area: this.name, component: s[this.name].component, state: s[this.name].state || {}, params: s[this.name].params || {}, props: s[this.name].props || {}, historyStrategy: u.replace };
       } catch {
       }
-      const t = r.split("/").filter(Boolean).find((s) => this.routes?.some((n) => n.when === s));
-      return t ? { area: this.name, component: t, state: {}, params: {}, historyStrategy: m.silent } : this.default ? { area: this.name, component: this.default, state: {}, params: {}, historyStrategy: m.silent } : null;
-    })), x(window, "popstate").pipe(i(() => {
+      const t = r.split("/").filter(Boolean).find((s) => this.routes?.some((a) => a.when === s));
+      return t ? { area: this.name, component: t, state: {}, params: {}, historyStrategy: u.silent } : this.default ? { area: this.name, component: this.default, state: {}, params: {}, historyStrategy: u.silent } : null;
+    })), R(window, "popstate").pipe(c(() => {
       if (history.state?.schmancyAreas?.[this.name]) {
         const s = history.state.schmancyAreas[this.name];
-        return { area: this.name, component: s.component, state: s.state || {}, params: s.params || {}, props: s.props || {}, historyStrategy: m.pop };
+        return { area: this.name, component: s.component, state: s.state || {}, params: s.params || {}, props: s.props || {}, historyStrategy: u.pop };
       }
       const r = location.pathname, e = r.split("/").pop() || "";
       if (e && (e.includes("{") || e.includes("%7B"))) try {
         const s = JSON.parse(decodeURIComponent(e));
-        if (s[this.name]) return { area: this.name, component: s[this.name].component, state: s[this.name].state || {}, params: s[this.name].params || {}, props: s[this.name].props || {}, historyStrategy: m.replace };
+        if (s[this.name]) return { area: this.name, component: s[this.name].component, state: s[this.name].state || {}, params: s[this.name].params || {}, props: s[this.name].props || {}, historyStrategy: u.replace };
       } catch {
       }
-      const t = r.split("/").filter(Boolean).find((s) => this.routes?.some((n) => n.when === s));
-      return t ? { area: this.name, component: t, state: {}, params: {}, historyStrategy: m.silent } : this.default ? { area: this.name, component: this.default, state: {}, params: {}, historyStrategy: m.silent } : null;
-    }))).pipe(b((r) => r !== null), i((r) => {
+      const t = r.split("/").filter(Boolean).find((s) => this.routes?.some((a) => a.when === s));
+      return t ? { area: this.name, component: t, state: {}, params: {}, historyStrategy: u.silent } : this.default ? { area: this.name, component: this.default, state: {}, params: {}, historyStrategy: u.silent } : null;
+    }))).pipe(b((r) => r !== null), c((r) => {
       let e, t = r.component;
       if (typeof t == "string" && this.routes) e = this.routes.find((s) => s.when === t), e && (t = e.component);
       else if (typeof t == "function" && this.routes) e = this.routes.find((s) => s.component === t);
       else if (t instanceof HTMLElement && this.routes) {
         const s = t.tagName.toLowerCase();
-        e = this.routes.find((n) => n.when === s);
+        e = this.routes.find((a) => a.when === s);
       }
       return { ...r, component: t, matchedRoute: e };
-    }), R((r) => r.matchedRoute?.guard ? r.matchedRoute.guard.pipe(R((e) => {
-      if (e === !0) return C(r);
+    }), $((r) => r.matchedRoute?.guard ? r.matchedRoute.guard.pipe($((e) => {
+      if (e === !0) return A(r);
       const t = new CustomEvent("redirect", { detail: { blockedRoute: r.matchedRoute?.when || "unknown", area: this.name, params: r.params || {}, state: r.state || {}, redirectTarget: typeof e == "object" ? e : void 0 }, bubbles: !0, composed: !0 });
       return r.matchedRoute.dispatchEvent(t), l;
-    })) : C(r)), R(async (r) => {
+    })) : A(r)), $(async (r) => {
       let e = r.component;
       if (typeof e == "function" && ("preload" in e || "_promise" in e || "_module" in e)) try {
         e = (await e()).default;
@@ -264,13 +270,13 @@ let A = class extends P(H`
         return { ...r, component: null };
       }
       return { ...r, component: e };
-    }), i((r) => {
+    }), c((r) => {
       let e = "";
       const t = r.component;
       t && t !== "" ? typeof t == "string" ? e = t : t instanceof HTMLElement ? e = t.tagName.toLowerCase() : typeof t == "function" && (e = t.name || "CustomElement") : e = "null";
       const s = `${e}${JSON.stringify(r.params)}${JSON.stringify(r.state)}${JSON.stringify(r.props)}`;
       return { ...r, key: s, tagName: e };
-    }), d((r, e) => r.key === e.key), i((r) => {
+    }), d((r, e) => r.key === e.key), c((r) => {
       let e = null;
       const t = r.component;
       if (t && t !== "") {
@@ -285,10 +291,10 @@ let A = class extends P(H`
         }
       } else e = null;
       return e && (r.params && Object.assign(e, r.params), r.props && Object.assign(e, r.props), r.state && (e.state = r.state)), { element: e, route: r };
-    }), J(1), q(({ element: r, route: e }) => this.swapComponents(r, e)), f((r) => l), Y(this.disconnecting)).subscribe();
+    }), k(1), M(({ element: r, route: e }) => this.swapComponents(r, e)), f((r) => l), D(this.disconnecting)).subscribe();
   }
   swapComponents(r, e) {
-    const t = Array.from(this.children).find((a) => !(a instanceof g));
+    const t = Array.from(this.children).find((n) => !(n instanceof g));
     if (!r) return void t?.remove();
     const s = e.animationDuration ?? 150;
     if (s === 0) t?.remove(), this.appendChild(r);
@@ -298,27 +304,27 @@ let A = class extends P(H`
       };
     else {
       this.appendChild(r);
-      const a = s > 100 ? Math.max(100, 0.66 * s) : s;
-      r.animate([{ opacity: 0 }, { opacity: 1 }], { duration: a, easing: "ease-in" });
+      const n = s > 100 ? Math.max(100, 0.66 * s) : s;
+      r.animate([{ opacity: 0 }, { opacity: 1 }], { duration: n, easing: "ease-in" });
     }
-    const n = { component: r.tagName.toLowerCase(), state: e.state || {}, area: this.name, params: e.params || {}, props: e.props || {} };
-    y.current.set(this.name, n), y.$current.next(y.current), y.enableHistoryMode && y._updateBrowserHistory(this.name, n, e.historyStrategy || m.push, e.clearQueryParams);
+    const a = { component: r.tagName.toLowerCase(), state: e.state || {}, area: this.name, params: e.params || {}, props: e.props || {} };
+    y.current.set(this.name, a), y.$current.next(y.current), y.enableHistoryMode && y._updateBrowserHistory(this.name, a, e.historyStrategy || u.push, e.clearQueryParams, e.path);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), y.pop(this.name);
   }
   render() {
-    return B`<slot></slot>`;
+    return P`<slot></slot>`;
   }
 };
-v([S()], A.prototype, "name", 2), v([S()], A.prototype, "default", 2), v([W({ selector: "schmancy-route", flatten: !0 })], A.prototype, "routes", 2), A = v([L("schmancy-area")], A);
+j([w()], E.prototype, "name", 2), j([w()], E.prototype, "default", 2), j([W({ selector: "schmancy-route", flatten: !0 })], E.prototype, "routes", 2), E = j([U("schmancy-area")], E);
 export {
-  G as F,
-  K as H,
-  A as S,
+  z as F,
+  Y as H,
+  E as S,
   y as a,
   g as b,
-  m as c,
-  U as r
+  u as c,
+  J as r
 };
-//# sourceMappingURL=area.component-BzjJiNTJ.js.map
+//# sourceMappingURL=area.component-CP4DZ0d8.js.map