@mhmo91/schmancy 0.2.201 → 0.2.203

package/ai/chips.md

@@ -3,178 +3,144 @@
 ```js
 // Single Chip
 <schmancy-chip
-  text="Chip Text"
-  variant="default|primary|secondary|success|warning|danger|info"
-  size="small|medium|large"
-  closable?
+  value="chip-value"
+  selected?
+  icon="emoji-icon"
+  readOnly?
   disabled?
-  @close=${handleClose}
+  @change=${handleChange}
   @click=${handleClick}>
+  Chip Text
 </schmancy-chip>
 
 // Chip with icon
-<schmancy-chip text="JavaScript">
-  <schmancy-icon slot="prefix" icon="code"></schmancy-icon>
+<schmancy-chip icon="📝" value="javascript">
+  JavaScript
 </schmancy-chip>
 
-// Chip with avatar
-<schmancy-chip text="John Doe">
-  <schmancy-avatar slot="prefix" src="path/to/avatar.jpg" size="small"></schmancy-avatar>
-</schmancy-chip>
-
-// Chips Container
+// Chips Container - Single Selection
 <schmancy-chips
+  .value=${selectedValue}
   @change=${handleSelectionChange}>
-  <schmancy-chip text="Option 1" value="1"></schmancy-chip>
-  <schmancy-chip text="Option 2" value="2"></schmancy-chip>
-  <schmancy-chip text="Option 3" value="3"></schmancy-chip>
+  <schmancy-chip value="1">Option 1</schmancy-chip>
+  <schmancy-chip value="2">Option 2</schmancy-chip>
+  <schmancy-chip value="3">Option 3</schmancy-chip>
 </schmancy-chips>
 
-// Chips Container with selection mode
+// Chips Container - Multiple Selection
 <schmancy-chips
-  selection="single|multiple|none"
-  .value=${selectedValues}
+  multi
+  .values=${selectedValues}
   @change=${handleSelectionChange}>
-  <schmancy-chip text="Red" value="red"></schmancy-chip>
-  <schmancy-chip text="Green" value="green"></schmancy-chip>
-  <schmancy-chip text="Blue" value="blue"></schmancy-chip>
+  <schmancy-chip value="red">Red</schmancy-chip>
+  <schmancy-chip value="green">Green</schmancy-chip>
+  <schmancy-chip value="blue">Blue</schmancy-chip>
 </schmancy-chips>
 
-// Input with chip creation
-<schmancy-chips
-  input?
-  placeholder="Add tag..."
-  @add=${handleAddChip}
-  @remove=${handleRemoveChip}>
-  <schmancy-chip text="React" closable></schmancy-chip>
-  <schmancy-chip text="Vue" closable></schmancy-chip>
-  <schmancy-chip text="Angular" closable></schmancy-chip>
+// Horizontal scrolling chips
+<schmancy-chips wrap="false">
+  <schmancy-chip value="mon">Monday</schmancy-chip>
+  <schmancy-chip value="tue">Tuesday</schmancy-chip>
+  <schmancy-chip value="wed">Wednesday</schmancy-chip>
+  <schmancy-chip value="thu">Thursday</schmancy-chip>
+  <schmancy-chip value="fri">Friday</schmancy-chip>
 </schmancy-chips>
 
 // Chip Properties
-text: string            // Text content of the chip
 value: string           // Value for selection purposes
-variant: string         // Visual style: "default", "primary", "secondary", etc.
-size: string            // Size: "small", "medium", "large"
-closable: boolean       // Show close button
-disabled: boolean       // Disable the chip
 selected: boolean       // Whether the chip is selected
+icon: string            // Emoji icon to display
+readOnly: boolean       // Makes chip non-interactive
+disabled: boolean       // Disable the chip
 
 // Chips Container Properties
-selection: string       // Selection mode: "none", "single", "multiple"
-value: string[]         // Selected values
-input: boolean          // Show input for adding new chips
-placeholder: string     // Placeholder for the input
-max: number             // Maximum number of chips allowed
-disabled: boolean       // Disable the entire container
+multi: boolean          // Enable multiple selection mode
+value: string           // Selected value (single selection)
+values: string[]        // Selected values (multiple selection)
+wrap: boolean           // Whether chips wrap to new lines (default: true)
 
 // Chip Events
 @click   // Fires when chip is clicked
-@close   // Fires when close button is clicked
-@keydown // Fires on keydown events
+@change  // Fires when selection changes, with { detail: { value: string, selected: boolean } }
 
 // Chips Container Events
-@change  // Fires when selection changes, with { detail: { value } }
-@add     // Fires when a chip is added, with { detail: { text, value } }
-@remove  // Fires when a chip is removed, with { detail: { text, value } }
+@change  // Fires when selection changes, with detail being string (single) or string[] (multi)
 
 // Examples
 // Basic chips
 <div>
-  <schmancy-chip text="Basic"></schmancy-chip>
-  <schmancy-chip text="Primary" variant="primary"></schmancy-chip>
-  <schmancy-chip text="Success" variant="success"></schmancy-chip>
-  <schmancy-chip text="Warning" variant="warning"></schmancy-chip>
-  <schmancy-chip text="Danger" variant="danger"></schmancy-chip>
-</div>
-
-// Closable chips
-<div>
-  <schmancy-chip 
-    text="JavaScript" 
-    closable
-    @close=${() => removeTag('javascript')}>
-    <schmancy-icon slot="prefix" icon="code"></schmancy-icon>
-  </schmancy-chip>
-  
-  <schmancy-chip 
-    text="TypeScript" 
-    closable
-    @close=${() => removeTag('typescript')}>
-    <schmancy-icon slot="prefix" icon="code"></schmancy-icon>
-  </schmancy-chip>
+  <schmancy-chip value="basic">Basic</schmancy-chip>
+  <schmancy-chip value="javascript" icon="📝">JavaScript</schmancy-chip>
+  <schmancy-chip value="react" icon="⚛️">React</schmancy-chip>
+  <schmancy-chip value="vue" icon="💚">Vue</schmancy-chip>
+  <schmancy-chip value="angular" icon="🅰️">Angular</schmancy-chip>
 </div>
 
 // Single selection chips
 <schmancy-chips
-  selection="single"
-  .value=${[selectedSize]}
-  @change=${(e) => selectedSize = e.detail.value[0]}>
-  <schmancy-chip text="Small" value="sm"></schmancy-chip>
-  <schmancy-chip text="Medium" value="md"></schmancy-chip>
-  <schmancy-chip text="Large" value="lg"></schmancy-chip>
+  .value=${selectedSize}
+  @change=${(e) => selectedSize = e.detail}>
+  <schmancy-chip value="sm">Small</schmancy-chip>
+  <schmancy-chip value="md">Medium</schmancy-chip>
+  <schmancy-chip value="lg">Large</schmancy-chip>
 </schmancy-chips>
 
 // Multiple selection chips
 <schmancy-chips
-  selection="multiple"
-  .value=${selectedToppings}
-  @change=${(e) => selectedToppings = e.detail.value}>
-  <schmancy-chip text="Cheese" value="cheese"></schmancy-chip>
-  <schmancy-chip text="Pepperoni" value="pepperoni"></schmancy-chip>
-  <schmancy-chip text="Mushrooms" value="mushrooms"></schmancy-chip>
-  <schmancy-chip text="Onions" value="onions"></schmancy-chip>
-  <schmancy-chip text="Peppers" value="peppers"></schmancy-chip>
+  multi
+  .values=${selectedToppings}
+  @change=${(e) => selectedToppings = e.detail}>
+  <schmancy-chip value="cheese">Cheese</schmancy-chip>
+  <schmancy-chip value="pepperoni">Pepperoni</schmancy-chip>
+  <schmancy-chip value="mushrooms">Mushrooms</schmancy-chip>
+  <schmancy-chip value="onions">Onions</schmancy-chip>
+  <schmancy-chip value="peppers">Peppers</schmancy-chip>
 </schmancy-chips>
 
-// Input chips for tags
+// Date selector with horizontal scrolling
 <schmancy-chips
-  input
-  placeholder="Add tag..."
-  @add=${(e) => addTag(e.detail.text)}
-  @remove=${(e) => removeTag(e.detail.text)}>
-  ${tags.map(tag => html`
-    <schmancy-chip 
-      text=${tag} 
-      closable>
-    </schmancy-chip>
-  `)}
+  wrap="false"
+  .value=${selectedDate}
+  @change=${(e) => selectedDate = e.detail}>
+  <schmancy-chip value="2024-01-15">Mon 15</schmancy-chip>
+  <schmancy-chip value="2024-01-16">Tue 16</schmancy-chip>
+  <schmancy-chip value="2024-01-17">Wed 17</schmancy-chip>
+  <schmancy-chip value="2024-01-18">Thu 18</schmancy-chip>
+  <schmancy-chip value="2024-01-19">Fri 19</schmancy-chip>
+  <schmancy-chip value="2024-01-20">Sat 20</schmancy-chip>
+  <schmancy-chip value="2024-01-21">Sun 21</schmancy-chip>
+</schmancy-chips>
+
+// Category filters
+<schmancy-chips
+  multi
+  .values=${selectedCategories}
+  @change=${(e) => selectedCategories = e.detail}>
+  <schmancy-chip value="electronics" icon="💻">Electronics</schmancy-chip>
+  <schmancy-chip value="clothing" icon="👕">Clothing</schmancy-chip>
+  <schmancy-chip value="books" icon="📚">Books</schmancy-chip>
+  <schmancy-chip value="home" icon="🏠">Home & Garden</schmancy-chip>
+  <schmancy-chip value="sports" icon="⚽">Sports</schmancy-chip>
 </schmancy-chips>
 
-// Email recipient chips
+// Skills/Tags selection
 <schmancy-chips
-  input
-  placeholder="Add recipient..."
-  @add=${addRecipient}
-  @remove=${removeRecipient}>
-  ${recipients.map(recipient => html`
-    <schmancy-chip text=${recipient.name} closable>
-      <schmancy-avatar
-        slot="prefix"
-        src=${recipient.avatar}
-        size="small">
-      </schmancy-avatar>
+  multi
+  .values=${selectedSkills}
+  @change=${(e) => selectedSkills = e.detail}>
+  ${availableSkills.map(skill => html`
+    <schmancy-chip 
+      value=${skill.id}
+      icon=${skill.icon}>
+      ${skill.name}
     </schmancy-chip>
   `)}
 </schmancy-chips>
 
