@mhmo91/schmancy 0.2.193 → 0.2.195

package/dist/ai/tooltip.md

@@ -0,0 +1,149 @@
+# Schmancy Tooltip - AI Reference
+
+```js
+// Basic Tooltip
+<schmancy-tooltip text="Tooltip text">
+  <schmancy-button>Hover me</schmancy-button>
+</schmancy-tooltip>
+
+// Tooltip with position
+<schmancy-tooltip
+  text="Tooltip content"
+  position="top|right|bottom|left|top-start|top-end|right-start|right-end|bottom-start|bottom-end|left-start|left-end">
+  <div>Hover over this element</div>
+</schmancy-tooltip>
+
+// Tooltip with custom content
+<schmancy-tooltip>
+  <schmancy-button>Hover me</schmancy-button>
+  
+  <div slot="content">
+    <h4>Custom Tooltip</h4>
+    <p>This is a tooltip with custom HTML content.</p>
+  </div>
+</schmancy-tooltip>
+
+// Tooltip with delay and offset
+<schmancy-tooltip
+  text="Delayed tooltip"
+  show-delay="500"
+  hide-delay="200"
+  offset="10">
+  <span>Hover for delayed tooltip</span>
+</schmancy-tooltip>
+
+// Tooltip directive (alternative usage)
+<schmancy-button
+  ${tooltip('Button tooltip', { 
+    position: 'top',
+    showDelay: 300
+  })}>
+  Hover me
+</schmancy-button>
+
+// Tooltip Properties
+text: string           // Text content of the tooltip
+position: string       // Position relative to target: "top", "right", "bottom", "left" and variations
+showDelay: number      // Delay before showing tooltip (milliseconds)
+hideDelay: number      // Delay before hiding tooltip (milliseconds)
+offset: number         // Distance between tooltip and target (pixels)
+maxWidth: string       // Maximum width of the tooltip
+interactive: boolean   // Allow interaction with tooltip content
+disabled: boolean      // Disable the tooltip
+always-visible: boolean // Keep tooltip visible (for testing)
+
+// Tooltip Events
+@show    // Fires when tooltip is shown
+@hide    // Fires when tooltip is hidden
+
+// Tooltip Directive Options
+tooltip(text, {
+  position: string,    // Position relative to target
+  showDelay: number,   // Delay before showing tooltip (milliseconds)
+  hideDelay: number,   // Delay before hiding tooltip (milliseconds)
+  offset: number,      // Distance between tooltip and target (pixels)
+  maxWidth: string,    // Maximum width of the tooltip
+  interactive: boolean // Allow interaction with tooltip content
+})
+
+// Examples
+// Basic usage
+<schmancy-tooltip text="Delete this item">
+  <schmancy-icon-button
+    icon="delete"
+    variant="danger">
+  </schmancy-icon-button>
+</schmancy-tooltip>
+
+// Tooltip with rich content
+<schmancy-tooltip position="right">
+  <schmancy-icon-button icon="info"></schmancy-icon-button>
+  
+  <div slot="content">
+    <h4>Information</h4>
+    <p>This feature allows you to:</p>
+    <ul>
+      <li>Create new records</li>
+      <li>Edit existing data</li>
+      <li>Export as CSV</li>
+    </ul>
+  </div>
+</schmancy-tooltip>
+
+// Interactive tooltip
+<schmancy-tooltip 
+  position="bottom"
+  interactive>
+  <span>Settings</span>
+  
+  <div slot="content">
+    <h4>Quick Settings</h4>
+    <schmancy-checkbox label="Enable notifications"></schmancy-checkbox>
+    <schmancy-checkbox label="Dark mode"></schmancy-checkbox>
+    <schmancy-button size="small">Apply</schmancy-button>
+  </div>
+</schmancy-tooltip>
+
+// Using tooltip directive
+<div>
+  <schmancy-button ${tooltip('Save changes')}>
+    Save
+  </schmancy-button>
+  
+  <schmancy-button ${tooltip('Discard all changes', { position: 'bottom' })}>
+    Cancel
+  </schmancy-button>
+  
+  <schmancy-icon-button 
+    icon="help"
+    ${tooltip('Need help?', { position: 'right', showDelay: 500 })}>
+  </schmancy-icon-button>
+</div>
+
+// Tooltip on disabled elements
+<schmancy-tooltip text="You don't have permission to edit">
+  <span>
+    <schmancy-button disabled>
+      Edit
+    </schmancy-button>
+  </span>
+</schmancy-tooltip>
+
+// Tooltip for form fields
+<div>
+  <schmancy-input 
+    label="Username"
+    ${tooltip('Enter your username or email address')}>
+  </schmancy-input>
+  
+  <schmancy-input 
+    label="Password"
+    type="password">
+    <schmancy-icon 
+      slot="suffix" 
+      icon="info"
+      ${tooltip('Password must be at least 8 characters')}>
+    </schmancy-icon>
+  </schmancy-input>
+</div>
+```

package/dist/ai/tree.md

