@mhmo91/schmancy 0.5.44 → 0.5.46

package/ai/content-drawer.md

@@ -1,198 +1,128 @@
 # Content Drawer
 
-Responsive sliding panel that automatically switches between push and overlay modes based on screen size.
-
-## Overview
-
-The content drawer provides a responsive panel system that adapts to different screen sizes:
-- **Large screens**: Panel pushes content aside (push mode)
-- **Small screens**: Panel overlays content (overlay mode)
-- **Automatic switching**: Responds to screen width changes
-
-## Components
-
-```js
-// Main container that manages responsive behavior
-<schmancy-content-drawer
-  ?open="${boolean}"           // Controls drawer visibility (auto-managed)
-  .minWidth="${{main: 360, sheet: 576}}"  // Min widths for main and sheet
->
-  <schmancy-content-drawer-main
-    minWidth="${number}"        // Minimum width for main content (default: 360px)
-  >
-    // Main content area
-  </schmancy-content-drawer-main>
+Responsive sliding panel that switches between push mode (desktop) and overlay mode (mobile).
 
-  <schmancy-content-drawer-sheet
-    minWidth="${number}"        // Minimum width for sheet (default: 576px)
-  >
-    <section slot="placeholder">
-      // Optional placeholder content when sheet is empty
-    </section>
-  </schmancy-content-drawer-sheet>
-</schmancy-content-drawer>
+## Service API
+
+```typescript
+import { schmancyContentDrawer } from '@schmancy/content-drawer'
 ```
 
-## Responsive Behavior
+### `push(options)`
 
-The drawer automatically switches between modes based on viewport width:
-- **Push mode**: When `viewport >= main.minWidth + sheet.minWidth`
-  - Sheet panel appears inline beside main content
-  - Content is pushed to make room for the sheet
-  - Sheet remains visible
-- **Overlay mode**: When `viewport < main.minWidth + sheet.minWidth`
-  - Sheet overlays on top of main content
-  - Opens/closes via the service API
-  - Shows as a modal sheet
+Push a component to the drawer. Automatically resolves different component types.
 
-## Service API
+**Parameters:**
 
-```js
-import { schmancyContentDrawer } from '@schmancy/content-drawer'
+- `options: ComponentType | DrawerPushOptions`
+
+**ComponentType formats:**
 
-// Push API - Recommended for dynamic content rendering
-schmancyContentDrawer.push(component)
-// component can be:
-// - string: 'demo-button' (HTML tag name)
-// - HTMLElement: new DemoButton() (component instance)
-// - Factory: () => new DemoButton() (factory function)
-// - Async: async () => import('./button').then(m => new m.default())
+- `string` - HTML tag name (e.g., `'demo-button'`)
+- `HTMLElement` - Component instance (e.g., `new MyComponent()`)
+- `() => HTMLElement` - Factory function
+- `() => Promise<{default: any}>` - Async import
 
-// Legacy render API (for backward compatibility)
-schmancyContentDrawer.render(ref, component, title?)
+**DrawerPushOptions object:**
 
-// Dismiss drawer (note: method has typo in implementation)
-schmancyContentDrawer.dimiss(ref)
+```typescript
+{
+  component: ComponentType
+  props?: Record<string, unknown>    // Properties to set on component
+  state?: Record<string, unknown>    // Router state (push mode only)
+  params?: Record<string, unknown>   // Router params (push mode only)
+}
 ```
 
-### Push API Features
+**Usage:**
 
-The `push` API automatically handles re-rendering when the same component instance is pushed with updated properties:
+```typescript
+// String tag
+schmancyContentDrawer.push('demo-button')
 
-```js
-// Create a component instance
-const myComponent = new MyComponent()
-myComponent.variant = 'filled'
+// HTMLElement instance
+schmancyContentDrawer.push(new UserDetail())
 
-// Push it to drawer
-schmancyContentDrawer.push(myComponent)
+// With options object (recommended)
+schmancyContentDrawer.push({
+  component: new UserDetail(),
+  props: { userId: '123' }
+})
 