-// Filter chips
+// Read-only chips display
 <div>
-  <div>Filters:</div>
-  <schmancy-chips>
-    ${filters.map(filter => html`
-      <schmancy-chip
-        text=${filter.label}
-        closable
-        @close=${() => removeFilter(filter.id)}>
-      </schmancy-chip>
-    `)}
-    
-    <schmancy-chip
-      text="Add Filter"
-      @click=${openFilterDialog}>
-      <schmancy-icon slot="prefix" icon="add"></schmancy-icon>
-    </schmancy-chip>
-  </schmancy-chips>
+  <schmancy-chip value="completed" icon="✅" readOnly>Completed</schmancy-chip>
+  <schmancy-chip value="pending" icon="⏳" readOnly>Pending</schmancy-chip>
+  <schmancy-chip value="cancelled" icon="❌" readOnly>Cancelled</schmancy-chip>
 </div>
 ```

package/dist/ai/chips.md

@@ -3,178 +3,144 @@
 ```js
 // Single Chip
 <schmancy-chip
-  text="Chip Text"
-  variant="default|primary|secondary|success|warning|danger|info"
-  size="small|medium|large"
-  closable?
+  value="chip-value"
+  selected?
+  icon="emoji-icon"
+  readOnly?
   disabled?
-  @close=${handleClose}
+  @change=${handleChange}
   @click=${handleClick}>
