@mhmo91/schmancy 0.2.192 → 0.2.194

package/dist/ai/typography.md

@@ -0,0 +1,170 @@
+# Schmancy Typography - AI Reference
+
+```js
+// Basic Typography
+<schmancy-typography
+  variant="h1|h2|h3|h4|h5|h6|subtitle1|subtitle2|body1|body2|button|caption|overline"
+  color="primary|secondary|tertiary|error|text-primary|text-secondary|text-disabled"
+  align="left|center|right|justify"
+  weight="thin|light|regular|medium|bold"
+  transform="none|uppercase|lowercase|capitalize"
+  truncate?
+  no-wrap?
+  gutter-bottom?>
+  Text content goes here
+</schmancy-typography>
+
+// Typography heading variants
+<schmancy-typography variant="h1">Heading 1</schmancy-typography>
+<schmancy-typography variant="h2">Heading 2</schmancy-typography>
+<schmancy-typography variant="h3">Heading 3</schmancy-typography>
+<schmancy-typography variant="h4">Heading 4</schmancy-typography>
+<schmancy-typography variant="h5">Heading 5</schmancy-typography>
+<schmancy-typography variant="h6">Heading 6</schmancy-typography>
+
+// Typography body variants
+<schmancy-typography variant="subtitle1">Subtitle 1</schmancy-typography>
+<schmancy-typography variant="subtitle2">Subtitle 2</schmancy-typography>
+<schmancy-typography variant="body1">Body 1 text</schmancy-typography>
+<schmancy-typography variant="body2">Body 2 text</schmancy-typography>
+<schmancy-typography variant="button">Button text</schmancy-typography>
+<schmancy-typography variant="caption">Caption text</schmancy-typography>
+<schmancy-typography variant="overline">Overline text</schmancy-typography>
+
+// Typography Properties
+variant: string        // Text style variant
+color: string          // Text color
+align: string          // Text alignment
+weight: string         // Font weight
+transform: string      // Text transformation
+truncate: boolean      // Truncate overflow with ellipsis
+noWrap: boolean        // Prevent text wrapping
+gutterBottom: boolean  // Add margin at the bottom
+italic: boolean        // Italic style
+underline: boolean     // Underline text
+lineHeight: string     // Line height
+letterSpacing: string  // Letter spacing
+fontFamily: string     // Font family
+size: string           // Custom font size (overrides variant)
+responsive: boolean    // Apply responsive sizing
+
+// Examples
+// Basic usage
+<schmancy-typography variant="h2" color="primary">
+  Welcome to Our Application
+</schmancy-typography>
+
+<schmancy-typography variant="body1">
+  This is a paragraph of text that demonstrates the body1 typography variant.
+  It's commonly used for the main content text on a page.
+</schmancy-typography>
+
+// Styled text
+<schmancy-typography
+  variant="subtitle1"
+  weight="bold"
+  color="secondary"
+  transform="uppercase">
+  Important Notice
+</schmancy-typography>
+
+// Truncated text
+<schmancy-typography
+  variant="body2"
+  truncate
+  style="max-width: 200px;">
+  This is a very long text that will be truncated with an ellipsis when it exceeds the container width.
+</schmancy-typography>
+
+// Responsive headings
+<schmancy-typography
+  variant="h1"
+  responsive
+  align="center"
+  gutter-bottom>
+  Responsive Heading
+</schmancy-typography>
+
+// Text with custom styling
+<schmancy-typography
+  variant="body1"
+  italic
+  letter-spacing="0.5px"
+  line-height="1.8">
+  This text has custom letter spacing and line height, with italic styling.
+</schmancy-typography>
+
+// Text with different weights
+<div>
+  <schmancy-typography variant="body1" weight="thin">
+    This text has thin weight.
+  </schmancy-typography>
+  
+  <schmancy-typography variant="body1" weight="light">
+    This text has light weight.
+  </schmancy-typography>
+  
+  <schmancy-typography variant="body1" weight="regular">
+    This text has regular weight.
+  </schmancy-typography>
+  
+  <schmancy-typography variant="body1" weight="medium">
+    This text has medium weight.
+  </schmancy-typography>
+  
+  <schmancy-typography variant="body1" weight="bold">
+    This text has bold weight.
+  </schmancy-typography>
+</div>
+
+// Typography in a card
+<schmancy-card>
+  <schmancy-card-content>
+    <schmancy-typography variant="h4" gutter-bottom>
+      Card Title
+    </schmancy-typography>
+    
+    <schmancy-typography variant="body2" color="text-secondary" gutter-bottom>
+      Posted on January 1, 2023
+    </schmancy-typography>
+    
+    <schmancy-typography variant="body1">
+      This is the main content of the card. It uses the body1 typography variant
+      which is suitable for longer text content.
+    </schmancy-typography>
+  </schmancy-card-content>
+  
+  <schmancy-card-actions>
+    <schmancy-button>
+      <schmancy-typography variant="button">
+        Read More
+      </schmancy-typography>
+    </schmancy-button>
+  </schmancy-card-actions>
+</schmancy-card>
+
+// Error message
+<schmancy-typography
+  variant="body2"
+  color="error"
+  gutter-bottom>
+  The username or password you entered is incorrect.
+</schmancy-typography>
+
+// Caption with custom size
+<schmancy-typography
+  variant="caption"
+  color="text-secondary"
+  size="10px">
+  * Terms and conditions apply
+</schmancy-typography>
+
+// Paragraph with custom font family
+<schmancy-typography
+  variant="body1"
+  font-family="'Georgia', serif"
+  line-height="1.7">
+  This paragraph uses a serif font for a more traditional typographic style.
+  Custom font families can be specified when needed for special sections.
+</schmancy-typography>
+```