-// Later, update properties and push again
-myComponent.variant = 'outlined'
-schmancyContentDrawer.push(myComponent) // Automatically re-renders with new properties
-```
+// Factory function
+schmancyContentDrawer.push(() => new MyComponent())
 
-## Examples
+// Async import
+schmancyContentDrawer.push(() => import('./my-component'))
+```
 
-### 1. Basic Responsive Drawer
+### `render(ref, component, title?)`
 
-```html
-<schmancy-content-drawer>
-  <schmancy-content-drawer-main>
-    <schmancy-list class="p-0">
-      <schmancy-list-item @click=${() => {
-        schmancyContentDrawer.push('demo-button')
-      }}>
-        Show Button Demo
-      </schmancy-list-item>
-      <schmancy-list-item @click=${() => {
-        schmancyContentDrawer.push(new TypographyDemo())
-      }}>
-        Show Typography Demo
-      </schmancy-list-item>
-    </schmancy-list>
-  </schmancy-content-drawer-main>
+Lower-level API for rendering. Use `push()` instead for most cases.
 
-  <schmancy-content-drawer-sheet class="px-4">
-    <section slot="placeholder">
-      <schmancy-typography>Select an item to view</schmancy-typography>
-    </section>
-  </schmancy-content-drawer-sheet>
-</schmancy-content-drawer>
-```
+**Parameters:**
 
-### 2. Using Different Push API Patterns
+- `ref: Element | Window` - Element to dispatch events from
+- `component: HTMLElement` - Component instance
+- `title?: string` - Optional title
 
-```js
-// String tag name
-schmancyContentDrawer.push('demo-button')
+```typescript
+schmancyContentDrawer.render(window, new UserDetail(), 'User Details')
+```
 
-// Component instance
-const button = new DemoButton()
-button.variant = 'filled'
-schmancyContentDrawer.push(button)
+### `dimiss(ref)`
 
-// Factory function with custom setup
-schmancyContentDrawer.push(() => {
-  const comp = new MyComponent()
-  comp.setAttribute('theme', 'dark')
-  return comp
-})
+Closes the drawer. *Note: typo in actual API*
 
-// Async module loading
-schmancyContentDrawer.push(async () => {
-  const module = await import('./lazy-component')
-  return new module.default()
-})
+```typescript
+schmancyContentDrawer.dimiss(window)
 ```
 
-### 3. Configuring Minimum Widths
+## Component Structure
 
 ```html
 <schmancy-content-drawer>
-  <!-- Main content requires at least 400px -->
-  <schmancy-content-drawer-main minWidth="400">
-    <div>Main application content</div>
+  <schmancy-content-drawer-main>
+    <!-- Main content area -->
   </schmancy-content-drawer-main>
 