+  Chip Text
 </schmancy-chip>
 
 // Chip with icon
-<schmancy-chip text="JavaScript">
-  <schmancy-icon slot="prefix" icon="code"></schmancy-icon>
+<schmancy-chip icon="📝" value="javascript">
+  JavaScript
 </schmancy-chip>
 
-// Chip with avatar
-<schmancy-chip text="John Doe">
-  <schmancy-avatar slot="prefix" src="path/to/avatar.jpg" size="small"></schmancy-avatar>
-</schmancy-chip>
-
-// Chips Container
+// Chips Container - Single Selection
 <schmancy-chips
+  .value=${selectedValue}
   @change=${handleSelectionChange}>
-  <schmancy-chip text="Option 1" value="1"></schmancy-chip>
-  <schmancy-chip text="Option 2" value="2"></schmancy-chip>
-  <schmancy-chip text="Option 3" value="3"></schmancy-chip>
+  <schmancy-chip value="1">Option 1</schmancy-chip>
+  <schmancy-chip value="2">Option 2</schmancy-chip>
+  <schmancy-chip value="3">Option 3</schmancy-chip>
 </schmancy-chips>
 
-// Chips Container with selection mode
+// Chips Container - Multiple Selection
 <schmancy-chips
-  selection="single|multiple|none"
-  .value=${selectedValues}
+  multi
+  .values=${selectedValues}
   @change=${handleSelectionChange}>
