@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.js","sources":["../src/components/atoms/skeleton/lib-skeleton.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibSkeletonShape, LibSkeletonAnimation, LibSkeletonSurface } from './lib-skeleton.html';\nimport { skeletonTemplate } from './lib-skeleton.html';\nimport skeletonCss from './lib-skeleton.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\n/**\n * @element lib-skeleton\n *\n * Bloque de carga que replica la arquitectura del contenido real.\n * Tres animaciones, tres superficies, diez formas semánticas.\n *\n * @slot — (vacío) El componente es puramente visual, sin contenido.\n *\n * @example — línea de texto\n * <lib-skeleton shape=\"line\" width=\"80%\"></lib-skeleton>\n *\n * @example — avatar 40px\n * <lib-skeleton shape=\"avatar\" width=\"40px\" height=\"40px\"></lib-skeleton>\n *\n * @example — dark + wave\n * <lib-skeleton shape=\"title\" surface=\"dark\" animation=\"wave\" width=\"60%\"></lib-skeleton>\n *\n * @example — kaki + pulse\n * <lib-skeleton shape=\"img\" surface=\"kaki\" animation=\"pulse\"></lib-skeleton>\n */\n@customElement('lib-skeleton')\nexport class LibSkeleton extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(skeletonCss)}`,\n  ];\n\n  /**\n   * Forma semántica del bloque.\n   * Cada shape tiene una altura por defecto en CSS:\n   * - line   : 13px\n   * - title  : 22px\n   * - h1     : 36px\n   * - avatar : border-radius full (width/height obligatorio)\n   * - icon   : border-radius sm  (width/height obligatorio)\n   * - btn    : 36px\n   * - badge  : 20px\n   * - pill   : 22px, border-radius full\n   * - img    : 160px\n   * - rect   : sin altura — usar `height` prop\n   */\n  @property({ type: String, reflect: true })\n  shape: LibSkeletonShape = 'rect';\n\n  /**\n   * Tipo de animación.\n   * - shimmer : barrido de luz lateral (default)\n   * - wave    : barrido más lento y orgánico\n   * - pulse   : opacidad, sin movimiento\n   */\n  @property({ type: String, reflect: true })\n  animation: LibSkeletonAnimation = 'shimmer';\n\n  /**\n   * Superficie de color.\n   * - light : washi-200 → washi-100 (default)\n   * - dark  : washi-800 → washi-700\n   * - kaki  : kaki-200  → kaki-100\n   */\n  @property({ type: String, reflect: true })\n  surface: LibSkeletonSurface = 'light';\n\n  /** Anchura del bloque. Default: 100% */\n  @property({ type: String })\n  width = '100%';\n\n  /**\n   * Altura del bloque.\n   * Si no se especifica, el CSS usa la altura propia de cada `shape`.\n   * Obligatorio para `avatar`, `icon` y `rect`.\n   */\n  @property({ type: String })\n  height = '';\n\n  override render(): TemplateResult {\n    return skeletonTemplate({\n      shape:     this.shape,\n      animation: this.animation,\n      surface:   this.surface,\n      width:     this.width,\n      height:    this.height,\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-skeleton': LibSkeleton;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA4BO,IAAM,cAAN,cAA0B,WAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AAqBL,SAAA,QAA0B;AAS1B,SAAA,YAAkC;AASlC,SAAA,UAA8B;AAI9B,SAAA,QAAQ;AAQR,SAAA,SAAS;AAAA,EAAA;AAAA,EAEA,SAAyB;AAChC,WAAO,iBAAiB;AAAA,MACtB,OAAW,KAAK;AAAA,MAChB,WAAW,KAAK;AAAA,MAChB,SAAW,KAAK;AAAA,MAChB,OAAW,KAAK;AAAA,MAChB,QAAW,KAAK;AAAA,IAAA,CACjB;AAAA,EACH;AACF;AA9Da,YACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,WAAW,CAAC;AAC9B;AAiBA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GApB9B,YAqBX,WAAA,SAAA,CAAA;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GA7B9B,YA8BX,WAAA,aAAA,CAAA;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAtC9B,YAuCX,WAAA,WAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA1Cf,YA2CX,WAAA,SAAA,CAAA;AAQA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAlDf,YAmDX,WAAA,UAAA,CAAA;AAnDW,cAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,WAAA;"}
+{"version":3,"file":"index7.js","sources":["../src/components/atoms/background/lib-background.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport backgroundCss from './lib-background.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport { backgroundTemplate } from './lib-background.html';\nimport { BG_CANVAS_VARIANTS } from './lib-background.types';\nimport type { LibBackgroundVariant } from './lib-background.types';\n\n/**\n * @element lib-background\n *\n * Fondo decorativo con 34 variantes. Úsalo como contenedor raíz\n * de secciones, heroes, cards o paneles. El contenido se coloca\n * en el slot por defecto.\n *\n * @prop {LibBackgroundVariant} variant — Fondo activo (default: 'washi')\n * @prop {boolean}              paused  — Pausa animaciones CSS (a11y)\n *\n * @csspart base    — div de fondo CSS\n * @csspart overlay — div de overlay / grano / animación\n * @csspart canvas  — canvas 2D generativo\n * @csspart content — contenedor del slot\n *\n * @slot — Contenido que se renderiza sobre el fondo\n */\n@customElement('lib-background')\nexport class LibBackground extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(backgroundCss)}`,\n  ];\n\n  /* ── Props públicas ── */\n\n  @property({ type: String, reflect: true })\n  variant: LibBackgroundVariant = 'washi';\n\n  @property({ type: Boolean, reflect: true })\n  paused = false;\n\n  /* ── Canvas internal state ── */\n\n  @query('.bg-canvas') private declare _canvas: HTMLCanvasElement;\n\n  private _raf = 0;\n  private _ro: ResizeObserver | null = null;\n\n  /* ── Ciclo de vida ── */\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._stopCanvas();\n  }\n\n  protected override updated(changed: Map<PropertyKey, unknown>): void {\n    if (changed.has('variant')) {\n      this._stopCanvas();\n      if (BG_CANVAS_VARIANTS.has(this.variant)) {\n        // Esperar al next tick para que el canvas exista en el DOM\n        requestAnimationFrame((): void => this._startCanvas());\n      }\n    }\n  }\n\n  /* ── Canvas lifecycle ── */\n\n  private _stopCanvas(): void {\n    if (this._raf) { cancelAnimationFrame(this._raf); this._raf = 0; }\n    if (this._ro)  { this._ro.disconnect(); this._ro = null; }\n  }\n\n  private _startCanvas(): void {\n    const canvas = this._canvas;\n    if (!canvas) return;\n \n    switch (this.variant) {\n      case 'particles':     this._initParticles(canvas);     break;\n      case 'rain':          this._initRain(canvas);           break;\n      case 'wave-mesh':     this._initWaveMesh(canvas);       break;\n      case 'constellation': this._initConstellation(canvas);  break;\n      case 'fireflies':     this._initFireflies(canvas);      break;\n      case 'ink-wash':      this._initInkWash(canvas);        break;\n      default: break;\n    }\n  }\n\n  /* ── Canvas: Particle Field ── */\n  private _initParticles(canvas: HTMLCanvasElement): void {\n    const ctx  = canvas.getContext('2d')!;\n    // ✅ Fix: renderRoot es ShadowRoot en runtime — cast explícito para acceder a .host\n    const host = ((this.renderRoot as ShadowRoot).host as HTMLElement);\n    let W = 0, H = 0;\n\n    const COUNT  = 55;\n    // ✅ Fix: tipo explícito string[] — evita string | undefined en el acceso por índice\n    const COLORS: string[] = ['rgba(217,114,52,', 'rgba(78,148,130,', 'rgba(250,247,244,'];\n\n    type Particle = { x:number; y:number; r:number; vx:number; vy:number; a:number; c:string };\n    let pts: Particle[] = [];\n\n    const resize = (): void => {\n      W = canvas.width  = host.clientWidth;\n      H = canvas.height = host.clientHeight;\n      pts = Array.from({ length: COUNT }, (): Particle => ({\n        x:  Math.random() * W,\n        y:  Math.random() * H,\n        r:  Math.random() * 1.5 + 0.3,\n        vx: (Math.random() - 0.5) * 0.25,\n        vy: (Math.random() - 0.5) * 0.25,\n        a:  Math.random() * 0.4 + 0.15,\n        // ✅ Fix: COLORS es string[] → el acceso ya no devuelve undefined\n        c:  COLORS[Math.floor(Math.random() * COLORS.length)] ?? 'rgba(250,247,244,',\n      }));\n    };\n\n    const draw = (): void => {\n      ctx.clearRect(0, 0, W, H);\n      for (let i = 0; i < pts.length; i++) {\n        for (let j = i + 1; j < pts.length; j++) {\n          // ✅ Fix: destructurar con ! — los índices son seguros por los límites del bucle\n          const pi = pts[i]!;\n          const pj = pts[j]!;\n          const dx = pi.x - pj.x;\n          const dy = pi.y - pj.y;\n          const d  = Math.sqrt(dx * dx + dy * dy);\n          if (d < 90) {\n            ctx.beginPath();\n            ctx.moveTo(pi.x, pi.y);\n            ctx.lineTo(pj.x, pj.y);\n            ctx.strokeStyle = `rgba(250,247,244,${0.04 * (1 - d / 90)})`;\n            ctx.lineWidth = 0.5;\n            ctx.stroke();\n          }\n        }\n      }\n      pts.forEach(p => {\n        ctx.beginPath();\n        ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n        ctx.fillStyle = `${p.c}${p.a})`;\n        ctx.fill();\n        p.x += p.vx;\n        p.y += p.vy;\n        if (p.x < 0 || p.x > W) p.vx *= -1;\n        if (p.y < 0 || p.y > H) p.vy *= -1;\n      });\n      this._raf = requestAnimationFrame(draw);\n    };\n\n    this._ro = new ResizeObserver(resize);\n    this._ro.observe(host);\n    resize();\n    draw();\n  }\n\n  private _initFireflies(canvas: HTMLCanvasElement): void {\n    const ctx  = canvas.getContext('2d')!;\n    const host = (this.renderRoot as ShadowRoot).host as HTMLElement;\n    let W = 0, H = 0;\n \n    const COUNT = 32;\n    const COLORS: string[] = [\n      'rgba(250,247,244,',\n      'rgba(250,247,244,',\n      'rgba(217,114,52,',\n      'rgba(78,148,130,',\n    ];\n \n    type Fly = {\n      x: number; y: number; r: number;\n      a: number; da: number;\n      dx: number; dy: number;\n      phase: number; col: string;\n    };\n    let flies: Fly[] = [];\n \n    const resize = (): void => {\n      W = canvas.width  = host.clientWidth;\n      H = canvas.height = host.clientHeight;\n      flies = Array.from({ length: COUNT }, (): Fly => ({\n        x:     Math.random() * W,\n        y:     Math.random() * H,\n        r:     Math.random() * 2 + 0.8,\n        a:     Math.random(),\n        da:    (Math.random() * 0.008 + 0.003) * (Math.random() > 0.5 ? 1 : -1),\n        dx:    (Math.random() - 0.5) * 0.18,\n        dy:    -(Math.random() * 0.25 + 0.08),\n        phase: Math.random() * Math.PI * 2,\n        col:   COLORS[Math.floor(Math.random() * COLORS.length)] ?? 'rgba(250,247,244,',\n      }));\n    };\n \n    const draw = (): void => {\n      ctx.fillStyle = 'rgba(8,6,4,0.14)';\n      ctx.fillRect(0, 0, W, H);\n \n      flies.forEach(f => {\n        f.phase += 0.018;\n        f.a     += f.da;\n        if (f.a > 1 || f.a < 0) { f.da *= -1; f.a = Math.max(0, Math.min(1, f.a)); }\n \n        f.x += f.dx + Math.sin(f.phase) * 0.28;\n        f.y += f.dy;\n \n        if (f.y < -10)     { f.y = H + 10; f.x = Math.random() * W; }\n        if (f.x < -10)     f.x = W + 10;\n        if (f.x > W + 10)  f.x = -10;\n \n        /* Glow halo */\n        const grd = ctx.createRadialGradient(f.x, f.y, 0, f.x, f.y, f.r * 5);\n        grd.addColorStop(0, `${f.col}${f.a * 0.85})`);\n        grd.addColorStop(1, `${f.col}0)`);\n        ctx.beginPath();\n        ctx.arc(f.x, f.y, f.r * 5, 0, Math.PI * 2);\n        ctx.fillStyle = grd;\n        ctx.fill();\n \n        /* Core dot */\n        ctx.beginPath();\n        ctx.arc(f.x, f.y, f.r, 0, Math.PI * 2);\n        ctx.fillStyle = `${f.col}${f.a})`;\n        ctx.fill();\n      });\n \n      this._raf = requestAnimationFrame(draw);\n    };\n \n    this._ro = new ResizeObserver(resize);\n    this._ro.observe(host);\n    resize();\n    draw();\n  }\n\n  private _initInkWash(canvas: HTMLCanvasElement): void {\n    const ctx  = canvas.getContext('2d')!;\n    const host = (this.renderRoot as ShadowRoot).host as HTMLElement;\n    let W = 0, H = 0, t = 0;\n \n    type Blob = { cx: number; cy: number; r: number; speed: number; offset: number; color: string };\n    let blobs: Blob[] = [];\n \n    const resize = (): void => {\n      W = canvas.width  = host.clientWidth;\n      H = canvas.height = host.clientHeight;\n      const base = Math.min(W, H);\n      blobs = [\n        { cx: 0.28, cy: 0.42, r: base * 0.24, speed: 1.0,  offset: 0,   color: 'rgba(175,150,120,0.07)' },\n        { cx: 0.68, cy: 0.58, r: base * 0.20, speed: 1.3,  offset: 1.2, color: 'rgba(155,135,108,0.06)' },\n        { cx: 0.50, cy: 0.28, r: base * 0.17, speed: 0.7,  offset: 2.5, color: 'rgba(184,90,30,0.04)'   },\n        { cx: 0.18, cy: 0.72, r: base * 0.15, speed: 1.1,  offset: 3.8, color: 'rgba(78,148,130,0.04)'  },\n        { cx: 0.82, cy: 0.32, r: base * 0.13, speed: 0.85, offset: 5.0, color: 'rgba(175,150,120,0.05)' },\n      ];\n    };\n \n    const drawBlob = (b: Blob): void => {\n      const pts = 44;\n      const phase = t * b.speed + b.offset;\n      ctx.beginPath();\n      for (let i = 0; i <= pts; i++) {\n        const angle = (i / pts) * Math.PI * 2;\n        const noise =\n          Math.sin(angle * 3 + phase) * b.r * 0.14\n          + Math.cos(angle * 2 - phase * 0.8) * b.r * 0.09\n          + Math.sin(angle * 5 + phase * 1.4) * b.r * 0.05;\n        const x = b.cx * W + (b.r + noise) * Math.cos(angle);\n        const y = b.cy * H + (b.r + noise) * Math.sin(angle);\n        i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);\n      }\n      ctx.closePath();\n      ctx.fillStyle = b.color;\n      ctx.fill();\n    };\n \n    const draw = (): void => {\n      ctx.clearRect(0, 0, W, H);\n      ctx.fillStyle = '#FAF7F4';\n      ctx.fillRect(0, 0, W, H);\n \n      blobs.forEach(drawBlob);\n \n      t += 0.0028;\n      this._raf = requestAnimationFrame(draw);\n    };\n \n    this._ro = new ResizeObserver(resize);\n    this._ro.observe(host);\n    resize();\n    draw();\n  }\n\n  /* ── Canvas: Rain Lines ── */\n  private _initRain(canvas: HTMLCanvasElement): void {\n    const ctx  = canvas.getContext('2d')!;\n    const host = (this.renderRoot as ShadowRoot).host as HTMLElement;\n    let W = 0, H = 0;\n\n    const COUNT = 40;\n    type Drop = { x:number; y:number; len:number; v:number; a:number; col:string };\n    let drops: Drop[] = [];\n\n    const resize = (): void => {\n      W = canvas.width  = host.clientWidth;\n      H = canvas.height = host.clientHeight;\n      drops = Array.from({ length: COUNT }, () => ({\n        x:   Math.random() * W,\n        y:   Math.random() * H - H,\n        len: Math.random() * 22 + 8,\n        v:   Math.random() * 1.8 + 0.8,\n        a:   Math.random() * 0.2 + 0.04,\n        col: Math.random() > 0.85 ? 'rgba(217,114,52,' : 'rgba(250,247,244,',\n      }));\n    };\n\n    const draw = (): void => {\n      ctx.fillStyle = 'rgba(14,10,7,0.18)';\n      ctx.fillRect(0, 0, W, H);\n      drops.forEach(d => {\n        ctx.beginPath();\n        ctx.moveTo(d.x, d.y);\n        ctx.lineTo(d.x - d.len * 0.1, d.y + d.len);\n        const g = ctx.createLinearGradient(d.x, d.y, d.x, d.y + d.len);\n        g.addColorStop(0,   `${d.col}0)`);\n        g.addColorStop(0.5, `${d.col}${d.a})`);\n        g.addColorStop(1,   `${d.col}0)`);\n        ctx.strokeStyle = g;\n        ctx.lineWidth = 0.8;\n        ctx.stroke();\n        d.y += d.v;\n        if (d.y > H + d.len) { d.y = -d.len; d.x = Math.random() * W; }\n      });\n      this._raf = requestAnimationFrame(draw);\n    };\n\n    this._ro = new ResizeObserver(resize);\n    this._ro.observe(host);\n    resize();\n    draw();\n  }\n\n  /* ── Canvas: Wave Mesh ── */\n  private _initWaveMesh(canvas: HTMLCanvasElement): void {\n    const ctx  = canvas.getContext('2d')!;\n    const host = (this.renderRoot as ShadowRoot).host as HTMLElement;\n    let W = 0, H = 0, t = 0;\n    const COLS = 16, ROWS = 10;\n\n    const resize = (): void => {\n      W = canvas.width  = host.clientWidth;\n      H = canvas.height = host.clientHeight;\n    };\n\n    const draw = (): void => {\n      ctx.clearRect(0, 0, W, H);\n      ctx.fillStyle = '#FAF7F4';\n      ctx.fillRect(0, 0, W, H);\n\n      const cw = W / (COLS - 1);\n      const ch = H / (ROWS - 1);\n\n      for (let r = 0; r < ROWS; r++) {\n        ctx.beginPath();\n        for (let c = 0; c < COLS; c++) {\n          const wave = Math.sin((c / COLS + t) * Math.PI * 2) * 12\n                     + Math.cos((r / ROWS + t * 0.7) * Math.PI * 2) * 8;\n          const x = c * cw;\n          const y = r * ch + wave;\n          c === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);\n        }\n        ctx.strokeStyle = `rgba(160,140,118,${0.08 + Math.sin(r / ROWS * Math.PI) * 0.06})`;\n        ctx.lineWidth = 0.8;\n        ctx.stroke();\n      }\n      for (let c = 0; c < COLS; c++) {\n        ctx.beginPath();\n        for (let r = 0; r < ROWS; r++) {\n          const wave = Math.sin((c / COLS + t) * Math.PI * 2) * 12\n                     + Math.cos((r / ROWS + t * 0.7) * Math.PI * 2) * 8;\n          const x = c * cw;\n          const y = r * ch + wave;\n          r === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);\n        }\n        ctx.strokeStyle = `rgba(160,140,118,${0.06 + Math.sin(c / COLS * Math.PI) * 0.04})`;\n        ctx.lineWidth = 0.8;\n        ctx.stroke();\n      }\n\n      t += 0.003;\n      this._raf = requestAnimationFrame(draw);\n    };\n\n    this._ro = new ResizeObserver(resize);\n    this._ro.observe(host);\n    resize();\n    draw();\n  }\n\n  /* ── Canvas: Constellation ── */\n  private _initConstellation(canvas: HTMLCanvasElement): void {\n    const ctx  = canvas.getContext('2d')!;\n    const host = (this.renderRoot as ShadowRoot).host as HTMLElement;\n    let W = 0, H = 0;\n\n    const COUNT = 70;\n    type Star = { x:number; y:number; r:number; a:number; pa:number; ps:number; col:number[] };\n    let stars: Star[] = [];\n\n    const resize = (): void => {\n      W = canvas.width  = host.clientWidth;\n      H = canvas.height = host.clientHeight;\n      stars = Array.from({ length: COUNT }, (): Star => ({\n        x:   Math.random() * W,\n        y:   Math.random() * H,\n        r:   Math.random() * 1.2 + 0.2,\n        a:   Math.random() * 0.5 + 0.1,\n        pa:  Math.random() * Math.PI * 2,\n        ps:  Math.random() * 0.008 + 0.002,\n        col: Math.random() > 0.9\n          ? [217, 114, 52]\n          : Math.random() > 0.85\n            ? [78, 148, 130]\n            : [250, 247, 244],\n      }));\n    };\n\n    const draw = (): void => {\n      ctx.fillStyle = 'rgba(10,8,6,0.22)';\n      ctx.fillRect(0, 0, W, H);\n\n      for (let i = 0; i < stars.length; i++) {\n        for (let j = i + 1; j < stars.length; j++) {\n          // ✅ Fix: destructurar con ! — índices seguros por los límites del bucle\n          const si = stars[i]!;\n          const sj = stars[j]!;\n          const dx = si.x - sj.x;\n          const dy = si.y - sj.y;\n          const d  = Math.sqrt(dx * dx + dy * dy);\n          if (d < 110) {\n            ctx.beginPath();\n            ctx.moveTo(si.x, si.y);\n            ctx.lineTo(sj.x, sj.y);\n            ctx.strokeStyle = `rgba(250,247,244,${(1 - d / 110) * 0.07})`;\n            ctx.lineWidth = 0.6;\n            ctx.stroke();\n          }\n        }\n      }\n\n      stars.forEach(s => {\n        s.pa += s.ps;\n        const pulse = Math.sin(s.pa) * 0.3 + 0.7;\n        ctx.beginPath();\n        ctx.arc(s.x, s.y, s.r * pulse, 0, Math.PI * 2);\n        ctx.fillStyle = `rgba(${s.col.join(',')},${s.a * pulse})`;\n        ctx.fill();\n        if (s.a > 0.4) {\n          ctx.beginPath();\n          ctx.arc(s.x, s.y, s.r * 3 * pulse, 0, Math.PI * 2);\n          ctx.fillStyle = `rgba(${s.col.join(',')},${s.a * 0.06 * pulse})`;\n          ctx.fill();\n        }\n      });\n\n      this._raf = requestAnimationFrame(draw);\n    };\n\n    this._ro = new ResizeObserver(resize);\n    this._ro.observe(host);\n    resize();\n    draw();\n  }\n\n  /* ── Render ── */\n\n  protected override render(): TemplateResult {\n    return backgroundTemplate({\n      variant:  this.variant,\n      isCanvas: BG_CANVAS_VARIANTS.has(this.variant),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-background': LibBackground;\n  }\n}"],"names":[],"mappings":"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"}