-  <!-- Sheet requires at least 600px -->
-  <schmancy-content-drawer-sheet minWidth="600">
-    <div>Detail panel content</div>
+  <schmancy-content-drawer-sheet>
+    <section slot="placeholder">
+      <!-- Empty state content -->
+    </section>
   </schmancy-content-drawer-sheet>
 </schmancy-content-drawer>
 ```
 
-## Integration with Schmancy Systems
-
-The content drawer integrates with:
-- **Area router**: In push mode, uses `schmancy-area` for content routing
-- **Sheet system**: In overlay mode, uses the schmancy sheet for modal presentation
-- **Grid system**: Uses `schmancy-grid` for responsive layout
-
-## CSS Styling
-
-The component uses standard Tailwind classes for styling:
-- Main container uses `overflow-scroll` for scrollable content
-- Sheet positioning handled automatically based on mode
-- Animations use Web Animations API (500ms duration)
-
-## Common Patterns
-
-**Master-Detail View**: List of items in main, details in sheet
-```js
-// In main area - list of items
-<schmancy-list-item @click=${() => {
-  schmancyContentDrawer.push(new ItemDetail(item))
-}}>
-  ${item.name}
-</schmancy-list-item>
-```
-
-**Settings Panel**: Configuration options in the sheet
-```js
-// Push settings component
-schmancyContentDrawer.push(new SettingsPanel())
-```
-
-**Navigation Drawer**: Navigation links in main, content in sheet
-```js
-// Navigation item clicks update sheet content
-schmancyContentDrawer.push(() => import(`./pages/${page}`))
+## Properties
+
+- `minWidth: {main: number, sheet: number}` - Minimum widths (default: `{main: 360, sheet: 576}`)
+- `open: 'open' | 'close'` - Auto-managed based on mode
+- `mode: 'push' | 'overlay'` - Auto-switches at 936px breakpoint
+
+## Example
+
+```typescript
+html`
+  <schmancy-content-drawer>
+    <schmancy-content-drawer-main>
+      <schmancy-list>
+        ${items.map(item => html`
+          <schmancy-list-item @click=${() => {
+            schmancyContentDrawer.push({
+              component: new ItemDetail(),
+              props: { item }
+            })
+          }}>
+            ${item.name}
+          </schmancy-list-item>
+        `)}
+      </schmancy-list>
+    </schmancy-content-drawer-main>
+
+    <schmancy-content-drawer-sheet>
+      <section slot="placeholder">Select an item</section>
+    </schmancy-content-drawer-sheet>
+  </schmancy-content-drawer>
+`
 ```
-
-## Related Components
-
-- [Sheet](./sheet.md) - Modal sheet component used in overlay mode
-- [Area](./area.md) - Routing system used in push mode
-- [Grid](./grid.md) - Layout system for responsive design
-- [List](./list.md) - List component for navigation items

package/dist/ai/content-drawer.md

@@ -1,198 +1,128 @@
 # Content Drawer
 
-Responsive sliding panel that automatically switches between push and overlay modes based on screen size.
-
-## Overview
-
-The content drawer provides a responsive panel system that adapts to different screen sizes:
-- **Large screens**: Panel pushes content aside (push mode)
-- **Small screens**: Panel overlays content (overlay mode)
-- **Automatic switching**: Responds to screen width changes
-
-## Components
-
-```js
-// Main container that manages responsive behavior
-<schmancy-content-drawer
-  ?open="${boolean}"           // Controls drawer visibility (auto-managed)
-  .minWidth="${{main: 360, sheet: 576}}"  // Min widths for main and sheet
->
-  <schmancy-content-drawer-main
-    minWidth="${number}"        // Minimum width for main content (default: 360px)
-  >
-    // Main content area
-  </schmancy-content-drawer-main>
+Responsive sliding panel that switches between push mode (desktop) and overlay mode (mobile).
 
-  <schmancy-content-drawer-sheet
-    minWidth="${number}"        // Minimum width for sheet (default: 576px)
-  >
-    <section slot="placeholder">
-      // Optional placeholder content when sheet is empty
-    </section>
-  </schmancy-content-drawer-sheet>
-</schmancy-content-drawer>
+## Service API
+
+```typescript
+import { schmancyContentDrawer } from '@schmancy/content-drawer'
 ```
 
-## Responsive Behavior
+### `push(options)`
 
-The drawer automatically switches between modes based on viewport width:
-- **Push mode**: When `viewport >= main.minWidth + sheet.minWidth`
-  - Sheet panel appears inline beside main content
-  - Content is pushed to make room for the sheet
-  - Sheet remains visible
-- **Overlay mode**: When `viewport < main.minWidth + sheet.minWidth`
-  - Sheet overlays on top of main content
-  - Opens/closes via the service API
-  - Shows as a modal sheet
+Push a component to the drawer. Automatically resolves different component types.
 
-## Service API
+**Parameters:**
 
-```js
-import { schmancyContentDrawer } from '@schmancy/content-drawer'
+- `options: ComponentType | DrawerPushOptions`
+
+**ComponentType formats:**
 