-  <schmancy-chip text="Red" value="red"></schmancy-chip>
-  <schmancy-chip text="Green" value="green"></schmancy-chip>
-  <schmancy-chip text="Blue" value="blue"></schmancy-chip>
+  <schmancy-chip value="red">Red</schmancy-chip>
+  <schmancy-chip value="green">Green</schmancy-chip>
+  <schmancy-chip value="blue">Blue</schmancy-chip>
 </schmancy-chips>
 
-// Input with chip creation
-<schmancy-chips
-  input?
-  placeholder="Add tag..."
-  @add=${handleAddChip}
-  @remove=${handleRemoveChip}>
-  <schmancy-chip text="React" closable></schmancy-chip>
-  <schmancy-chip text="Vue" closable></schmancy-chip>
-  <schmancy-chip text="Angular" closable></schmancy-chip>
+// Horizontal scrolling chips
+<schmancy-chips wrap="false">
+  <schmancy-chip value="mon">Monday</schmancy-chip>
+  <schmancy-chip value="tue">Tuesday</schmancy-chip>
+  <schmancy-chip value="wed">Wednesday</schmancy-chip>
+  <schmancy-chip value="thu">Thursday</schmancy-chip>
+  <schmancy-chip value="fri">Friday</schmancy-chip>
 </schmancy-chips>
 
 // Chip Properties
-text: string            // Text content of the chip
 value: string           // Value for selection purposes
-variant: string         // Visual style: "default", "primary", "secondary", etc.
-size: string            // Size: "small", "medium", "large"
-closable: boolean       // Show close button
-disabled: boolean       // Disable the chip
 selected: boolean       // Whether the chip is selected
+icon: string            // Emoji icon to display
+readOnly: boolean       // Makes chip non-interactive
+disabled: boolean       // Disable the chip
 
 // Chips Container Properties
-selection: string       // Selection mode: "none", "single", "multiple"
-value: string[]         // Selected values
-input: boolean          // Show input for adding new chips
-placeholder: string     // Placeholder for the input
-max: number             // Maximum number of chips allowed
-disabled: boolean       // Disable the entire container
+multi: boolean          // Enable multiple selection mode
+value: string           // Selected value (single selection)
+values: string[]        // Selected values (multiple selection)
+wrap: boolean           // Whether chips wrap to new lines (default: true)
 
 // Chip Events
 @click   // Fires when chip is clicked
-@close   // Fires when close button is clicked
-@keydown // Fires on keydown events
+@change  // Fires when selection changes, with { detail: { value: string, selected: boolean } }
 
 // Chips Container Events