package/dist/{animated-text-DU8PPnsu.cjs → animated-text-9AM64DHd.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./litElement.mixin-BrC_tdrr.cjs");require("./tailwind.mixin-BAGuwQKs.cjs");const c=require("lit"),r=require("lit/decorators.js");var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(i,a,p,n)=>{for(var l,o=n>1?void 0:n?u(a,p):a,y=i.length-1;y>=0;y--)(l=i[y])&&(o=(n?l(a,p,o):l(o))||o);return n&&o&&d(a,p,o),o};let t=class extends h.$LitElement(c.css`
+"use strict";const e=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./litElement.mixin-CHvyxfxf.cjs");require("./tailwind.mixin-Dm5QDZav.cjs");const c=require("lit"),r=require("lit/decorators.js");var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=(i,a,p,n)=>{for(var l,o=n>1?void 0:n?u(a,p):a,y=i.length-1;y>=0;y--)(l=i[y])&&(o=(n?l(a,p,o):l(o))||o);return n&&o&&d(a,p,o),o};let t=class extends h.$LitElement(c.css`
 	:host {
 		font-family: inherit;
 		display: block;
@@ -34,4 +34,4 @@
 				</span>
 			</span>
 		`}};s([r.property({type:String})],t.prototype,"ease",2),s([r.property({type:Number})],t.prototype,"delay",2),s([r.property({type:Number})],t.prototype,"stagger",2),s([r.property({type:Number})],t.prototype,"duration",2),s([r.property({type:Array})],t.prototype,"scale",2),s([r.property({type:Array})],t.prototype,"opacity",2),s([r.property({type:Array})],t.prototype,"translateX",2),s([r.property({type:Array})],t.prototype,"translateY",2),s([r.property({type:Array})],t.prototype,"translateZ",2),s([r.property({type:Array})],t.prototype,"rotateZ",2),s([r.property({type:Boolean})],t.prototype,"resetOnScroll",2),s([r.queryAssignedNodes()],t.prototype,"defaultSlot",2),s([r.query(".letters")],t.prototype,"letters",2),s([r.query(".ml7")],t.prototype,"ml7",2),t=s([r.customElement("schmancy-animated-text")],t);
-//# sourceMappingURL=animated-text-DU8PPnsu.cjs.map
+//# sourceMappingURL=animated-text-9AM64DHd.cjs.map

package/dist/{animated-text-DU8PPnsu.cjs.map → animated-text-9AM64DHd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"animated-text-DU8PPnsu.cjs","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","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","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"qcAsBA,IAAqBA,EAArB,cAAkDC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9D,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAoBoCC,EAAAA,KAAAC,KAAA,UACCD,KAAAE,MAAA,EACEF,KAAAG,QAAA,GACCH,KAAAI,SAAA,IACJJ,KAAAK,MAAA,CAAC,EAAG,CACFL,EAAAA,KAAAM,QAAA,CAAC,EAAG,CAAA,EACDN,KAAAO,WAAA,CAAC,SAAU,OACXP,KAAAQ,WAAA,CAAC,QAAS,KACVR,EAAAA,KAAAS,WAAA,CAAC,EAAG,CAAA,EACPT,KAAAU,QAAA,CAAC,IAAK,CACEV,EAAAA,KAAAW,gBAAA,CAO7C,aAAaC,EACN,CAAA,MAAAC,EAAOD,EAAQE,sBACrB,EAAA,OACCD,EAAKE,KAAO,GACZF,EAAKG,MAAQ,GACbH,EAAKI,SAAWC,OAAOC,aAAeC,SAASC,gBAAgBC,eAC/DT,EAAKU,QAAUL,OAAOM,YAAcJ,SAASC,gBAAgBI,YAAA,CAI/D,MAAMC,cAAAA,CAEA1B,KAAA2B,QAAQC,UAAY5B,KAAK6B,YAAY,CAAGC,EAAAA,YAAaC,QAAQ,MAAO,gCAGzEC,EAAAA,EAAAA,OAECC,EAAAA,SAAS,EAAA,EAAIC,KACZC,EAAAA,YACAC,EAAAA,EAAAA,OAAO,IAAA,CACA,MAAAvB,EAAOb,KAAKc,sBAAAA,EAClB,OAAOD,EAAKwB,MAAQ,GAAKxB,EAAKyB,OAAS,CAAA,CAAA,EAExCC,EAAAA,KAAK,CAAA,CAAA,EAGNC,YAAUtB,OAAQ,QAAA,EAAUgB,KAC3BO,EAAAA,aAAa,EAAA,OAAc,CAC1BC,QAAS,GACTC,SAAU,EAAA,CAAA,EAEXR,EAAAA,UAAU,EAAA,EACVS,EAAAA,IAAI,IAAM5C,KAAK6C,aAAa7C,IAAAA,CAAAA,EAC5B8C,yBACAC,MAAkBC,GAEZA,CAAAA,CAAAA,GAAchD,KAAKW,eACvBsC,MAAMC,KAAKlD,KAAK2B,QAAQwB,QAAAA,EAAUC,QAASC,GAAAA,CAC1CA,EAAOC,MAAMhD,QAAU,GAAA,CACvB,CAAA,CAAA,EAGH8B,YAAuBS,CAAAA,EAEvB7C,KAAKW,cAAgBoC,EAAAA,IAAQR,EAAAA,EAAAA,KAAK,CAAA,EAClCQ,MAAI,CACHQ,KAAM,IAEWvD,CAAAA,KAAKwD,WAAYC,iBAA8B,cAEvDL,EAAAA,QAAQ,CAACC,EAAQK,IAAAA,CAGxB,MAAMC,EAAgB;AAAA,8BACC3D,KAAKO,WAAW,CAAA,CAAA,KAAOP,KAAKQ,WAAW,CAAOR,CAAAA,KAAAA,KAAKS,WAAW,CAAA,CAAA;AAAA,0BAClET,KAAKU,QAAQ;wBACfV,KAAKK,MAAM,CAGtBuD,CAAAA;AAAAA,gBAAAA,EAAc;AAAA,8BACG5D,KAAKO,WAAW,CAAA,CAAA,KAAOP,KAAKQ,WAAW,CAAOR,CAAAA,KAAAA,KAAKS,WAAW,CAAA,CAAA;AAAA,0BAClET,KAAKU,QAAQ;wBACfV,KAAKK,MAAM,CAQtBwD,CAAAA;AAAAA,gBAAAA,EAAwB,CAC7B,CAAEC,UAAWH,EAAerD,QAASyD,OAAO/D,KAAKM,QAAQ,CACzD,CAAA,CAAA,EAAA,CAAEwD,UAAWF,EAAatD,QAASyD,OAAO/D,KAAKM,QAAQ,CAAA,CAAA,CAAA,CAAA,EAGxD+C,EAAOW,QAAQH,EAAW,CACzBzD,SAAUJ,KAAKI,SACf6D,OAXyC,CACzCC,QAAS,gCAUSlE,EAAAA,KAAKC,OAAS,WAChCC,MAAOF,KAAKE,MAAQwD,EAAI1D,KAAKG,QAC7BgE,KAAM,UACN,CAAA,CAAA,CAAA,CACD,CAIHC,CAAAA,CAAAA,CAAAA,EAAAA,UAAAA,CAAU,CAGb,QACQ,CAAA,OAAAC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAA,CAAA,EA1GoBC,EAAA,CAA3BC,WAAS,CAAEC,KAAMT,MAAAA,CAAAA,CAAAA,EApBEpE,EAoBQ8E,UAAA,OAAA,CACAH,EAAAA,EAAA,CAA3BC,WAAS,CAAEC,KAAME,MArBE/E,CAAAA,CAAAA,EAAAA,EAqBQ8E,UAAA,QAAA,CAAA,EACAH,EAAA,CAA3BC,WAAS,CAAEC,KAAME,MAAAA,CAAAA,CAAAA,EAtBE/E,EAsBQ8E,UAAA,UAAA,CACAH,EAAAA,EAAA,CAA3BC,WAAS,CAAEC,KAAME,MAvBE/E,CAAAA,CAAAA,EAAAA,EAuBQ8E,UAAA,WAAA,GACDH,EAAA,CAA1BC,WAAS,CAAEC,KAAMvB,KAAAA,CAAAA,CAAAA,EAxBEtD,EAwBO8E,UAAA,QAAA,CACAH,EAAAA,EAAA,CAA1BC,WAAS,CAAEC,KAAMvB,KAzBEtD,CAAAA,CAAAA,EAAAA,EAyBO8E,UAAA,UAAA,CAAA,EACAH,EAAA,CAA1BC,WAAS,CAAEC,KAAMvB,KAAAA,CAAAA,CAAAA,EA1BEtD,EA0BO8E,UAAA,aAAA,CACAH,EAAAA,EAAA,CAA1BC,WAAS,CAAEC,KAAMvB,KA3BEtD,CAAAA,CAAAA,EAAAA,EA2BO8E,UAAA,aAAA,GACAH,EAAA,CAA1BC,WAAS,CAAEC,KAAMvB,KAAAA,CAAAA,CAAAA,EA5BEtD,EA4BO8E,UAAA,aAAA,CACAH,EAAAA,EAAA,CAA1BC,WAAS,CAAEC,KAAMvB,KA7BEtD,CAAAA,CAAAA,EAAAA,EA6BO8E,UAAA,UAAA,CAAA,EACEH,EAAA,CAA5BC,WAAS,CAAEC,KAAMG,OAAAA,CAAAA,CAAAA,EA9BEhF,EA8BS8E,UAAA,gBAAA,CAAA,EAEPH,EAAA,CAArBM,EAAmBA,mBAhCAjF,CAAAA,EAAAA,EAgCE8E,UAAA,cAAA,CAAA,EACHH,EAAA,CAAlBO,EAAAA,MAAM,UAAA,CAAA,EAjCalF,EAiCD8E,UAAA,UAAA,CACJH,EAAAA,EAAA,CAAdO,EAAAA,MAAM,MAlCalF,CAAAA,EAAAA,EAkCL8E,UAAA,MAAA,GAlCK9E,EAArB2E,EAAA,CADCQ,EAAAA,cAAc,wBACMnF,CAAAA,EAAAA,CAAAA"}
+{"version":3,"file":"animated-text-9AM64DHd.cjs","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","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","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"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"}

package/dist/{animated-text-CRlnEvtJ.js → animated-text-CVStWn5N.js}

@@ -1,8 +1,8 @@
 import { concat as u, interval as g, startWith as y, filter as h, take as d, fromEvent as f, throttleTime as w, map as b, distinctUntilChanged as $, tap as c } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as x } from "./litElement.mixin-CifwP6Gy.js";
-import "./tailwind.mixin-D-kkSKp-.js";
+import { $ as x } from "./litElement.mixin-B9Qdq5S_.js";
+import "./tailwind.mixin-Di7KWye7.js";
 import { css as S, html as Z } from "lit";
 import { property as a, queryAssignedNodes as v, query as m, customElement as A } from "lit/decorators.js";
 var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, e = (r, s, n, i) => {
@@ -72,4 +72,4 @@ let t = class extends x(S`
   }
 };
 e([a({ type: String })], t.prototype, "ease", 2), e([a({ type: Number })], t.prototype, "delay", 2), e([a({ type: Number })], t.prototype, "stagger", 2), e([a({ type: Number })], t.prototype, "duration", 2), e([a({ type: Array })], t.prototype, "scale", 2), e([a({ type: Array })], t.prototype, "opacity", 2), e([a({ type: Array })], t.prototype, "translateX", 2), e([a({ type: Array })], t.prototype, "translateY", 2), e([a({ type: Array })], t.prototype, "translateZ", 2), e([a({ type: Array })], t.prototype, "rotateZ", 2), e([a({ type: Boolean })], t.prototype, "resetOnScroll", 2), e([v()], t.prototype, "defaultSlot", 2), e([m(".letters")], t.prototype, "letters", 2), e([m(".ml7")], t.prototype, "ml7", 2), t = e([A("schmancy-animated-text")], t);