-// Push API - Recommended for dynamic content rendering
-schmancyContentDrawer.push(component)
-// component can be:
-// - string: 'demo-button' (HTML tag name)
-// - HTMLElement: new DemoButton() (component instance)
-// - Factory: () => new DemoButton() (factory function)
-// - Async: async () => import('./button').then(m => new m.default())
+- `string` - HTML tag name (e.g., `'demo-button'`)
+- `HTMLElement` - Component instance (e.g., `new MyComponent()`)
+- `() => HTMLElement` - Factory function
+- `() => Promise<{default: any}>` - Async import
 
-// Legacy render API (for backward compatibility)
-schmancyContentDrawer.render(ref, component, title?)
+**DrawerPushOptions object:**
 
-// Dismiss drawer (note: method has typo in implementation)
-schmancyContentDrawer.dimiss(ref)
+```typescript
+{
+  component: ComponentType
+  props?: Record<string, unknown>    // Properties to set on component
+  state?: Record<string, unknown>    // Router state (push mode only)
+  params?: Record<string, unknown>   // Router params (push mode only)
+}
 ```
 
-### Push API Features
+**Usage:**
 
-The `push` API automatically handles re-rendering when the same component instance is pushed with updated properties:
+```typescript
+// String tag
+schmancyContentDrawer.push('demo-button')
 
-```js
-// Create a component instance
-const myComponent = new MyComponent()
-myComponent.variant = 'filled'
+// HTMLElement instance
+schmancyContentDrawer.push(new UserDetail())
 
-// Push it to drawer
-schmancyContentDrawer.push(myComponent)
+// With options object (recommended)
+schmancyContentDrawer.push({
+  component: new UserDetail(),
+  props: { userId: '123' }
+})
 
-// Later, update properties and push again
-myComponent.variant = 'outlined'
-schmancyContentDrawer.push(myComponent) // Automatically re-renders with new properties
-```
+// Factory function
+schmancyContentDrawer.push(() => new MyComponent())
 
-## Examples
+// Async import
+schmancyContentDrawer.push(() => import('./my-component'))
+```
 
-### 1. Basic Responsive Drawer
+### `render(ref, component, title?)`
 
-```html
-<schmancy-content-drawer>
-  <schmancy-content-drawer-main>
-    <schmancy-list class="p-0">
-      <schmancy-list-item @click=${() => {
-        schmancyContentDrawer.push('demo-button')
-      }}>
-        Show Button Demo
-      </schmancy-list-item>
-      <schmancy-list-item @click=${() => {
-        schmancyContentDrawer.push(new TypographyDemo())
-      }}>
-        Show Typography Demo
-      </schmancy-list-item>
-    </schmancy-list>
-  </schmancy-content-drawer-main>
+Lower-level API for rendering. Use `push()` instead for most cases.
 
-  <schmancy-content-drawer-sheet class="px-4">
-    <section slot="placeholder">
-      <schmancy-typography>Select an item to view</schmancy-typography>
-    </section>
-  </schmancy-content-drawer-sheet>
-</schmancy-content-drawer>
-```
+**Parameters:**
 
-### 2. Using Different Push API Patterns
+- `ref: Element | Window` - Element to dispatch events from
+- `component: HTMLElement` - Component instance
+- `title?: string` - Optional title
 
-```js
-// String tag name
-schmancyContentDrawer.push('demo-button')
+```typescript
+schmancyContentDrawer.render(window, new UserDetail(), 'User Details')
+```
 
-// Component instance
-const button = new DemoButton()
-button.variant = 'filled'
-schmancyContentDrawer.push(button)
+### `dimiss(ref)`
 
-// Factory function with custom setup
-schmancyContentDrawer.push(() => {
-  const comp = new MyComponent()
-  comp.setAttribute('theme', 'dark')
-  return comp
-})
+Closes the drawer. *Note: typo in actual API*
 
-// Async module loading
-schmancyContentDrawer.push(async () => {
-  const module = await import('./lazy-component')
-  return new module.default()
-})
+```typescript
+schmancyContentDrawer.dimiss(window)
 ```
 
-### 3. Configuring Minimum Widths
+## Component Structure
 
 ```html
 <schmancy-content-drawer>