-@change  // Fires when selection changes, with { detail: { value } }
-@add     // Fires when a chip is added, with { detail: { text, value } }
-@remove  // Fires when a chip is removed, with { detail: { text, value } }
+@change  // Fires when selection changes, with detail being string (single) or string[] (multi)
 
 // Examples
 // Basic chips
 <div>
-  <schmancy-chip text="Basic"></schmancy-chip>
-  <schmancy-chip text="Primary" variant="primary"></schmancy-chip>
-  <schmancy-chip text="Success" variant="success"></schmancy-chip>
-  <schmancy-chip text="Warning" variant="warning"></schmancy-chip>
-  <schmancy-chip text="Danger" variant="danger"></schmancy-chip>
-</div>
-
-// Closable chips
-<div>
-  <schmancy-chip 
-    text="JavaScript" 
-    closable
-    @close=${() => removeTag('javascript')}>
-    <schmancy-icon slot="prefix" icon="code"></schmancy-icon>
-  </schmancy-chip>
-  
-  <schmancy-chip 
-    text="TypeScript" 
-    closable
-    @close=${() => removeTag('typescript')}>
-    <schmancy-icon slot="prefix" icon="code"></schmancy-icon>
-  </schmancy-chip>
+  <schmancy-chip value="basic">Basic</schmancy-chip>
+  <schmancy-chip value="javascript" icon="📝">JavaScript</schmancy-chip>
+  <schmancy-chip value="react" icon="⚛️">React</schmancy-chip>
+  <schmancy-chip value="vue" icon="💚">Vue</schmancy-chip>
+  <schmancy-chip value="angular" icon="🅰️">Angular</schmancy-chip>
 </div>
 
 // Single selection chips
 <schmancy-chips
-  selection="single"
-  .value=${[selectedSize]}
-  @change=${(e) => selectedSize = e.detail.value[0]}>
-  <schmancy-chip text="Small" value="sm"></schmancy-chip>
-  <schmancy-chip text="Medium" value="md"></schmancy-chip>
-  <schmancy-chip text="Large" value="lg"></schmancy-chip>
+  .value=${selectedSize}
+  @change=${(e) => selectedSize = e.detail}>
+  <schmancy-chip value="sm">Small</schmancy-chip>
+  <schmancy-chip value="md">Medium</schmancy-chip>
+  <schmancy-chip value="lg">Large</schmancy-chip>
 </schmancy-chips>
 
 // Multiple selection chips
 <schmancy-chips
-  selection="multiple"
-  .value=${selectedToppings}
-  @change=${(e) => selectedToppings = e.detail.value}>
-  <schmancy-chip text="Cheese" value="cheese"></schmancy-chip>
-  <schmancy-chip text="Pepperoni" value="pepperoni"></schmancy-chip>
-  <schmancy-chip text="Mushrooms" value="mushrooms"></schmancy-chip>
-  <schmancy-chip text="Onions" value="onions"></schmancy-chip>
-  <schmancy-chip text="Peppers" value="peppers"></schmancy-chip>
+  multi
+  .values=${selectedToppings}
+  @change=${(e) => selectedToppings = e.detail}>
+  <schmancy-chip value="cheese">Cheese</schmancy-chip>
+  <schmancy-chip value="pepperoni">Pepperoni</schmancy-chip>
+  <schmancy-chip value="mushrooms">Mushrooms</schmancy-chip>
+  <schmancy-chip value="onions">Onions</schmancy-chip>
+  <schmancy-chip value="peppers">Peppers</schmancy-chip>
 </schmancy-chips>
 
-// Input chips for tags
+// Date selector with horizontal scrolling
 <schmancy-chips