@@ -0,0 +1,279 @@
+# Schmancy Tree - AI Reference
+
+```js
+// Basic Tree
+<schmancy-tree>
+  <schmancy-tree-item label="Root">
+    <schmancy-tree-item label="Child 1"></schmancy-tree-item>
+    <schmancy-tree-item label="Child 2">
+      <schmancy-tree-item label="Grandchild 1"></schmancy-tree-item>
+      <schmancy-tree-item label="Grandchild 2"></schmancy-tree-item>
+    </schmancy-tree-item>
+    <schmancy-tree-item label="Child 3"></schmancy-tree-item>
+  </schmancy-tree-item>
+</schmancy-tree>
+
+// Tree with selection
+<schmancy-tree
+  selectable
+  @select=${handleSelection}>
+  <!-- Tree items -->
+</schmancy-tree>
+
+// Tree with custom items
+<schmancy-tree>
+  <schmancy-tree-item value="item1">
+    <div slot="label">
+      <schmancy-icon icon="folder"></schmancy-icon>
+      <span>Documents</span>
+    </div>
+    
+    <schmancy-tree-item value="item1.1">
+      <div slot="label">
+        <schmancy-icon icon="file-text"></schmancy-icon>
+        <span>Report.pdf</span>
+      </div>
+    </schmancy-tree-item>
+    
+    <schmancy-tree-item value="item1.2">
+      <div slot="label">
+        <schmancy-icon icon="file-text"></schmancy-icon>
+        <span>Presentation.pptx</span>
+      </div>
+    </schmancy-tree-item>
+  </schmancy-tree-item>
+</schmancy-tree>
+
+// Tree Properties
+selectable: boolean       // Enable item selection
+multiselect: boolean      // Allow multiple selections
+expandOnSelect: boolean   // Expand items when selected
+compact: boolean          // Reduce padding and spacing
+indentSize: number        // Indentation size in pixels (default: 20)
+expandedItems: string[]   // Initially expanded items (by value)
+selectedItems: string[]   // Initially selected items (by value)
+
+// Tree Item Properties
+label: string             // Text label for the item
+value: string             // Value for selection/identification
+expanded: boolean         // Whether the item is expanded
+selected: boolean         // Whether the item is selected
+disabled: boolean         // Disable the item
+icon: string              // Icon to display (if using default rendering)
+loading: boolean          // Show loading indicator
+checkable: boolean        // Show checkbox for selection
+childrenCount: number     // Number of children (for lazy loading)
+
+// Tree Events
+@select   // Fires when selection changes, with { detail: { selected } }
+@expand   // Fires when item expands, with { detail: { value, expanded } }
+@collapse // Fires when item collapses, with { detail: { value, expanded } }
+@toggle   // Fires when item expands/collapses, with { detail: { value, expanded } }
+
+// Tree Methods
+tree.expandAll() -> void            // Expand all items
+tree.collapseAll() -> void          // Collapse all items
+tree.getSelectedItems() -> string[] // Get selected item values
+tree.selectItem(value) -> void      // Select an item
+tree.deselectItem(value) -> void    // Deselect an item
+tree.expandItem(value) -> void      // Expand an item
+tree.collapseItem(value) -> void    // Collapse an item
+
+// Examples
+// File explorer tree
+<schmancy-tree
+  selectable
+  expandOnSelect
+  @select=${(e) => handleFileSelection(e.detail.selected)}>
+  
+  <schmancy-tree-item value="documents" expanded>
+    <div slot="label">
+      <schmancy-icon icon="folder"></schmancy-icon>
+      <span>Documents</span>
+    </div>
+    
+    <schmancy-tree-item value="documents/reports">
+      <div slot="label">
+        <schmancy-icon icon="folder"></schmancy-icon>
+        <span>Reports</span>
+      </div>
+      
+      <schmancy-tree-item value="documents/reports/q1.pdf">
+        <div slot="label">
+          <schmancy-icon icon="file-text"></schmancy-icon>
+          <span>Q1 Report.pdf</span>
+        </div>
+      </schmancy-tree-item>
+      
+      <schmancy-tree-item value="documents/reports/q2.pdf">
+        <div slot="label">
+          <schmancy-icon icon="file-text"></schmancy-icon>
+          <span>Q2 Report.pdf</span>
+        </div>
+      </schmancy-tree-item>
+    </schmancy-tree-item>
+    
+    <schmancy-tree-item value="documents/presentations">
+      <div slot="label">
+        <schmancy-icon icon="folder"></schmancy-icon>
+        <span>Presentations</span>
+      </div>
+      
+      <schmancy-tree-item value="documents/presentations/product.pptx">
+        <div slot="label">
+          <schmancy-icon icon="file-presentation"></schmancy-icon>
+          <span>Product Roadmap.pptx</span>
+        </div>
+      </schmancy-tree-item>
+    </schmancy-tree-item>
+  </schmancy-tree-item>
+  
+  <schmancy-tree-item value="images">
+    <div slot="label">
+      <schmancy-icon icon="folder"></schmancy-icon>
+      <span>Images</span>
+    </div>
+    
+    <schmancy-tree-item value="images/logo.png">
+      <div slot="label">
+        <schmancy-icon icon="image"></schmancy-icon>
+        <span>Logo.png</span>
+      </div>
+    </schmancy-tree-item>
+    
+    <schmancy-tree-item value="images/banner.jpg">
+      <div slot="label">
+        <schmancy-icon icon="image"></schmancy-icon>
+        <span>Banner.jpg</span>
+      </div>
+    </schmancy-tree-item>
+  </schmancy-tree-item>
+</schmancy-tree>
+
+// Organization tree with checkboxes
+<schmancy-tree
+  selectable
+  multiselect
+  @select=${(e) => updateSelectedDepartments(e.detail.selected)}>
+  
+  <schmancy-tree-item value="company" checkable expanded>
+    <div slot="label">
+      <strong>Acme Inc.</strong>
+    </div>
+    
+    <schmancy-tree-item value="engineering" checkable>
+      <div slot="label">Engineering</div>
+      
+      <schmancy-tree-item value="frontend" checkable>
+        <div slot="label">Frontend</div>
+      </schmancy-tree-item>
+      
+      <schmancy-tree-item value="backend" checkable>
+        <div slot="label">Backend</div>
+      </schmancy-tree-item>
+      
+      <schmancy-tree-item value="qa" checkable>
+        <div slot="label">QA</div>
+      </schmancy-tree-item>
+    </schmancy-tree-item>
+    
+    <schmancy-tree-item value="design" checkable>
+      <div slot="label">Design</div>
+      
+      <schmancy-tree-item value="ux" checkable>
+        <div slot="label">UX</div>
+      </schmancy-tree-item>
+      
+      <schmancy-tree-item value="ui" checkable>
+        <div slot="label">UI</div>
+      </schmancy-tree-item>
+    </schmancy-tree-item>
+    
+    <schmancy-tree-item value="marketing" checkable>
+      <div slot="label">Marketing</div>
+    </schmancy-tree-item>
+    
+    <schmancy-tree-item value="sales" checkable>
+      <div slot="label">Sales</div>
+    </schmancy-tree-item>
+  </schmancy-tree-item>
+</schmancy-tree>
+
+// Dynamic tree from data
+<schmancy-tree
+  selectable
+  .expandedItems=${expandedItems}
+  .selectedItems=${selectedItems}
+  @select=${handleSelection}
+  @toggle=${handleToggle}>
+  
+  ${renderTree(treeData)}
+</schmancy-tree>
+
+// Helper function to render tree recursively
+function renderTree(items) {
+  return items.map(item => html`
+    <schmancy-tree-item
+      value=${item.id}
+      label=${item.label}
+      ?expanded=${expandedItems.includes(item.id)}
+      ?selected=${selectedItems.includes(item.id)}
+      ?disabled=${item.disabled}
+      ?loading=${item.loading}>
+      
+      ${item.children ? renderTree(item.children) : ''}
+    </schmancy-tree-item>
+  `);
+}
+
+// Lazy loading tree
+<schmancy-tree @toggle=${handleToggle}>
+  <schmancy-tree-item
+    value="root"
+    label="Root Folder"
+    expanded
+    childrenCount=${3}>
+    
+    ${loadedChildren.root ? loadedChildren.root.map(child => html`
+      <schmancy-tree-item
+        value=${child.id}
+        label=${child.name}
+        childrenCount=${child.hasChildren ? 1 : 0}
+        ?loading=${loadingItems.includes(child.id)}>
+        
+        ${loadedChildren[child.id] ? loadedChildren[child.id].map(grandchild => html`
+          <schmancy-tree-item
+            value=${grandchild.id}
+            label=${grandchild.name}
+            childrenCount=${grandchild.hasChildren ? 1 : 0}>
+          </schmancy-tree-item>
+        `) : ''}
+      </schmancy-tree-item>
+    `) : html`
+      <schmancy-tree-item loading>Loading...</schmancy-tree-item>
+    `}
+  </schmancy-tree-item>
+</schmancy-tree>
+
+// Handling toggle for lazy loading
+async function handleToggle(e) {
+  const { value, expanded } = e.detail;
+  
+  if (expanded && !loadedChildren[value]) {
+    // Mark item as loading
+    loadingItems = [...loadingItems, value];
+    
+    // Load children
+    const children = await fetchChildren(value);
+    
+    // Update loaded children
+    loadedChildren = {
+      ...loadedChildren,
+      [value]: children
+    };
+    
+    // Remove from loading items
+    loadingItems = loadingItems.filter(id => id !== value);
+  }
+}
+```

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-9AM64DHd.cjs → animated-text-Bu9wh3wv.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-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`
+"use strict";const e=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./litElement.mixin-qOTYSaNG.cjs");require("./tailwind.mixin-CFCJhe5p.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-9AM64DHd.cjs.map
+//# sourceMappingURL=animated-text-Bu9wh3wv.cjs.map

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

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