package/dist/index70.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
-import { property, queryAssignedElements, customElement } from "lit/decorators.js";
-import { stepperTemplate } from "./index324.js";
-import stepperCss from "./index325.js";
+import { property, query, queryAssignedElements, customElement } from "lit/decorators.js";
+import { carouselTemplate } from "./index237.js";
+import carouselCss from "./index238.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -13,73 +13,210 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibStepper = class extends LitElement {
+let LibCarousel = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.current = 1;
-    this.orientation = "horizontal";
-    this.variant = "default";
-    this.size = "md";
-  }
-  updated(changed) {
-    if (changed.has("current") || changed.has("orientation") || changed.has("variant") || changed.has("size")) {
-      this._syncSteps();
-    }
+    this.mode = "slide";
+    this.peek = 1;
+    this.arrows = true;
+    this.dots = true;
+    this.counter = false;
+    this.loop = false;
+    this.autoplay = 0;
+    this._current = 0;
+    this._total = 0;
   }
-  /**
-   * Propaga index, status, last, orientation, variant y size a cada lib-step hijo.
-   * Llamado en slotchange y cada vez que cambian las props relevantes.
-   */
-  _syncSteps() {
-    const steps = this._steps;
-    if (!(steps == null ? void 0 : steps.length)) return;
-    steps.forEach((step, i) => {
-      const pos = i + 1;
-      step.index = pos;
-      step.orientation = this.orientation;
-      step.variant = this.variant;
-      step.size = this.size;
-      step.last = pos === steps.length;
-      if (step.status !== "error") {
-        if (pos < this.current) step.status = "completed";
-        else if (pos === this.current) step.status = "active";
-        else step.status = "pending";
-      }
+  /* ── Lifecycle ──────────────────────────────────────── */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._clearAutoplay();
+  }
+  render() {
+    return carouselTemplate({
+      mode: this.mode,
+      current: this._current,
+      total: this._total,
+      peek: this.peek,
+      arrows: this.arrows,
+      dots: this.dots,
+      counter: this.counter,
+      loop: this.loop,
+      handlePrev: this._prev.bind(this),
+      handleNext: this._next.bind(this),
+      handleDot: this._goTo.bind(this),
+      handleSlot: this._onSlotChange.bind(this),
+      handleThumb: this._onThumbSlotChange.bind(this),
+      handleKey: this._onKeyDown.bind(this)
     });
   }
-  _handleSlotChange() {
-    this._syncSteps();
+  /* ── Slot handlers ──────────────────────────────────── */
+  _onSlotChange() {
+    this._total = this._slides.length;
+    this._applyState(this._current, false);
+    this._syncThumbs();
+    this.requestUpdate();
+    this._clearAutoplay();
+    this._startAutoplay();
   }
-  render() {
-    return stepperTemplate({
-      orientation: this.orientation,
-      handleSlotChange: this._handleSlotChange.bind(this)
+  _onThumbSlotChange() {
+    this._syncThumbs();
+  }
+  /* ── Navigation ─────────────────────────────────────── */
+  _prev() {
+    if (this._current === 0) {
+      if (this.loop) this._goTo(this._total - 1);
+    } else {
+      this._goTo(this._current - 1);
+    }
+  }
+  _next() {
+    if (this._current === this._total - 1) {
+      if (this.loop) this._goTo(0);
+    } else {
+      this._goTo(this._current + 1);
+    }
+  }
+  _goTo(index) {
+    if (!this._total) return;
+    const clamped = Math.max(0, Math.min(index, this._total - 1));
+    this._applyState(clamped, true);
+    this._syncThumbs();
+    this.requestUpdate();
+    this.dispatchEvent(
+      new CustomEvent("ui-lib-slide-change", {
+        detail: { current: this._current, total: this._total },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  /* ── Apply visual state ─────────────────────────────── */
+  _applyState(index, animate) {
+    this._current = index;
+    if (this.mode === "fade") {
+      this._applyFade();
+    } else {
+      this._applySlide(animate);
+    }
+  }
+  _applySlide(animate) {
+    if (!this._trackEl) return;
+    if (!animate) {
+      this._trackEl.style.transition = "none";
+      void this._trackEl.offsetHeight;
+    } else {
+      this._trackEl.style.transition = "";
+    }
+    if (this.peek === 1) {
+      this._trackEl.style.transform = `translateX(-${this._current * 100}%)`;
+    } else {
+      const slide = this._slides[0];
+      if (!slide) return;
+      const slideW = slide.offsetWidth;
+      const gap = parseFloat(getComputedStyle(this._trackEl).gap) || 16;
+      this._trackEl.style.transform = `translateX(-${this._current * (slideW + gap)}px)`;
+    }
+  }
+  _applyFade() {
+    this._slides.forEach((s, i) => {
+      s.classList.toggle("is-active", i === this._current);
+    });
+  }
+  /* ── Thumbnails ─────────────────────────────────────── */
+  _syncThumbs() {
+    this._thumbs.forEach((t, i) => {
+      t.classList.toggle("is-active", i === this._current);
+      t.addEventListener("click", () => this._goTo(i), { once: false });
     });
   }
+  /* ── Autoplay ───────────────────────────────────────── */
+  _startAutoplay() {
+    if (!this.autoplay || this.autoplay <= 0) return;
+    this._autoplayTimer = setInterval(() => {
+      if (this._current === this._total - 1) {
+        if (this.loop) this._goTo(0);
+      } else {
+        this._goTo(this._current + 1);
+      }
+    }, this.autoplay);
+  }
+  _clearAutoplay() {
+    if (this._autoplayTimer !== void 0) {
+      clearInterval(this._autoplayTimer);
+      this._autoplayTimer = void 0;
+    }
+  }
+  /* ── Keyboard ───────────────────────────────────────── */
+  _onKeyDown(e) {
+    if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      this._prev();
+    }
+    if (e.key === "ArrowRight") {
+      e.preventDefault();
+      this._next();
+    }
+    if (e.key === "Home") {
+      e.preventDefault();
+      this._goTo(0);
+    }
+    if (e.key === "End") {
+      e.preventDefault();
+      this._goTo(this._total - 1);
+    }
+  }
+  /* ── Public API ─────────────────────────────────────── */
+  /** Ir a un slide concreto por índice (0-based). */
+  goTo(index) {
+    this._goTo(index);
+  }
+  /** Ir al siguiente slide. */
+  next() {
+    this._next();
+  }
+  /** Ir al anterior slide. */
+  prev() {
+    this._prev();
+  }
 };
-LibStepper.styles = [
+LibCarousel.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(stepperCss)}`
+  css`${unsafeCSS(carouselCss)}`
 ];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibCarousel.prototype, "mode", 2);
 __decorateClass([
   property({ type: Number, reflect: true })
-], LibStepper.prototype, "current", 2);
+], LibCarousel.prototype, "peek", 2);
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibStepper.prototype, "orientation", 2);
+  property({ type: Boolean, reflect: true })
+], LibCarousel.prototype, "arrows", 2);
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibStepper.prototype, "variant", 2);
+  property({ type: Boolean, reflect: true })
+], LibCarousel.prototype, "dots", 2);
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibStepper.prototype, "size", 2);
+  property({ type: Boolean, reflect: true })
+], LibCarousel.prototype, "counter", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCarousel.prototype, "loop", 2);
+__decorateClass([
+  property({ type: Number })
+], LibCarousel.prototype, "autoplay", 2);
+__decorateClass([
+  query(".cr-track")
+], LibCarousel.prototype, "_trackEl", 2);
+__decorateClass([
+  queryAssignedElements()
+], LibCarousel.prototype, "_slides", 2);
 __decorateClass([
-  queryAssignedElements({ selector: "lib-step" })
-], LibStepper.prototype, "_steps", 2);
-LibStepper = __decorateClass([
-  customElement("lib-stepper")
-], LibStepper);
+  queryAssignedElements({ slot: "thumbnail" })
+], LibCarousel.prototype, "_thumbs", 2);
+LibCarousel = __decorateClass([
+  customElement("lib-carousel")
+], LibCarousel);
 export {
-  LibStepper
+  LibCarousel
 };
 //# sourceMappingURL=index70.js.map

package/dist/index70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index70.js","sources":["../src/components/organisms/stepper/lib-stepper.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\nimport type { LibStepperOrientation, LibStepperVariant, LibStepperSize } from './lib-stepper.html';\nimport { stepperTemplate } from './lib-stepper.html';\nimport stepperCss from './lib-stepper.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { LibStep } from '../../atoms/step/lib-step.component';\n\n/**\n * @element lib-stepper\n *\n * Contenedor que coordina un flujo de pasos `<lib-step>`.\n * Calcula y propaga automáticamente a cada hijo:\n *   - index       : posición ordinal (1-based)\n *   - status      : pending | active | completed (derivado de `current`)\n *   - last        : true en el último paso\n *   - orientation : refleja la prop del stepper\n *   - variant     : refleja la prop del stepper\n *   - size        : refleja la prop del stepper\n *\n * El estado `error` no se gestiona automáticamente — se asigna desde fuera\n * con `stepEl.status = 'error'` cuando el formulario valida.\n *\n * @fires ui-lib-step-change — Emitido al cambiar `current` con `{ current: number, total: number }`\n *\n * @example — horizontal default\n * <lib-stepper current=\"2\">\n *   <lib-step label=\"Información\" sub=\"Datos personales\"></lib-step>\n *   <lib-step label=\"Pago\"        sub=\"Método de pago\"></lib-step>\n *   <lib-step label=\"Confirmación\"></lib-step>\n * </lib-stepper>\n *\n * @example — vertical\n * <lib-stepper orientation=\"vertical\" current=\"1\">\n *   <lib-step label=\"Crea tu cuenta\">\n *     Registro completado. Tu correo ha sido verificado.\n *   </lib-step>\n *   <lib-step label=\"Elige un plan\">\n *     Selecciona el plan que mejor se adapte a tus necesidades.\n *   </lib-step>\n * </lib-stepper>\n *\n * @example — minimal kaki\n * <lib-stepper variant=\"minimal\" current=\"3\">...</lib-stepper>\n *\n * @example — kintsugi oscuro\n * <lib-stepper variant=\"kintsugi\" current=\"2\">...</lib-stepper>\n */\n@customElement('lib-stepper')\nexport class LibStepper extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(stepperCss)}`,\n  ];\n\n  /**\n   * Paso activo actual (1-based).\n   * Los pasos anteriores quedan como `completed`, los posteriores como `pending`.\n   */\n  @property({ type: Number, reflect: true })\n  current = 1;\n\n  /**\n   * Dirección del flujo.\n   * - horizontal : barra horizontal con conectores (default)\n   * - vertical   : lista vertical con contenido expandido por paso\n   */\n  @property({ type: String, reflect: true })\n  orientation: LibStepperOrientation = 'horizontal';\n\n  /**\n   * Variante visual. Se propaga a todos los lib-step hijos.\n   * - default  : nodo circular washi\n   * - minimal  : nodo cuadrado, acento kaki\n   * - kintsugi : venas doradas, pensado para superficies oscuras\n   */\n  @property({ type: String, reflect: true })\n  variant: LibStepperVariant = 'default';\n\n  /**\n   * Tamaño de los nodos. Se propaga a todos los lib-step hijos.\n   * - sm : 24px · md : 32px (default) · lg : 40px\n   */\n  @property({ type: String, reflect: true })\n  size: LibStepperSize = 'md';\n\n  @queryAssignedElements({ selector: 'lib-step' })\n  private _steps!: Array<LibStep>;\n\n  override updated(changed: PropertyValues<this>): void {\n    if (\n      changed.has('current') ||\n      changed.has('orientation') ||\n      changed.has('variant') ||\n      changed.has('size')\n    ) {\n      this._syncSteps();\n    }\n  }\n\n  /**\n   * Propaga index, status, last, orientation, variant y size a cada lib-step hijo.\n   * Llamado en slotchange y cada vez que cambian las props relevantes.\n   */\n  private _syncSteps(): void {\n    const steps = this._steps;\n    if (!steps?.length) return;\n\n    steps.forEach((step, i) => {\n      const pos = i + 1;\n      step.index       = pos;\n      step.orientation = this.orientation;\n      step.variant     = this.variant;\n      step.size        = this.size;\n      step.last        = pos === steps.length;\n\n      // No sobreescribir 'error' si ya fue asignado externamente\n      if (step.status !== 'error') {\n        if (pos < this.current)      step.status = 'completed';\n        else if (pos === this.current) step.status = 'active';\n        else                          step.status = 'pending';\n      }\n    });\n  }\n\n  private _handleSlotChange(): void {\n    this._syncSteps();\n  }\n\n  override render(): TemplateResult {\n    return stepperTemplate({\n      orientation:     this.orientation,\n      handleSlotChange: this._handleSlotChange.bind(this),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-stepper': LibStepper;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiDO,IAAM,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AAWL,SAAA,UAAU;AAQV,SAAA,cAAqC;AASrC,SAAA,UAA6B;AAO7B,SAAA,OAAuB;AAAA,EAAA;AAAA,EAKd,QAAQ,SAAqC;AACpD,QACE,QAAQ,IAAI,SAAS,KACrB,QAAQ,IAAI,aAAa,KACzB,QAAQ,IAAI,SAAS,KACrB,QAAQ,IAAI,MAAM,GAClB;AACA,WAAK,WAAA;AAAA,IACP;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,aAAmB;AACzB,UAAM,QAAQ,KAAK;AACnB,QAAI,EAAC,+BAAO,QAAQ;AAEpB,UAAM,QAAQ,CAAC,MAAM,MAAM;AACzB,YAAM,MAAM,IAAI;AAChB,WAAK,QAAc;AACnB,WAAK,cAAc,KAAK;AACxB,WAAK,UAAc,KAAK;AACxB,WAAK,OAAc,KAAK;AACxB,WAAK,OAAc,QAAQ,MAAM;AAGjC,UAAI,KAAK,WAAW,SAAS;AAC3B,YAAI,MAAM,KAAK,QAAc,MAAK,SAAS;AAAA,iBAClC,QAAQ,KAAK,QAAS,MAAK,SAAS;AAAA,kBACV,SAAS;AAAA,MAC9C;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,oBAA0B;AAChC,SAAK,WAAA;AAAA,EACP;AAAA,EAES,SAAyB;AAChC,WAAO,gBAAgB;AAAA,MACrB,aAAiB,KAAK;AAAA,MACtB,kBAAkB,KAAK,kBAAkB,KAAK,IAAI;AAAA,IAAA,CACnD;AAAA,EACH;AACF;AAtFa,WACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,UAAU,CAAC;AAC7B;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAV9B,WAWX,WAAA,WAAA,CAAA;AAQA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAlB9B,WAmBX,WAAA,eAAA,CAAA;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GA3B9B,WA4BX,WAAA,WAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAlC9B,WAmCX,WAAA,QAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,sBAAsB,EAAE,UAAU,WAAA,CAAY;AAAA,GArCpC,WAsCH,WAAA,UAAA,CAAA;AAtCG,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}
+{"version":3,"file":"index70.js","sources":["../src/components/organisms/carousel/lib-carousel.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { carouselTemplate } from './lib-carousel.html';\nimport type { LibCarouselMode } from './lib-carousel.html';\nimport carouselCss from './lib-carousel.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\nexport type { LibCarouselMode };\n\n/**\n * @element lib-carousel\n *\n * Carousel agnóstico. El consumer pasa los slides directamente como hijos.\n * El componente gestiona la navegación, animación y accesibilidad.\n *\n * Modos:\n * - slide : transform translateX (default)\n * - fade  : crossfade por opacidad\n *\n * @slot (default)   — slides del carousel\n * @slot thumbnail   — tira de miniaturas (opcional, modo fade)\n *\n * @fires ui-lib-slide-change — `{ current: number, total: number }`\n *\n * @example — slide default (1 visible)\n * <lib-carousel dots counter>\n *   <div>Slide 1</div>\n *   <div>Slide 2</div>\n * </lib-carousel>\n *\n * @example — cards (3 visibles)\n * <lib-carousel peek=\"3\" counter>\n *   <div class=\"mi-card\">...</div>\n *   ...\n * </lib-carousel>\n *\n * @example — fade con thumbnails\n * <lib-carousel mode=\"fade\" dots arrows=\"false\">\n *   <div>Slide 1</div>\n *   <img slot=\"thumbnail\" src=\"...\" alt=\"\">\n * </lib-carousel>\n */\n@customElement('lib-carousel')\nexport class LibCarousel extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(carouselCss)}`,\n  ];\n\n  /**\n   * Mecanismo de transición.\n   * - slide : desplazamiento horizontal (transform)\n   * - fade  : crossfade por opacidad\n   */\n  @property({ type: String, reflect: true })\n  mode: LibCarouselMode = 'slide';\n\n  /**\n   * Número de slides visibles simultáneamente.\n   * peek=1 (default): carousel estándar.\n   * peek=3: card carousel con tres columnas.\n   */\n  @property({ type: Number, reflect: true })\n  peek = 1;\n\n  /** Muestra flechas de navegación prev/next (solo en modo slide). */\n  @property({ type: Boolean, reflect: true })\n  arrows = true;\n\n  /** Muestra dots de navegación. */\n  @property({ type: Boolean, reflect: true })\n  dots = true;\n\n  /** Muestra contador numérico. */\n  @property({ type: Boolean, reflect: true })\n  counter = false;\n\n  /** Navegación circular (el último slide vuelve al primero). */\n  @property({ type: Boolean, reflect: true })\n  loop = false;\n\n  /**\n   * Intervalo de autoplay en milisegundos.\n   * 0 = desactivado (default).\n   */\n  @property({ type: Number })\n  autoplay = 0;\n\n  /* ── Internal state ─────────────────────────────────── */\n  private _current = 0;\n  private _total   = 0;\n  private _autoplayTimer: ReturnType<typeof setInterval> | undefined;\n\n  @query('.cr-track')\n  private _trackEl!: HTMLElement;\n\n  @queryAssignedElements()\n  private _slides!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'thumbnail' })\n  private _thumbs!: Array<HTMLElement>;\n\n  /* ── Lifecycle ──────────────────────────────────────── */\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._clearAutoplay();\n  }\n\n  override render(): TemplateResult {\n    return carouselTemplate({\n      mode:        this.mode,\n      current:     this._current,\n      total:       this._total,\n      peek:        this.peek,\n      arrows:      this.arrows,\n      dots:        this.dots,\n      counter:     this.counter,\n      loop:        this.loop,\n      handlePrev:  this._prev.bind(this),\n      handleNext:  this._next.bind(this),\n      handleDot:   this._goTo.bind(this),\n      handleSlot:  this._onSlotChange.bind(this),\n      handleThumb: this._onThumbSlotChange.bind(this),\n      handleKey:   this._onKeyDown.bind(this),\n    });\n  }\n\n  /* ── Slot handlers ──────────────────────────────────── */\n  private _onSlotChange(): void {\n    this._total = this._slides.length;\n    this._applyState(this._current, false);   // sin animación en init\n    this._syncThumbs();\n    this.requestUpdate();\n    this._clearAutoplay();\n    this._startAutoplay();\n  }\n\n  private _onThumbSlotChange(): void {\n    this._syncThumbs();\n  }\n\n  /* ── Navigation ─────────────────────────────────────── */\n  private _prev(): void {\n    if (this._current === 0) {\n      if (this.loop) this._goTo(this._total - 1);\n    } else {\n      this._goTo(this._current - 1);\n    }\n  }\n\n  private _next(): void {\n    if (this._current === this._total - 1) {\n      if (this.loop) this._goTo(0);\n    } else {\n      this._goTo(this._current + 1);\n    }\n  }\n\n  private _goTo(index: number): void {\n    if (!this._total) return;\n    const clamped = Math.max(0, Math.min(index, this._total - 1));\n    this._applyState(clamped, true);\n    this._syncThumbs();\n    this.requestUpdate();\n\n    this.dispatchEvent(\n      new CustomEvent<{ current: number; total: number }>('ui-lib-slide-change', {\n        detail:   { current: this._current, total: this._total },\n        bubbles:  true,\n        composed: true,\n      })\n    );\n  }\n\n  /* ── Apply visual state ─────────────────────────────── */\n  private _applyState(index: number, animate: boolean): void {\n    this._current = index;\n\n    if (this.mode === 'fade') {\n      this._applyFade();\n    } else {\n      this._applySlide(animate);\n    }\n  }\n\n  private _applySlide(animate: boolean): void {\n    if (!this._trackEl) return;\n\n    if (!animate) {\n      this._trackEl.style.transition = 'none';\n      // Forzar reflow para que se aplique sin transición\n      void this._trackEl.offsetHeight;\n    } else {\n      this._trackEl.style.transition = '';\n    }\n\n    if (this.peek === 1) {\n      this._trackEl.style.transform = `translateX(-${this._current * 100}%)`;\n    } else {\n      const slide = this._slides[0];\n      if (!slide) return;\n      const slideW = slide.offsetWidth;\n      const gap    = parseFloat(getComputedStyle(this._trackEl).gap) || 16;\n      this._trackEl.style.transform =\n        `translateX(-${this._current * (slideW + gap)}px)`;\n    }\n  }\n\n  private _applyFade(): void {\n    this._slides.forEach((s, i) => {\n      s.classList.toggle('is-active', i === this._current);\n    });\n  }\n\n  /* ── Thumbnails ─────────────────────────────────────── */\n  private _syncThumbs(): void {\n    this._thumbs.forEach((t, i) => {\n      t.classList.toggle('is-active', i === this._current);\n      t.addEventListener('click', () => this._goTo(i), { once: false });\n    });\n  }\n\n  /* ── Autoplay ───────────────────────────────────────── */\n  private _startAutoplay(): void {\n    if (!this.autoplay || this.autoplay <= 0) return;\n    this._autoplayTimer = setInterval(() => {\n      if (this._current === this._total - 1) {\n        if (this.loop) this._goTo(0);\n      } else {\n        this._goTo(this._current + 1);\n      }\n    }, this.autoplay);\n  }\n\n  private _clearAutoplay(): void {\n    if (this._autoplayTimer !== undefined) {\n      clearInterval(this._autoplayTimer);\n      this._autoplayTimer = undefined;\n    }\n  }\n\n  /* ── Keyboard ───────────────────────────────────────── */\n  private _onKeyDown(e: KeyboardEvent): void {\n    if (e.key === 'ArrowLeft')  { e.preventDefault(); this._prev(); }\n    if (e.key === 'ArrowRight') { e.preventDefault(); this._next(); }\n    if (e.key === 'Home')       { e.preventDefault(); this._goTo(0); }\n    if (e.key === 'End')        { e.preventDefault(); this._goTo(this._total - 1); }\n  }\n\n  /* ── Public API ─────────────────────────────────────── */\n  /** Ir a un slide concreto por índice (0-based). */\n  public goTo(index: number): void {\n    this._goTo(index);\n  }\n\n  /** Ir al siguiente slide. */\n  public next(): void {\n    this._next();\n  }\n\n  /** Ir al anterior slide. */\n  public prev(): void {\n    this._prev();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-carousel': LibCarousel;\n  }\n}"],"names":[],"mappings":"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"}