-//# sourceMappingURL=animated-text-CRlnEvtJ.js.map
+//# sourceMappingURL=animated-text-CVStWn5N.js.map

package/dist/{animated-text-CRlnEvtJ.js.map → animated-text-CVStWn5N.js.map}

@@ -1 +1 @@
-{"version":3,"file":"animated-text-CRlnEvtJ.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","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","html","__decorateClass","property","type","prototype","Number","Boolean","queryAssignedNodes","query","customElement"],"mappings":"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"}
+{"version":3,"file":"animated-text-CVStWn5N.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","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","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-DU8PPnsu.cjs");
+"use strict";require("./animated-text-9AM64DHd.cjs");
 //# sourceMappingURL=animated-text.cjs.map

package/dist/animated-text.js

@@ -1,2 +1,2 @@
-import "./animated-text-CRlnEvtJ.js";
+import "./animated-text-CVStWn5N.js";
 //# sourceMappingURL=animated-text.js.map

package/dist/area.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.component-BoR212xW.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area.component-WxccFh1z.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;
 //# sourceMappingURL=area.cjs.map

package/dist/area.component-CzFJM7Y4.js

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

package/dist/area.component-CzFJM7Y4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area.component-CzFJM7Y4.js","sources":["../src/area/area.service.ts","../src/area/router.types.ts","../src/area/area.component.ts"],"sourcesContent":["import { Observable, ReplaySubject, Subject, bufferTime, filter, fromEvent, map, of, skip, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from '../teleport'\nimport { ActiveRoute, AreaSubscription, RouteAction } from './router.types'\n\nexport const routerHistory = new Subject<RouteAction>()\n\nexport const FINDING_MORTIES = 'FINDING_MORTIES'\nexport const HERE_RICKY = 'HERE_RICKY'\nexport type HERE_RICKY_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\nexport type FINDING_MORTIES_EVENT = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nclass AreaService implements AreaSubscription {\n\tprivate static instance: AreaService\n\tpublic prettyURL = false\n\tpublic mode: 'SILENT' | 'HISTORY' = 'HISTORY'\n\tpublic request = new ReplaySubject<RouteAction>(1)\n\tpublic current = new Map<string, ActiveRoute>()\n\tpublic $current = new ReplaySubject<Map<string, ActiveRoute>>(1)\n\t\n\t// Create a dictionary of ReplaySubjects for area-specific subscriptions\n\tprivate areaSubjects = new Map<string, ReplaySubject<ActiveRoute>>()\n\t\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\t\n\t\t// Subscribe to current changes to update area-specific subjects\n\t\tthis.$current.subscribe(currentAreas => {\n\t\t\t// For each area in the current map\n\t\t\tcurrentAreas.forEach((route, areaName) => {\n\t\t\t\t// Get or create a subject for this area\n\t\t\t\tconst areaSubject = this.getOrCreateAreaSubject(areaName)\n\t\t\t\t// Emit the updated route to area-specific subscribers\n\t\t\t\tareaSubject.next(route)\n\t\t\t})\n\t\t})\n\t}\n\n\t/**\n\t * Get or create a ReplaySubject for a specific area\n\t * @param areaName The name of the area\n\t * @returns ReplaySubject for the specified area\n\t */\n\tprivate getOrCreateAreaSubject(areaName: string): ReplaySubject<ActiveRoute> {\n\t\tif (!this.areaSubjects.has(areaName)) {\n\t\t\tconst subject = new ReplaySubject<ActiveRoute>(1)\n\t\t\tthis.areaSubjects.set(areaName, subject)\n\t\t\t\n\t\t\t// If the area already exists in current, emit it immediately\n\t\t\tconst currentRoute = this.current.get(areaName)\n\t\t\tif (currentRoute) {\n\t\t\t\tsubject.next({\n\t\t\t\t\t...currentRoute,\n\t\t\t\t\t// Ensure state and params are initialized if undefined\n\t\t\t\t\tstate: currentRoute.state || {},\n\t\t\t\t\tparams: currentRoute.params || {}\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t\t\n\t\tconst subject = this.areaSubjects.get(areaName)\n\t\tif (!subject) {\n\t\t\tthrow new Error(`Failed to create or retrieve subject for area: ${areaName}`)\n\t\t}\n\t\t\n\t\treturn subject\n\t}\n\n\t/**\n\t * Subscribe to a specific area\n\t * @param areaName Name of the area to subscribe to\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of the active route for the specified area\n\t */\n\ton(areaName: string, skipCurrent = false): Observable<ActiveRoute> {\n\t\tconst areaSubject = this.getOrCreateAreaSubject(areaName)\n\t\t\n\t\treturn skipCurrent ? areaSubject.pipe(skip(1)) : areaSubject.asObservable()\n\t}\n\t\n\t/**\n\t * Subscribe to all areas\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of all active routes\n\t */\n\tall(skipCurrent = false): Observable<Map<string, ActiveRoute>> {\n\t\treturn skipCurrent ? this.$current.pipe(skip(1)) : this.$current.asObservable()\n\t}\n\t\n\t/**\n\t * Get state from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's state\n\t */\n\tgetState<T = unknown>(areaName: string): Observable<T> {\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.state as unknown),\n\t\t\tfilter((state): state is NonNullable<unknown> => state !== undefined),\n\t\t\tmap(state => state as T)\n\t\t)\n\t}\n\t\n\t/**\n\t * Get params from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's params\n\t */\n\tparams<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): Observable<T> {\n\t\treturn this.on(areaName).pipe(\n\t\t\tmap(route => route.params as unknown),\n\t\t\tfilter((params): params is NonNullable<unknown> => params !== undefined),\n\t\t\tmap(params => params as T)\n\t\t)\n\t}\n\t\n\t/**\n\t * Get a specific param from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @param key Key of the param to select\n\t * @returns Observable of the param value\n\t */\n\tparam<T = unknown>(areaName: string, key: string): Observable<T> {\n\t\treturn this.params<Record<string, unknown>>(areaName).pipe(\n\t\t\tmap(params => params[key] as unknown),\n\t\t\tfilter((value): value is NonNullable<unknown> => value !== undefined),\n\t\t\tmap(value => value as T)\n\t\t)\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\t/**\n\t * Push a new route action\n\t * @param r Route action to push\n\t */\n\tpush(r: RouteAction) {\n\t\t// Ensure state and params are initialized\n\t\tconst routeAction = {\n\t\t\t...r,\n\t\t\tstate: r.state || {},\n\t\t\tparams: r.params || {}\n\t\t}\n\t\t\n\t\tthis.request.next(routeAction)\n\t\t// Emit an area-specific event for those who want to listen directly to DOM events\n\t\tthis.dispatchAreaEvent(routeAction.area, routeAction)\n\t}\n\t\n\t/**\n\t * Dispatch a DOM event for a specific area change\n\t * @param areaName Name of the area that changed\n\t * @param routeAction The route action that was pushed\n\t */\n\tprivate dispatchAreaEvent(areaName: string, routeAction: RouteAction) {\n\t\tconst eventName = `schmancy-area-${areaName}-changed`\n\t\tconst event = new CustomEvent(eventName, { \n\t\t\tdetail: { \n\t\t\t\tarea: areaName,\n\t\t\t\tcomponent: routeAction.component,\n\t\t\t\tstate: routeAction.state,\n\t\t\t\tparams: routeAction.params,\n\t\t\t\thistoryStrategy: routeAction.historyStrategy\n\t\t\t},\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t})\n\t\twindow.dispatchEvent(event)\n\t}\n\n\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\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?: Record<string, unknown>\n\tparams?: Record<string, unknown>\n\thistoryStrategy?: THistoryStrategy\n\tclearQueryParams?: string[] | null\n}\n\nexport type ActiveRoute = {\n\tcomponent: string\n\tarea: string\n\tstate?: Record<string, unknown>\n\tparams?: Record<string, unknown>\n}\n\n/**\n * Interface for subscribing to area changes\n */\nexport interface AreaSubscription {\n\t/**\n\t * Subscribe to a specific area\n\t * @param areaName Name of the area to subscribe to\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of the active route for the specified area\n\t */\n\ton(areaName: string, skipCurrent?: boolean): import('rxjs').Observable<ActiveRoute>\n\t\n\t/**\n\t * Subscribe to all areas\n\t * @param skipCurrent Whether to skip the current value\n\t * @returns Observable of all active routes\n\t */\n\tall(skipCurrent?: boolean): import('rxjs').Observable<Map<string, ActiveRoute>>\n\t\n\t/**\n\t * Get state from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's state\n\t */\n\tgetState<T = unknown>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/**\n\t * Get params from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @returns Observable of the area's params\n\t */\n\tparams<T extends Record<string, unknown> = Record<string, unknown>>(areaName: string): import('rxjs').Observable<T>\n\t\n\t/**\n\t * Get a specific param from an area\n\t * @param areaName Name of the area to subscribe to\n\t * @param key Key of the param to select\n\t * @returns Observable of the param value\n\t */\n\tparam<T = unknown>(areaName: string, key: string): import('rxjs').Observable<T>\n}\n\nexport type THistoryStrategy = 'push' | 'replace' | 'pop' | 'silent'\n\nexport enum HISTORY_STRATEGY {\n\tpush = 'push',\n\treplace = 'replace',\n\tpop = 'pop',\n\tsilent = 'silent',\n}\n","import { $LitElement } from '@mixins/index'\nimport { TemplateResult, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport {\n\tEMPTY,\n\tbufferTime,\n\tcatchError,\n\tdistinctUntilChanged,\n\tfilter,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tof,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n\ttimeout,\n} from 'rxjs'\nimport { isPresent } from 'ts-is-present'\nimport area from './area.service'\nimport { HISTORY_STRATEGY, RouteAction } from './router.types'\n\ntype TRouteArea = {\n\tcomponent: string\n\tstate: object | undefined\n}\n\n@customElement('schmancy-area')\nexport class SchmancyArea extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\tinset: 0;\n\t}\n`) {\n\t/**\n\t * The name of the router outlet\n\t * @attr\n\t * @type {string}\n\t * @public\n\t * @required\n\t */\n\t@property() name!: string\n\n\t@property() default!: string | Promise<NodeModule> | CustomElementConstructor | TemplateResult<1>\n\n\t/**\n\t *\n\t * @param pathname pathname from the browser location API\n\t * @param historyStrategy  the history strategy to use for the route like PUSH, REPLACE, or SILENT\n\t * @returns rxjs pipes that will return the component to render and the history strategy to use\n\t */\n\tgetComponentFromPathname(pathname: string, historyStrategy: HISTORY_STRATEGY) {\n\t\treturn of(pathname).pipe(\n\t\t\tmap(path => path.split('/').pop() ?? ''),\n\t\t\tmap(path => decodeURIComponent(path)),\n\t\t\tmap(path => JSON.parse(path)),\n\t\t\tmap(routes => routes[this.name] as TRouteArea),\n\t\t\tmap(component =>\n\t\t\t\t!component && this.default\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\tstate: undefined,\n\t\t\t\t\t\t}\n\t\t\t\t\t: component,\n\t\t\t),\n\t\t\tfilter(x => isPresent(x)),\n\t\t\tmap((component: TRouteArea) => ({\n\t\t\t\tarea: this.name,\n\t\t\t\tcomponent: component.component ?? this.default,\n\t\t\t\tstate: component.state,\n\t\t\t\thistoryStrategy,\n\t\t\t})),\n\t\t\tmap(x => x as RouteAction),\n\t\t\tcatchError(() => {\n\t\t\t\treturn this.default\n\t\t\t\t\t? of({\n\t\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\t\tcomponent: this.default,\n\t\t\t\t\t\t\thistoryStrategy,\n\t\t\t\t\t\t} as RouteAction)\n\t\t\t\t\t: EMPTY\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected firstUpdated(): void {\n\t\tif (!this.name) {\n\t\t\t// TOOD: maybe enforce this to be unique\n\t\t\tthrow new Error('Area name or default component not set')\n\t\t}\n\n\t\t// active outlet changes\n\t\tmerge(\n\t\t\t// 1) initial load from location.pathname\n\t\t\tof(location.pathname).pipe(\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\tmap(route => route as RouteAction),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\t// 2) requests to change the route for this area\n\t\t\tarea.request.pipe(filter(({ area }) => area === this.name)),\n\t\t\t// 3) popstate events (back, forward)\n\t\t\tfromEvent<PopStateEvent>(window, 'popstate').pipe(\n\t\t\t\tmap(e => (e.target as Window).location.pathname),\n\t\t\t\tswitchMap(pathname => this.getComponentFromPathname(pathname, HISTORY_STRATEGY.silent)),\n\t\t\t\tmap(route => route as RouteAction),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter(request => !!request.component),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdistinctUntilChanged((a, b) => {\n\t\t\t\t\tlet aComponent, bComponent\n\t\t\t\t\tif (typeof a.component === 'function') return false\n\t\t\t\t\telse if (typeof a.component === 'string') aComponent = a.component\n\n\t\t\t\t\tif (typeof b.component === 'function') return false\n\t\t\t\t\telse if (typeof b.component === 'string') bComponent = b.component\n\n\t\t\t\t\treturn bComponent?.replaceAll('-', '').toLowerCase() === aComponent?.replaceAll('-', '').toLowerCase()\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.pipe(\n\t\t\t\tswitchMap(route => {\n\t\t\t\t\tconst c = route.component\n\t\t\t\t\tif (c instanceof Promise) {\n\t\t\t\t\t\t// Dynamic import module\n\t\t\t\t\t\treturn from(c).pipe(map(x => ({ component: x.exports.default as CustomElementConstructor, route })))\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Already a string, function, or element\n\t\t\t\t\t\treturn of({ component: c, route })\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tif (typeof component === 'string') {\n\t\t\t\t\t\t// Tag name\n\t\t\t\t\t\treturn { component: document.createElement(component), route }\n\t\t\t\t\t} else if (component instanceof HTMLElement) {\n\t\t\t\t\t\t// Already an element instance\n\t\t\t\t\t\treturn { component, route }\n\t\t\t\t\t} else if (typeof component === 'function') {\n\t\t\t\t\t\t// Custom element constructor\n\t\t\t\t\t\treturn { component: new component(), route }\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.component.tagName === curr.component.tagName),\n\t\t\t\t// create the new view and add it to the DOM\n\t\t\t\tmap(({ component, route }) => {\n\t\t\t\t\tconst oldView = this.shadowRoot?.children[0]\n\t\t\t\t\tconst oldViewExists = !!oldView\n\n\t\t\t\t\t// Remove the old view (if any)\n\t\t\t\t\toldView.remove()\n\t\t\t\t\t// Native Web Animations API - fade in\n\t\t\t\t\t// \"ease: cubic-bezier(0.25, 0.8, 0.25, 1)\" was used in the old code\n\t\t\t\t\tcomponent.classList.add('opacity-0')\n\t\t\t\t\tthis.shadowRoot?.append(component)\n\t\t\t\t\tcomponent.animate([{ opacity: 0 }, { opacity: 1 }], {\n\t\t\t\t\t\tduration: oldViewExists ? 150 : 100,\n\t\t\t\t\t\teasing: 'cubic-bezier(0.25, 0.8, 0.25, 1)',\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t})\n\n\t\t\t\t\t// Insert the new view\n\n\t\t\t\t\treturn { component, route }\n\t\t\t\t}),\n\t\t\t\ttap(({ component, route }) => {\n\t\t\t\t\t// Handle history updates\n\t\t\t\t\tif (typeof route.historyStrategy === 'undefined' || route.historyStrategy === 'push') {\n\t\t\t\t\t\thistory.pushState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t} else if (route.historyStrategy && ['replace', 'pop'].includes(route.historyStrategy)) {\n\t\t\t\t\t\thistory.replaceState(route.state, '', this.newPath(component.tagName, route))\n\t\t\t\t\t}\n\t\t\t\t\tarea.current.set(this.name, {\n\t\t\t\t\t\tcomponent: component.tagName,\n\t\t\t\t\t\tstate: route.state || {},\n\t\t\t\t\t\tarea: this.name,\n\t\t\t\t\t\tparams: route.params || {},\n\t\t\t\t\t})\n\n\t\t\t\t\tarea.$current.next(area.current)\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tnewPath(tag: string, route: RouteAction) {\n\t\tconst oldPathname = location.pathname.split('/').pop()\n\t\tlet oldAreaState = {}\n\t\ttry {\n\t\t\toldAreaState = oldPathname ? JSON.parse(decodeURIComponent(oldPathname)) : {}\n\t\t} catch {\n\t\t\toldAreaState = {}\n\t\t}\n\t\troute.state = route.state ?? {}\n\t\tconst queryParams = route.clearQueryParams ? this.queryParamClear(route.clearQueryParams) : document.location.search\n\n\t\treturn encodeURIComponent(\n\t\t\tJSON.stringify({\n\t\t\t\t...oldAreaState,\n\t\t\t\t[this.name]: { component: tag.toLowerCase(), state: route.state, params: route.params },\n\t\t\t}),\n\t\t).concat(`${queryParams}`)\n\t}\n\n\tqueryParamClear(params?: string[]) {\n\t\tif (!params) {\n\t\t\treturn ''\n\t\t}\n\t\t// get query params from url\n\t\tconst urlParams = new URLSearchParams(location.search)\n\t\t// remove query params\n\t\tparams.forEach(param => urlParams.delete(param))\n\t\t// update url\n\t\tif (urlParams.toString() === '') return ''\n\t\treturn `?${urlParams.toString()}`\n\t}\n\n\tcheckForTeleportationRequests() {\n\t\treturn fromEvent<CustomEvent>(window, 'FLIP_REQUEST').pipe(\n\t\t\tmap(e => e.detail),\n\t\t\tbufferTime(0),\n\t\t\ttap(() => {\n\t\t\t\tthis.dispatchEvent(new CustomEvent('FLIP_STARTED'))\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting),\n\t\t\ttimeout(0),\n\t\t\tcatchError(() => of(null)),\n\t\t)\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.disconnecting.next(true)\n\t}\n\n\trender() {\n\t\treturn html` <slot> </slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-area': SchmancyArea\n\t}\n}"],"names":["routerHistory","Subject","FINDING_MORTIES","HERE_RICKY","AreaService","constructor","this","prettyURL","mode","request","ReplaySubject","current","Map","$current","areaSubjects","enableHistoryMode","findingMortiesEvent","CustomEvent","next","subscribe","currentAreas","forEach","route","areaName","getOrCreateAreaSubject","has","subject","set","currentRoute","get","state","params","Error","skipCurrent","areaSubject","pipe","skip","asObservable","on","map","filter","key","value","zip","fromEvent","window","e","detail","bufferTime","tap","console","log","of","dispatchEvent","component","timeout","r","routeAction","dispatchAreaEvent","area","event","historyStrategy","bubbles","composed","name","newState","JSON","parse","stringify","history","replaceState","encodeURIComponent","instance","pathname","location","split","pop","areaState","decodeURIComponent","getInstance","HISTORY_STRATEGY","SchmancyArea","$LitElement","css","path","routes","default","x","isPresent","catchError","EMPTY","firstUpdated","merge","switchMap","getComponentFromPathname","silent","take","target","takeUntil","disconnecting","distinctUntilChanged","a","b","aComponent","bComponent","replaceAll","toLowerCase","c","Promise","from","exports","t","document","createElement","HTMLElement","prev","curr","tagName","oldView","shadowRoot","children","oldViewExists","remove","classList","add","append","animate","opacity","duration","easing","fill","pushState","newPath","includes","tag","oldPathname","oldAreaState","queryParams","clearQueryParams","queryParamClear","search","concat","urlParams","URLSearchParams","param","delete","toString","checkForTeleportationRequests","disconnectedCallback","super","render","html","__decorateClass","property","prototype","customElement"],"mappings":";;;;;;;;AAIa,MAAAA,IAAgB,IAAIC,KAEpBC,IAAkB,mBAClBC,IAAa;AAQ1B,MAAMC,EAAAA;AAAAA,EAcL,cAAAC;AAZAC,SAAOC,YAAAA,IACPD,KAAOE,OAA6B,WAC7BF,KAAAG,UAAU,IAAIC,EAA2B,CACzCJ,GAAAA,KAAAK,8BAAcC,OACdN,KAAAO,WAAW,IAAIH,EAAwC,CAGtDJ,GAAAA,KAAAQ,mCAAmBF,OAE3BN,KAAOS,oBAAoB,IACnBT,KAAAU,sBAAsB,IAAIC,YAA6Cf,CAGzEI,GAAAA,KAAAO,SAASK,KAAKZ,KAAKK,OAAAA,GAGnBL,KAAAO,SAASM,UAA0BC,OAAAA;AAE1BA,QAAAC,QAAQ,CAACC,GAAOC,MAERjB;AAAAA,aAAKkB,uBAAuBD,CAEpCL,EAAAA,KAAKI,CAAK;AAAA,MAAA,CAAA;AAAA,IACtB,CACD;AAAA,EAAA;AAAA,EAQM,uBAAuBC,GAC9B;AAAA,QAAA,CAAKjB,KAAKQ,aAAaW,IAAIF,CAAAA,GAAW;AAC/BG,YAAAA,IAAU,IAAIhB,EAA2B,CAAA;AAC1CJ,WAAAQ,aAAaa,IAAIJ,GAAUG,CAGhC;AAAA,YAAME,IAAetB,KAAKK,QAAQkB,IAAIN;AAClCK,MAAAA,KACHF,EAAQR,KAAK,EAAA,GACTU,GAEHE,OAAOF,EAAaE,SAAS,CAAC,GAC9BC,QAAQH,EAAaG,UAAU,CAAA,EAEjC,CAAA;AAAA,IAAA;AAGD,UAAML,IAAUpB,KAAKQ,aAAae,IAAIN,CAAAA;AACtC,QAAKG,CAAAA,EACJ,OAAM,IAAIM,MAAM,kDAAkDT,CAG5D,EAAA;AAAA,WAAAG;AAAAA,EAAA;AAAA,EASR,GAAGH,GAAkBU,IAAc,IAAA;AAC5B,UAAAC,IAAc5B,KAAKkB,uBAAuBD,CAEzC;AAAA,WAAAU,IAAcC,EAAYC,KAAKC,EAAK,CAAMF,CAAAA,IAAAA,EAAYG,aAAa;AAAA,EAAA;AAAA,EAQ3E,IAAIJ,IAAc,IAAA;AACV,WAAAA,IAAc3B,KAAKO,SAASsB,KAAKC,EAAK,MAAM9B,KAAKO,SAASwB,aAAa;AAAA,EAAA;AAAA,EAQ/E,SAAsBd,GACd;AAAA,WAAAjB,KAAKgC,GAAGf,CAAUY,EAAAA,KACxBI,EAAajB,CAAAA,MAAAA,EAAMQ,KAAAA,GACnBU,EAAQV,CAAAA,MAAyCA,MAAzCA,MAAyCA,GACjDS,SAAaT,CACd,CAAA;AAAA,EAAA;AAAA,EAQD,OAAoEP,GAC5D;AAAA,WAAAjB,KAAKgC,GAAGf,GAAUY,KACxBI,EAAajB,CAAAA,MAAAA,EAAMS,MACnBS,GAAAA,EAAQT,CAAAA,MAA2CA,MAAW,MAC9DQ,GAAAA,SAAcR,CAAAA,CAAAA;AAAAA,EACf;AAAA,EASD,MAAmBR,GAAkBkB,GAC7B;AAAA,WAAAnC,KAAKyB,OAAgCR,CAAUY,EAAAA,KACrDI,EAAIR,CAAAA,MAAUA,EAAOU,CAAAA,CAAAA,GACrBD,EAAQE,CAAAA,MAAyCA,MAAzCA,MAAyCA,GACjDH,SAAaG,CAAAA,CAAAA;AAAAA,EACd;AAAA,EAGD,OACC;AAAA,WAAOC,EAAI,CACVC,EAA4BC,QAAQ1C,CAAYgC,EAAAA,KAC/CI,EAASO,OAAAA,EAAEC,MAAAA,GACXC,EAAW,CAAA,GACXC,EAAIC,QAAQC,GAEbC,CAAAA,GAAAA,EAAG,CAAGjB,EAAAA,KAAKc,EAAI,MAAMJ,OAAOQ,cAAc/C,KAAKU,mBAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAC7CmB,KACFI,EAAI,CAAA,CAAEe,CAAeA,MAAAA,CAAAA,GACrBC,EAAQ,CAAA,CAAA;AAAA,EACT;AAAA,EAOD,KAAKC,GAAAA;AAEJ,UAAMC,IAAc,EAChBD,GAAAA,GACH1B,OAAO0B,EAAE1B,SAAS,CAAC,GACnBC,QAAQyB,EAAEzB,UAAU,CAAA,EAAA;AAGhBzB,SAAAG,QAAQS,KAAKuC,CAAAA,GAEbnD,KAAAoD,kBAAkBD,EAAYE,MAAMF,CAAAA;AAAAA,EAAW;AAAA,EAQ7C,kBAAkBlC,GAAkBkC,GACrC;AAAA,UACAG,IAAQ,IAAI3C,YADA,iBAAiBM,CACM,YAAA,EACxCwB,QAAQ,EACPY,MAAMpC,GACN+B,WAAWG,EAAYH,WACvBxB,OAAO2B,EAAY3B,OACnBC,QAAQ0B,EAAY1B,QACpB8B,iBAAiBJ,EAAYI,gBAAAA,GAE9BC,aACAC,UAAAA,GAEDlB,CAAAA;AAAAA,WAAOQ,cAAcO,CAAAA;AAAAA,EAAK;AAAA,EAG3B,IAAII,GAAAA;AACH,UAAMC,IAAWC,KAAKC,MAAMD,KAAKE,UAAUT,EAAK7B,KAAAA,CAAAA;AAAAA,WACzCmC,EAASD,CAAAA,GAERK,QAAAC,aAAa,MAAM,IAAIC,mBAAmBL,KAAKE,UAAUH,CAAAA,CAAAA,CAAAA;AAAAA,EAAU;AAAA,EAG5E,OAAA;AAIC,WAHK7D,EAAYoE,aACJpE,EAAAoE,WAAW,IAAIpE,MAErBA,EAAYoE;AAAAA,EAAA;AAAA,EAGpB,IAAI1C,QAAAA;AACH,UAAM2C,IAAWC,SAASD,SAASE,MAAM,GAAA,EAAKC,IAC9C;AAAA,QAAIC,IAAY,CAAC;AACb,QAAA;AACHA,UAAYJ,IAAWP,KAAKC,MAAMW,mBAAmBL,CAAAA,CAAAA,IAAa,CAAC;AAAA,IAAA,QAEnEI;AAAAA,UAAY,CAAC;AAAA,IAAA;AAEP,WAAAA;AAAAA,EAAA;AAAA;MAIIlB,IAAOvD,EAAY2E,YAAAA;ACzJpB,IAAAC,KAAAA,CAAAA,OACXA,EAAO,OAAA,QACPA,EAAU,UAAA,WACVA,EAAM,MAAA,OACNA,EAAS,SAAA,UAJEA,IAAAA,KAAA,CAAA,CAAA;;;;AC9BC,IAAAC,IAAN,cAA2BC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAwB7C,EAAA;AAAA,EAAA,yBAAyBV,GAAkBZ,GACnC;AAAA,WAAAT,EAAGqB,CAAAA,EAAUtC,KACnBI,SAAY6C,EAAKT,MAAM,GAAA,EAAKC,IAAS,KAAA,EAAA,GACrCrC,EAAI6C,CAAAA,MAAQN,mBAAmBM,CAAAA,CAAAA,GAC/B7C,EAAI6C,CAAAA,MAAQlB,KAAKC,MAAMiB,CACvB7C,CAAAA,GAAAA,EAAI8C,CAAAA,MAAUA,EAAO/E,KAAK0D,IAAAA,CAAAA,GAC1BzB,EACCe,CAAAA,MAACA,CAAAA,KAAahD,KAAKgF,UAChB,EACAhC,WAAWhD,KAAKgF,SAChBxD,OAAO,OAAA,IAEPwB,CAEJd,GAAAA,EAAO+C,CAAAA,MAAKC,EAAUA,UAAAD,CAAAA,CAAAA,GACtBhD,EAAKe,CAAAA,OAA2B,EAC/BK,MAAMrD,KAAK0D,MACXV,WAAWA,EAAUA,aAAahD,KAAKgF,SACvCxD,OAAOwB,EAAUxB,OACjB+B,iBAEDtB,EAAAA,EAAAA,GAAAA,SAASgD,CACTE,GAAAA,EAAW,MACHnF,KAAKgF,UACTlC,EAAG,EACHO,MAAMrD,KAAK0D,MACXV,WAAWhD,KAAKgF,SAChBzB,iBAAAA,EAAAA,CAAAA,IAEA6B,CAEL,CAAA;AAAA,EAAA;AAAA,EAGS,eAAAC;AACL,QAACrF,CAAAA,KAAK0D,KAEH,OAAA,IAAIhC,MAAM,wCAIjB4D;AAAAA,IAAAA,EAECxC,EAAGsB,SAASD,QAAUtC,EAAAA,KACrB0D,EAAsBpB,CAAAA,MAAAnE,KAAKwF,yBAAyBrB,GAAUO,EAAiBe,MAAAA,CAAAA,GAC/ExD,SAAajB,CACb0E,GAAAA,EAAK,CAGNrC,CAAAA,GAAAA,EAAKlD,QAAQ0B,KAAKK,EAAO,CAAA,EAAGmB,MAAAA,EAAAA,MAAWA,MAASrD,KAAK0D,IAErDpB,CAAAA,GAAAA,EAAyBC,QAAQ,UAAA,EAAYV,KAC5CI,EAAIO,CAAAA,MAAMA,EAAEmD,OAAkBvB,SAASD,QACvCoB,GAAAA,EAAsBpB,CAAAA,MAAAnE,KAAKwF,yBAAyBrB,GAAUO,EAAiBe,MAC/ExD,CAAAA,GAAAA,SAAajB,CAAAA,CAAAA,CAAAA,EAGba,KACAK,EAAO/B,CAAAA,MAAaA,CAAAA,CAAAA,EAAQ6C,SAC5B4C,GAAAA,EAAU5F,KAAK6F,aAAAA,GACfC,EAAqB,CAACC,GAAGC,MAAAA;AACxB,UAAIC,GAAYC;AAChB,aAAWH,OAAAA,EAAE/C,aAAc,eACK,OAAhB+C,EAAE/C,aAAc,iBAAuB+C,EAAE/C,YAE9B,OAAhBgD,EAAEhD,aAAc,eACK,OAAhBgD,EAAEhD,aAAc,iBAAuBgD,EAAEhD,aAElDkD,uBAAYC,WAAW,KAAK,IAAIC,oBAAkBH,KAAAA,gBAAAA,EAAYE,WAAW,KAAK,IAAIC;AAAAA,IAAY,CAAA,CAAA,EAGtGvE,KACA0D,EAAmBvE,CAAAA,MAClB;AAAA,YAAMqF,IAAIrF,EAAMgC;AAChB,aAAIqD,aAAaC,UAETC,EAAKF,CAAAA,EAAGxE,KAAKI,EAAIgD,QAAA,EAAQjC,WAAWiC,EAAEuB,QAAQxB,SAAqChE,OAAAA,EAAAA,EAAAA,CAAAA,IAGnF8B,EAAG,EAAEE,WAAWqD,GAAGrF,OAAOyF,EAAA,CAAA;AAAA,IAAA,CAAA,GAGnCxE,EAAI,CAAA,EAAGe,WAAWhC,GAAAA,OAAAA,EAAAA,MACNgC,OAAAA,KAAc,WAEjB,EAAEA,WAAW0D,SAASC,cAAc3D,CAAYhC,GAAAA,OAAAA,EAAAA,IAC7CgC,aAAqB4D,cAExB,EAAE5D,WAAAA,GAAWhC,OACWwB,EAAA,IAAA,OAAdQ,KAAc,aAExB,EAAEA,WAAW,IAAIA,KAAahC,OAFtCwB,EAAA,IAAA,MAAA,GAKDsD,EAAqB,CAACe,GAAMC,MAASD,EAAK7D,UAAU+D,YAAYD,EAAK9D,UAAU+D,OAAAA,GAE/E9E,EAAI,CAAA,EAAGe,WAAWhC,GAAAA,OAAAA,EAAAA,MAAAA;;AACjB,YAAMgG,KAAUhH,IAAAA,KAAKiH,eAALjH,gBAAAA,EAAiBkH,SAAS,IACpCC,IAAkBH,CAAAA,CAAAA;AAgBjB,aAbPA,EAAQI,OAGEpE,GAAAA,EAAAqE,UAAUC,IAAI,eACnBtH,IAAAA,KAAAiH,eAAAjH,QAAAA,EAAYuH,OAAOvE,IACdA,EAAAwE,QAAQ,CAAC,EAAEC,SAAS,EAAA,GAAK,EAAEA,SAAS,EAAM,CAAA,GAAA,EACnDC,UAAUP,IAAgB,MAAM,KAChCQ,QAAQ,oCACRC,MAAM,WAAA,CAAA,GAKA,EAAE5E,WAAAA,GAAWhC,OAAMwB,EAAA;AAAA,IAAA,CAAA,GAE3BG,EAAI,CAAA,EAAGK,WAAWhC,GAAAA,OAAAA,EAAAA,MAAAA;AAAAA,MAENA,EAAMuC,oBAFAvC,UAEmCA,EAAMuC,oBAAoB,SACrEQ,QAAA8D,UAAU7G,EAAMQ,OAAO,IAAIxB,KAAK8H,QAAQ9E,EAAU+D,SAAS/F,CACzDA,CAAAA,IAAAA,EAAMuC,mBAAmB,CAAC,WAAW,KAAA,EAAOwE,SAAS/G,EAAMuC,eAC7DQ,KAAAA,QAAAC,aAAahD,EAAMQ,OAAO,IAAIxB,KAAK8H,QAAQ9E,EAAU+D,SAAS/F,CAElEqC,CAAAA,GAAAA,EAAAhD,QAAQgB,IAAIrB,KAAK0D,MAAM,EAC3BV,WAAWA,EAAU+D,SACrBvF,OAAOR,EAAMQ,SAAS,CAAC,GACvB6B,MAAMrD,KAAK0D,MACXjC,QAAQT,EAAMS,UAAU,CAAA,EAAA,CAAA,GAGpB4B,EAAA9C,SAASK,KAAKyC,EAAKhD,OAAO;AAAA,IAAA,CAAA,GAEhCuF,EAAU5F,KAAK6F,aAEfhF,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAGb,QAAQmH,GAAahH,GAAAA;AACpB,UAAMiH,IAAc7D,SAASD,SAASE,MAAM,GAAA,EAAKC,IACjD;AAAA,QAAI4D,IAAe,CAAC;AAChB,QAAA;AACHA,UAAeD,IAAcrE,KAAKC,MAAMW,mBAAmByD,CAAAA,CAAAA,IAAgB,CAAC;AAAA,IAAA,QACrE;AACPC,UAAe,CAAC;AAAA,IAAA;AAEXlH,IAAAA,EAAAQ,QAAQR,EAAMQ,SAAS,CAAC;AACxB,UAAA2G,IAAcnH,EAAMoH,mBAAmBpI,KAAKqI,gBAAgBrH,EAAMoH,gBAAoB1B,IAAAA,SAAStC,SAASkE;AAEvG,WAAArE,mBACNL,KAAKE,UAAU,EACXoE,GAAAA,GACH,CAAClI,KAAK0D,IAAO,GAAA,EAAEV,WAAWgF,EAAI5B,YAAe5E,GAAAA,OAAOR,EAAMQ,OAAOC,QAAQT,EAAMS,OAE/E8G,EAAAA,CAAAA,CAAAA,EAAAA,OAAO,GAAGJ,CAAa,EAAA;AAAA,EAAA;AAAA,EAG1B,gBAAgB1G,GACf;AAAA,QAAA,CAAKA,EACG,QAAA;AAGR,UAAM+G,IAAY,IAAIC,gBAAgBrE,SAASkE,MAI/C;AAAA,WAFA7G,EAAOV,QAAQ2H,CAAAA,MAASF,EAAUG,OAAOD,CAAAA,CAAAA,GAErCF,EAAUI,SAA0B,MAAX,KAAW,KACjC,IAAIJ,EAAUI,SAAU,CAAA;AAAA,EAAA;AAAA,EAGhC,gCAAAC;AACQ,WAAAvG,EAAuBC,QAAQ,cAAgBV,EAAAA,KACrDI,EAASO,CAAAA,MAAAA,EAAEC,MAAAA,GACXC,EAAW,CAAA,GACXC,EAAI,MAAA;AACH3C,WAAK+C,cAAc,IAAIpC,YAAY,cAAe,CAAA;AAAA,IAAA,CAAA,GAEnDiF,EAAU5F,KAAK6F,aACf5C,GAAAA,EAAQ,CACRkC,GAAAA,EAAW,MAAMrC,EAAG,IACrB,CAAA,CAAA;AAAA,EAAA;AAAA,EAGD,uBAAAgG;AACCC,UAAMD,qBAAAA,GACD9I,KAAA6F,cAAcjF,KAAAA,EAAS;AAAA,EAAA;AAAA,EAG7B,SAAAoI;AACQ,WAAAC;AAAAA,EAAA;AAAA;AAtMIC,EAAA,CAAXC,EAdWxE,CAAAA,GAAAA,EAcAyE,WAAA,QAAA,IAEAF,EAAA,CAAXC,EAhBWxE,CAAAA,GAAAA,EAgBAyE,WAAA,WAAA,CAhBAzE,GAAAA,IAANuE,EAAA,CADNG,EAAc,eAAA,CAAA,GACF1E;"}

package/dist/area.component-WxccFh1z.cjs

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