-  <!-- Main content requires at least 400px -->
-  <schmancy-content-drawer-main minWidth="400">
-    <div>Main application content</div>
+  <schmancy-content-drawer-main>
+    <!-- Main content area -->
   </schmancy-content-drawer-main>
 
-  <!-- Sheet requires at least 600px -->
-  <schmancy-content-drawer-sheet minWidth="600">
-    <div>Detail panel content</div>
+  <schmancy-content-drawer-sheet>
+    <section slot="placeholder">
+      <!-- Empty state content -->
+    </section>
   </schmancy-content-drawer-sheet>
 </schmancy-content-drawer>
 ```
 
-## Integration with Schmancy Systems
-
-The content drawer integrates with:
-- **Area router**: In push mode, uses `schmancy-area` for content routing
-- **Sheet system**: In overlay mode, uses the schmancy sheet for modal presentation
-- **Grid system**: Uses `schmancy-grid` for responsive layout
-
-## CSS Styling
-
-The component uses standard Tailwind classes for styling:
-- Main container uses `overflow-scroll` for scrollable content
-- Sheet positioning handled automatically based on mode
-- Animations use Web Animations API (500ms duration)
-
-## Common Patterns
-
-**Master-Detail View**: List of items in main, details in sheet
-```js
-// In main area - list of items
-<schmancy-list-item @click=${() => {
-  schmancyContentDrawer.push(new ItemDetail(item))
-}}>
-  ${item.name}
-</schmancy-list-item>
-```
-
-**Settings Panel**: Configuration options in the sheet
-```js
-// Push settings component
-schmancyContentDrawer.push(new SettingsPanel())
-```
-
-**Navigation Drawer**: Navigation links in main, content in sheet
-```js
-// Navigation item clicks update sheet content
-schmancyContentDrawer.push(() => import(`./pages/${page}`))
+## Properties
+
+- `minWidth: {main: number, sheet: number}` - Minimum widths (default: `{main: 360, sheet: 576}`)
+- `open: 'open' | 'close'` - Auto-managed based on mode
+- `mode: 'push' | 'overlay'` - Auto-switches at 936px breakpoint
+
+## Example
+
+```typescript
+html`
+  <schmancy-content-drawer>
+    <schmancy-content-drawer-main>
+      <schmancy-list>
+        ${items.map(item => html`
+          <schmancy-list-item @click=${() => {
+            schmancyContentDrawer.push({
+              component: new ItemDetail(),
+              props: { item }
+            })
+          }}>
+            ${item.name}
+          </schmancy-list-item>
+        `)}
+      </schmancy-list>
+    </schmancy-content-drawer-main>
+
+    <schmancy-content-drawer-sheet>
+      <section slot="placeholder">Select an item</section>
+    </schmancy-content-drawer-sheet>
+  </schmancy-content-drawer>
+`
 ```
-
-## Related Components
-
-- [Sheet](./sheet.md) - Modal sheet component used in overlay mode
-- [Area](./area.md) - Routing system used in push mode
-- [Grid](./grid.md) - Layout system for responsive design
-- [List](./list.md) - List component for navigation items

package/dist/{animated-text-Dr32Ckh7.cjs → animated-text-2eNprXDV.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const r=require("lit/decorators.js");require("./tailwind.mixin-Bz_Bv8SX.cjs");const h=require("./litElement.mixin-Dlq4PNEh.cjs"),c=require("lit");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("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const r=require("lit/decorators.js");require("./tailwind.mixin-CfBr6oca.cjs");const h=require("./litElement.mixin-vtpQghkf.cjs"),c=require("lit");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-Dr32Ckh7.cjs.map
+//# sourceMappingURL=animated-text-2eNprXDV.cjs.map

package/dist/{animated-text-Dr32Ckh7.cjs.map → animated-text-2eNprXDV.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"animated-text-Dr32Ckh7.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","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-2eNprXDV.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","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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"}