-  input
-  placeholder="Add tag..."
-  @add=${(e) => addTag(e.detail.text)}
-  @remove=${(e) => removeTag(e.detail.text)}>
-  ${tags.map(tag => html`
-    <schmancy-chip 
-      text=${tag} 
-      closable>
-    </schmancy-chip>
-  `)}
+  wrap="false"
+  .value=${selectedDate}
+  @change=${(e) => selectedDate = e.detail}>
+  <schmancy-chip value="2024-01-15">Mon 15</schmancy-chip>
+  <schmancy-chip value="2024-01-16">Tue 16</schmancy-chip>
+  <schmancy-chip value="2024-01-17">Wed 17</schmancy-chip>
+  <schmancy-chip value="2024-01-18">Thu 18</schmancy-chip>
+  <schmancy-chip value="2024-01-19">Fri 19</schmancy-chip>
+  <schmancy-chip value="2024-01-20">Sat 20</schmancy-chip>
+  <schmancy-chip value="2024-01-21">Sun 21</schmancy-chip>
+</schmancy-chips>
+
+// Category filters
+<schmancy-chips
+  multi
+  .values=${selectedCategories}
+  @change=${(e) => selectedCategories = e.detail}>
+  <schmancy-chip value="electronics" icon="💻">Electronics</schmancy-chip>
+  <schmancy-chip value="clothing" icon="👕">Clothing</schmancy-chip>
+  <schmancy-chip value="books" icon="📚">Books</schmancy-chip>
+  <schmancy-chip value="home" icon="🏠">Home & Garden</schmancy-chip>
+  <schmancy-chip value="sports" icon="⚽">Sports</schmancy-chip>
 </schmancy-chips>
 
-// Email recipient chips
+// Skills/Tags selection
 <schmancy-chips
-  input
-  placeholder="Add recipient..."
-  @add=${addRecipient}
-  @remove=${removeRecipient}>
-  ${recipients.map(recipient => html`
-    <schmancy-chip text=${recipient.name} closable>
-      <schmancy-avatar
-        slot="prefix"
-        src=${recipient.avatar}
-        size="small">
-      </schmancy-avatar>
+  multi
+  .values=${selectedSkills}
+  @change=${(e) => selectedSkills = e.detail}>
+  ${availableSkills.map(skill => html`
+    <schmancy-chip 
+      value=${skill.id}
+      icon=${skill.icon}>
+      ${skill.name}
     </schmancy-chip>
   `)}
 </schmancy-chips>
 
-// Filter chips
+// Read-only chips display
 <div>
-  <div>Filters:</div>
-  <schmancy-chips>
-    ${filters.map(filter => html`
-      <schmancy-chip
-        text=${filter.label}
-        closable
-        @close=${() => removeFilter(filter.id)}>
-      </schmancy-chip>
-    `)}
-    
-    <schmancy-chip
-      text="Add Filter"
-      @click=${openFilterDialog}>
-      <schmancy-icon slot="prefix" icon="add"></schmancy-icon>
-    </schmancy-chip>
-  </schmancy-chips>
+  <schmancy-chip value="completed" icon="✅" readOnly>Completed</schmancy-chip>
+  <schmancy-chip value="pending" icon="⏳" readOnly>Pending</schmancy-chip>
+  <schmancy-chip value="cancelled" icon="❌" readOnly>Cancelled</schmancy-chip>
 </div>
 ```

package/dist/{animated-text-Dr60iE4v.js → animated-text-C6NhnKME.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-BHvj00po.js";
-import "./tailwind.mixin-C3BFeflA.js";
+import { $ as x } from "./litElement.mixin-Bo7dfT3z.js";
+import "./tailwind.mixin-DK3nrJs-.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-Dr60iE4v.js.map
+//# sourceMappingURL=animated-text-C6NhnKME.js.map

package/dist/{animated-text-Dr60iE4v.js.map → animated-text-C6NhnKME.js.map}

@@ -1 +1 @@
-{"version":3,"file":"animated-text-Dr60iE4v.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-C6NhnKME.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-IaaGcNeD.cjs → animated-text-ogUuAHr-.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-Bk1VBCai.cjs");require("./tailwind.mixin-Xs0QJUOE.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-ELpkmWiH.cjs");require("./tailwind.mixin-DUe4ADKX.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-IaaGcNeD.cjs.map
+//# sourceMappingURL=animated-text-ogUuAHr-.cjs.map