juxscript 1.0.15 → 1.0.17

package/lib/components/hero1/hero1.ts

@@ -1,196 +0,0 @@
-import { getOrCreateContainer } from '../helpers.js';
-
-/**
- * Hero component options
- */
-export interface HeroOptions {
-  title?: string;
-  subtitle?: string;
-  cta?: string;
-  ctaLink?: string;
-  backgroundImage?: string;
-  variant?: 'default' | 'centered' | 'split';
-  style?: string;
-  class?: string;
-}
-
-/**
- * Hero component state
- */
-type HeroState = {
-  title: string;
-  subtitle: string;
-  cta: string;
-  ctaLink: string;
-  backgroundImage: string;
-  variant: string;
-  style: string;
-  class: string;
-};
-
-/**
- * Hero component
- * 
- * Usage:
- *   const hero = jux.hero('myHero', {
- *     title: 'Welcome',
- *     subtitle: 'Get started today',
- *     cta: 'Learn More'
- *   });
- *   hero.render();
- */
-export class Hero1 {
-  state: HeroState;
-  container: HTMLElement | null = null;
-  _id: string;
-  id: string;
-
-  constructor(id: string, options: HeroOptions = {}) {
-    this._id = id;
-    this.id = id;
-
-    this.state = {
-      title: options.title ?? '',
-      subtitle: options.subtitle ?? '',
-      cta: options.cta ?? '',
-      ctaLink: options.ctaLink ?? '#',
-      backgroundImage: options.backgroundImage ?? '',
-      variant: options.variant ?? 'default',
-      style: options.style ?? '',
-      class: options.class ?? ''
-    };
-  }
-
-  /* -------------------------
-   * Fluent API
-   * ------------------------- */
-
-  title(value: string): this {
-    this.state.title = value;
-    return this;
-  }
-
-  subtitle(value: string): this {
-    this.state.subtitle = value;
-    return this;
-  }
-
-  cta(value: string): this {
-    this.state.cta = value;
-    return this;
-  }
-
-  ctaLink(value: string): this {
-    this.state.ctaLink = value;
-    return this;
-  }
-
-  backgroundImage(value: string): this {
-    this.state.backgroundImage = value;
-    return this;
-  }
-
-  variant(value: string): this {
-    this.state.variant = value;
-    return this;
-  }
-
-  style(value: string): this {
-    this.state.style = value;
-    return this;
-  }
-
-  class(value: string): this {
-    this.state.class = value;
-    return this;
-  }
-
-  /* -------------------------
-   * Render
-   * ------------------------- */
-
-  render(targetId?: string): this {
-    let container: HTMLElement;
-
-    if (targetId) {
-      const target = document.querySelector(targetId);
-      if (!target || !(target instanceof HTMLElement)) {
-        throw new Error(`Hero: Target element "${targetId}" not found`);
-      }
-      container = target;
-    } else {
-      container = getOrCreateContainer(this._id);
-    }
-
-    this.container = container;
-    const { title, subtitle, cta, ctaLink, backgroundImage, variant, style, class: className } = this.state;
-
-    const hero = document.createElement('div');
-    hero.className = `jux-hero jux-hero-${variant}`;
-    hero.id = this._id;
-
-    if (className) {
-      hero.className += ` ${className}`;
-    }
-
-    if (style) {
-      hero.setAttribute('style', style);
-    }
-
-    if (backgroundImage) {
-      hero.style.backgroundImage = `url(${backgroundImage})`;
-    }
-
-    const content = document.createElement('div');
-    content.className = 'jux-hero-content';
-
-    if (title) {
-      const titleEl = document.createElement('h1');
-      titleEl.className = 'jux-hero-title';
-      titleEl.textContent = title;
-      content.appendChild(titleEl);
-    }
-
-    if (subtitle) {
-      const subtitleEl = document.createElement('p');
-      subtitleEl.className = 'jux-hero-subtitle';
-      subtitleEl.textContent = subtitle;
-      content.appendChild(subtitleEl);
-    }
-
-    if (cta) {
-      const ctaEl = document.createElement('a');
-      ctaEl.className = 'jux-hero-cta jux-button jux-button-primary';
-      ctaEl.href = ctaLink;
-      ctaEl.textContent = cta;
-      content.appendChild(ctaEl);
-    }
-
-    hero.appendChild(content);
-    container.appendChild(hero);
-
-    return this;
-  }
-
-  /**
-   * Render to another Jux component's container
-   */
-  renderTo(juxComponent: any): this {
-    if (!juxComponent || typeof juxComponent !== 'object') {
-      throw new Error('Hero.renderTo: Invalid component - not an object');
-    }
-
-    if (!juxComponent._id || typeof juxComponent._id !== 'string') {
-      throw new Error('Hero.renderTo: Invalid component - missing _id (not a Jux component)');
-    }
-
-    return this.render(`#${juxComponent._id}`);
-  }
-}
-
-/**
- * Factory helper
- */
-export function hero1(id: string, options: HeroOptions = {}): Hero1 {
-  return new Hero1(id, options);
-}

package/lib/components/hero1/index.js

@@ -1,4 +0,0 @@
-import { hero1 } from './hero1.js'
-
-
-export { hero1 }