@shibui-ui/ui 1.5.5

package/dist/index80.js

@@ -0,0 +1,222 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, query, queryAssignedElements, customElement } from "lit/decorators.js";
+import { carouselTemplate } from "./index342.js";
+import carouselCss from "./index343.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibCarousel = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    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;
+  }
+  /* ── 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)
+    });
+  }
+  /* ── Slot handlers ──────────────────────────────────── */
+  _onSlotChange() {
+    this._total = this._slides.length;
+    this._applyState(this._current, false);
+    this._syncThumbs();
+    this.requestUpdate();
+    this._clearAutoplay();
+    this._startAutoplay();
+  }
+  _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();
+  }
+};
+LibCarousel.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(carouselCss)}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibCarousel.prototype, "mode", 2);
+__decorateClass([
+  property({ type: Number, reflect: true })
+], LibCarousel.prototype, "peek", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCarousel.prototype, "arrows", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibCarousel.prototype, "dots", 2);
+__decorateClass([
+  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({ slot: "thumbnail" })
+], LibCarousel.prototype, "_thumbs", 2);
+LibCarousel = __decorateClass([
+  customElement("lib-carousel")
+], LibCarousel);
+export {
+  LibCarousel
+};
+//# sourceMappingURL=index80.js.map

package/dist/index80.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index80.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":";;;;;;;;;;;;;;;AA2CO,IAAM,cAAN,cAA0B,WAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA;AAYL,SAAA,OAAwB;AAQxB,SAAA,OAAO;AAIP,SAAA,SAAS;AAIT,SAAA,OAAO;AAIP,SAAA,UAAU;AAIV,SAAA,OAAO;AAOP,SAAA,WAAW;AAGX,SAAQ,WAAW;AACnB,SAAQ,SAAW;AAAA,EAAA;AAAA;AAAA,EAaV,uBAA6B;AACpC,UAAM,qBAAA;AACN,SAAK,eAAA;AAAA,EACP;AAAA,EAES,SAAyB;AAChC,WAAO,iBAAiB;AAAA,MACtB,MAAa,KAAK;AAAA,MAClB,SAAa,KAAK;AAAA,MAClB,OAAa,KAAK;AAAA,MAClB,MAAa,KAAK;AAAA,MAClB,QAAa,KAAK;AAAA,MAClB,MAAa,KAAK;AAAA,MAClB,SAAa,KAAK;AAAA,MAClB,MAAa,KAAK;AAAA,MAClB,YAAa,KAAK,MAAM,KAAK,IAAI;AAAA,MACjC,YAAa,KAAK,MAAM,KAAK,IAAI;AAAA,MACjC,WAAa,KAAK,MAAM,KAAK,IAAI;AAAA,MACjC,YAAa,KAAK,cAAc,KAAK,IAAI;AAAA,MACzC,aAAa,KAAK,mBAAmB,KAAK,IAAI;AAAA,MAC9C,WAAa,KAAK,WAAW,KAAK,IAAI;AAAA,IAAA,CACvC;AAAA,EACH;AAAA;AAAA,EAGQ,gBAAsB;AAC5B,SAAK,SAAS,KAAK,QAAQ;AAC3B,SAAK,YAAY,KAAK,UAAU,KAAK;AACrC,SAAK,YAAA;AACL,SAAK,cAAA;AACL,SAAK,eAAA;AACL,SAAK,eAAA;AAAA,EACP;AAAA,EAEQ,qBAA2B;AACjC,SAAK,YAAA;AAAA,EACP;AAAA;AAAA,EAGQ,QAAc;AACpB,QAAI,KAAK,aAAa,GAAG;AACvB,UAAI,KAAK,KAAM,MAAK,MAAM,KAAK,SAAS,CAAC;AAAA,IAC3C,OAAO;AACL,WAAK,MAAM,KAAK,WAAW,CAAC;AAAA,IAC9B;AAAA,EACF;AAAA,EAEQ,QAAc;AACpB,QAAI,KAAK,aAAa,KAAK,SAAS,GAAG;AACrC,UAAI,KAAK,KAAM,MAAK,MAAM,CAAC;AAAA,IAC7B,OAAO;AACL,WAAK,MAAM,KAAK,WAAW,CAAC;AAAA,IAC9B;AAAA,EACF;AAAA,EAEQ,MAAM,OAAqB;AACjC,QAAI,CAAC,KAAK,OAAQ;AAClB,UAAM,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC;AAC5D,SAAK,YAAY,SAAS,IAAI;AAC9B,SAAK,YAAA;AACL,SAAK,cAAA;AAEL,SAAK;AAAA,MACH,IAAI,YAAgD,uBAAuB;AAAA,QACzE,QAAU,EAAE,SAAS,KAAK,UAAU,OAAO,KAAK,OAAA;AAAA,QAChD,SAAU;AAAA,QACV,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA,EAGQ,YAAY,OAAe,SAAwB;AACzD,SAAK,WAAW;AAEhB,QAAI,KAAK,SAAS,QAAQ;AACxB,WAAK,WAAA;AAAA,IACP,OAAO;AACL,WAAK,YAAY,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EAEQ,YAAY,SAAwB;AAC1C,QAAI,CAAC,KAAK,SAAU;AAEpB,QAAI,CAAC,SAAS;AACZ,WAAK,SAAS,MAAM,aAAa;AAEjC,WAAK,KAAK,SAAS;AAAA,IACrB,OAAO;AACL,WAAK,SAAS,MAAM,aAAa;AAAA,IACnC;AAEA,QAAI,KAAK,SAAS,GAAG;AACnB,WAAK,SAAS,MAAM,YAAY,eAAe,KAAK,WAAW,GAAG;AAAA,IACpE,OAAO;AACL,YAAM,QAAQ,KAAK,QAAQ,CAAC;AAC5B,UAAI,CAAC,MAAO;AACZ,YAAM,SAAS,MAAM;AACrB,YAAM,MAAS,WAAW,iBAAiB,KAAK,QAAQ,EAAE,GAAG,KAAK;AAClE,WAAK,SAAS,MAAM,YAClB,eAAe,KAAK,YAAY,SAAS,IAAI;AAAA,IACjD;AAAA,EACF;AAAA,EAEQ,aAAmB;AACzB,SAAK,QAAQ,QAAQ,CAAC,GAAG,MAAM;AAC7B,QAAE,UAAU,OAAO,aAAa,MAAM,KAAK,QAAQ;AAAA,IACrD,CAAC;AAAA,EACH;AAAA;AAAA,EAGQ,cAAoB;AAC1B,SAAK,QAAQ,QAAQ,CAAC,GAAG,MAAM;AAC7B,QAAE,UAAU,OAAO,aAAa,MAAM,KAAK,QAAQ;AACnD,QAAE,iBAAiB,SAAS,MAAM,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,OAAO;AAAA,IAClE,CAAC;AAAA,EACH;AAAA;AAAA,EAGQ,iBAAuB;AAC7B,QAAI,CAAC,KAAK,YAAY,KAAK,YAAY,EAAG;AAC1C,SAAK,iBAAiB,YAAY,MAAM;AACtC,UAAI,KAAK,aAAa,KAAK,SAAS,GAAG;AACrC,YAAI,KAAK,KAAM,MAAK,MAAM,CAAC;AAAA,MAC7B,OAAO;AACL,aAAK,MAAM,KAAK,WAAW,CAAC;AAAA,MAC9B;AAAA,IACF,GAAG,KAAK,QAAQ;AAAA,EAClB;AAAA,EAEQ,iBAAuB;AAC7B,QAAI,KAAK,mBAAmB,QAAW;AACrC,oBAAc,KAAK,cAAc;AACjC,WAAK,iBAAiB;AAAA,IACxB;AAAA,EACF;AAAA;AAAA,EAGQ,WAAW,GAAwB;AACzC,QAAI,EAAE,QAAQ,aAAc;AAAE,QAAE,eAAA;AAAkB,WAAK,MAAA;AAAA,IAAS;AAChE,QAAI,EAAE,QAAQ,cAAc;AAAE,QAAE,eAAA;AAAkB,WAAK,MAAA;AAAA,IAAS;AAChE,QAAI,EAAE,QAAQ,QAAc;AAAE,QAAE,eAAA;AAAkB,WAAK,MAAM,CAAC;AAAA,IAAG;AACjE,QAAI,EAAE,QAAQ,OAAc;AAAE,QAAE,eAAA;AAAkB,WAAK,MAAM,KAAK,SAAS,CAAC;AAAA,IAAG;AAAA,EACjF;AAAA;AAAA;AAAA,EAIO,KAAK,OAAqB;AAC/B,SAAK,MAAM,KAAK;AAAA,EAClB;AAAA;AAAA,EAGO,OAAa;AAClB,SAAK,MAAA;AAAA,EACP;AAAA;AAAA,EAGO,OAAa;AAClB,SAAK,MAAA;AAAA,EACP;AACF;AA7Na,YACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,WAAW,CAAC;AAC9B;AAQA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAX9B,YAYX,WAAA,QAAA,CAAA;AAQA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAnB9B,YAoBX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAvB/B,YAwBX,WAAA,UAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GA3B/B,YA4BX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GA/B/B,YAgCX,WAAA,WAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAnC/B,YAoCX,WAAA,QAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA1Cf,YA2CX,WAAA,YAAA,CAAA;AAQQ,gBAAA;AAAA,EADP,MAAM,WAAW;AAAA,GAlDP,YAmDH,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADP,sBAAA;AAAsB,GArDZ,YAsDH,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EADP,sBAAsB,EAAE,MAAM,YAAA,CAAa;AAAA,GAxDjC,YAyDH,WAAA,WAAA,CAAA;AAzDG,cAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,WAAA;"}

package/dist/index81.js

@@ -0,0 +1,46 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { bentoGridTemplate } from "./index344.js";
+import gridCss from "./index345.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibBentoGrid = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.columns = 4;
+    this.gap = "md";
+    this.rowHeight = "150px";
+  }
+  render() {
+    return bentoGridTemplate(this);
+  }
+};
+LibBentoGrid.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(gridCss)}`
+];
+__decorateClass([
+  property({ type: Number })
+], LibBentoGrid.prototype, "columns", 2);
+__decorateClass([
+  property({ type: String })
+], LibBentoGrid.prototype, "gap", 2);
+__decorateClass([
+  property({ type: String, attribute: "row-height" })
+], LibBentoGrid.prototype, "rowHeight", 2);
+LibBentoGrid = __decorateClass([
+  customElement("lib-bento-grid")
+], LibBentoGrid);
+export {
+  LibBentoGrid
+};
+//# sourceMappingURL=index81.js.map

package/dist/index81.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index81.js","sources":["../src/components/organisms/bento-grid/lib-bento-grid.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { bentoGridTemplate } from './lib-bento-grid.html';\nimport gridCss from './lib-bento-grid.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { BentoGapSize } from './lib-bento-grid.types';\n\n/**\n * lib-bento-grid — Contenedor de rejilla tipo bento\n *\n * @prop columns    — Número de columnas (default 4)\n * @prop gap        — Espacio entre celdas: 'xs'|'sm'|'md'(default)|'lg'|'xl'\n * @prop row-height — Altura base de cada fila (default '150px')\n *\n * @slot — lib-bento-item elements\n */\n@customElement('lib-bento-grid')\nexport class LibBentoGrid extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(gridCss)}`,\n  ];\n\n  @property({ type: Number })\n  columns = 4;\n\n  @property({ type: String })\n  gap: BentoGapSize = 'md';\n\n  @property({ type: String, attribute: 'row-height' })\n  rowHeight = '150px';\n\n  protected override render(): TemplateResult {\n    return bentoGridTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-bento-grid': LibBentoGrid;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiBO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAOL,SAAA,UAAU;AAGV,SAAA,MAAoB;AAGpB,SAAA,YAAY;AAAA,EAAA;AAAA,EAEO,SAAyB;AAC1C,WAAO,kBAAkB,IAAI;AAAA,EAC/B;AACF;AAlBa,aACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,OAAO,CAAC;AAC1B;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANf,aAOX,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GATf,aAUX,WAAA,OAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,cAAc;AAAA,GAZxC,aAaX,WAAA,aAAA,CAAA;AAbW,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/index82.js

@@ -0,0 +1,153 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { renderFooter } from "./index346.js";
+import componentCss from "./index347.js";
+import sharedTokens from "./index196.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LibFooter = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "social";
+    this.brandName = "shibui";
+    this.brandKanji = "渋";
+    this.brandSub = "Design System · Zaragoza";
+    this.location = "Zaragoza";
+    this.version = "1.0.0";
+    this.nodeVersion = "v22.0.0";
+    this.githubHref = "#";
+    this.linkedinHref = "#";
+    this.rssHref = "#";
+    this.email = "";
+    this.columns = [
+      {
+        heading: "Librería",
+        links: [
+          { label: "Componentes", href: "#" },
+          { label: "Tokens", href: "#" },
+          { label: "Estilos", href: "#" }
+        ]
+      },
+      {
+        heading: "Ecosistema",
+        links: [
+          { label: "GitHub", href: "#" },
+          { label: "NPM", href: "#" },
+          { label: "Storybook", href: "#" }
+        ]
+      },
+      {
+        heading: "Recursos",
+        links: [
+          { label: "Docs", href: "#" },
+          { label: "Changelog", href: "#" },
+          { label: "Roadmap", href: "#" }
+        ]
+      }
+    ];
+    this.navLinks = [
+      { label: "Componentes", href: "#" },
+      { label: "Tokens", href: "#" },
+      { label: "MIT License", href: "#" }
+    ];
+    this.legalLinks = [
+      { label: "privacy.md", href: "#" },
+      { label: "terms.md", href: "#" }
+    ];
+    this.runtimeLines = [
+      { key: "node", value: "v22.0.0" },
+      { key: "css", value: "pure · no-build" },
+      { key: "fonts", value: "google CDN" },
+      { key: "deps", value: "0" },
+      { key: "size", value: "~180kb total" }
+    ];
+  }
+  /* ── Computed ── */
+  get year() {
+    return (/* @__PURE__ */ new Date()).getFullYear();
+  }
+  /* ── Behaviour ── */
+  /**
+   * Abre / cierra un ítem de acordeón.
+   * @internal
+   */
+  _toggleAccordion(trigger) {
+    const body = trigger.nextElementSibling;
+    const arrow = trigger.querySelector(".ft-acc-arrow");
+    if (!body) return;
+    const isOpen = body.style.maxHeight !== "" && body.style.maxHeight !== "0px";
+    body.style.maxHeight = isOpen ? "0" : "300px";
+    trigger.setAttribute("aria-expanded", String(!isOpen));
+    if (arrow) {
+      arrow.style.transform = isOpen ? "rotate(0deg)" : "rotate(180deg)";
+    }
+  }
+  /* ── Render ── */
+  render() {
+    return renderFooter(this);
+  }
+};
+LibFooter.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(componentCss)}`
+];
+__decorateClass([
+  property({ type: String })
+], LibFooter.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String, attribute: "brand-name" })
+], LibFooter.prototype, "brandName", 2);
+__decorateClass([
+  property({ type: String, attribute: "brand-kanji" })
+], LibFooter.prototype, "brandKanji", 2);
+__decorateClass([
+  property({ type: String, attribute: "brand-sub" })
+], LibFooter.prototype, "brandSub", 2);
+__decorateClass([
+  property({ type: String })
+], LibFooter.prototype, "location", 2);
+__decorateClass([
+  property({ type: String })
+], LibFooter.prototype, "version", 2);
+__decorateClass([
+  property({ type: String, attribute: "node-version" })
+], LibFooter.prototype, "nodeVersion", 2);
+__decorateClass([
+  property({ type: String, attribute: "github-href" })
+], LibFooter.prototype, "githubHref", 2);
+__decorateClass([
+  property({ type: String, attribute: "linkedin-href" })
+], LibFooter.prototype, "linkedinHref", 2);
+__decorateClass([
+  property({ type: String, attribute: "rss-href" })
+], LibFooter.prototype, "rssHref", 2);
+__decorateClass([
+  property({ type: String })
+], LibFooter.prototype, "email", 2);
+__decorateClass([
+  property({ type: Array })
+], LibFooter.prototype, "columns", 2);
+__decorateClass([
+  property({ type: Array, attribute: "nav-links" })
+], LibFooter.prototype, "navLinks", 2);
+__decorateClass([
+  property({ type: Array, attribute: "legal-links" })
+], LibFooter.prototype, "legalLinks", 2);
+__decorateClass([
+  property({ type: Array, attribute: "runtime-lines" })
+], LibFooter.prototype, "runtimeLines", 2);
+LibFooter = __decorateClass([
+  customElement("lib-footer")
+], LibFooter);
+export {
+  LibFooter
+};
+//# sourceMappingURL=index82.js.map

package/dist/index82.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index82.js","sources":["../src/components/organisms/footer/lib-footer.component.ts"],"sourcesContent":["import { LitElement, TemplateResult, css, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport  { FooterColumn, FooterLink, FooterVariant } from './lib-footer.types';\nimport { renderFooter } from './lib-footer.html';\nimport componentCss from './lib-footer.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\n/**\n * `<lib-footer>` — Footer polimórfico con 4 variantes de diseño.\n *\n * @tag lib-footer\n *\n * @attr {string}  variant      - Estilo del footer: 'social' | 'accordion' | 'kintsugi' | 'glitch'\n * @attr {string}  brand-name   - Nombre de marca (ej: \"shibui\")\n * @attr {string}  brand-kanji  - Caracter kanji decorativo (ej: \"渋\")\n * @attr {string}  brand-sub    - Subtítulo bajo el logo (ej: \"Design System · Zaragoza\")\n * @attr {string}  location     - Ciudad / país para el copyright\n * @attr {string}  version      - Versión del producto (ej: \"1.0.0\")\n * @attr {string}  node-version - Versión de Node para la variante glitch (ej: \"v22.0.0\")\n * @attr {string}  github-href  - URL de GitHub\n * @attr {string}  linkedin-href- URL de LinkedIn\n * @attr {string}  rss-href     - URL del feed RSS\n * @attr {string}  email        - Dirección de email de contacto\n *\n * @prop {FooterColumn[]} columns      - Columnas de navegación (accordion / kintsugi)\n * @prop {FooterLink[]}   nav-links    - Links de navegación planos (social / glitch)\n * @prop {FooterLink[]}   legal-links  - Links de pie (privacidad, términos, etc.)\n * @prop {RuntimeLine[]}  runtime-lines- Líneas de la tabla runtime (variante glitch)\n *\n * @fires ui-lib-footer-link-click - Cuando se pulsa un enlace del footer\n *   @detail { label: string; href: string }\n */\n@customElement('lib-footer')\nexport class LibFooter extends LitElement {\n\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(componentCss)}`,\n  ];\n\n  /* ── Props principales ── */\n\n  @property({ type: String })\n  variant: FooterVariant = 'social';\n\n  @property({ type: String, attribute: 'brand-name' })\n  brandName = 'shibui';\n\n  @property({ type: String, attribute: 'brand-kanji' })\n  brandKanji = '渋';\n\n  @property({ type: String, attribute: 'brand-sub' })\n  brandSub = 'Design System · Zaragoza';\n\n  @property({ type: String })\n  location = 'Zaragoza';\n\n  @property({ type: String })\n  version = '1.0.0';\n\n  @property({ type: String, attribute: 'node-version' })\n  nodeVersion = 'v22.0.0';\n\n  @property({ type: String, attribute: 'github-href' })\n  githubHref = '#';\n\n  @property({ type: String, attribute: 'linkedin-href' })\n  linkedinHref = '#';\n\n  @property({ type: String, attribute: 'rss-href' })\n  rssHref = '#';\n\n  @property({ type: String })\n  email = '';\n\n  /* ── Props de datos (pasadas como JSON o JS) ── */\n\n  @property({ type: Array })\n  columns: FooterColumn[] = [\n    {\n      heading: 'Librería',\n      links: [\n        { label: 'Componentes', href: '#' },\n        { label: 'Tokens', href: '#' },\n        { label: 'Estilos', href: '#' },\n      ],\n    },\n    {\n      heading: 'Ecosistema',\n      links: [\n        { label: 'GitHub', href: '#' },\n        { label: 'NPM', href: '#' },\n        { label: 'Storybook', href: '#' },\n      ],\n    },\n    {\n      heading: 'Recursos',\n      links: [\n        { label: 'Docs', href: '#' },\n        { label: 'Changelog', href: '#' },\n        { label: 'Roadmap', href: '#' },\n      ],\n    },\n  ];\n\n  @property({ type: Array, attribute: 'nav-links' })\n  navLinks: FooterLink[] = [\n    { label: 'Componentes', href: '#' },\n    { label: 'Tokens', href: '#' },\n    { label: 'MIT License', href: '#' },\n  ];\n\n  @property({ type: Array, attribute: 'legal-links' })\n  legalLinks: FooterLink[] = [\n    { label: 'privacy.md', href: '#' },\n    { label: 'terms.md', href: '#' },\n  ];\n\n  @property({ type: Array, attribute: 'runtime-lines' })\n  runtimeLines: { key: string; value: string }[] = [\n    { key: 'node',  value: 'v22.0.0' },\n    { key: 'css',   value: 'pure · no-build' },\n    { key: 'fonts', value: 'google CDN' },\n    { key: 'deps',  value: '0' },\n    { key: 'size',  value: '~180kb total' },\n  ];\n\n  /* ── Computed ── */\n\n  get year(): number {\n    return new Date().getFullYear();\n  }\n\n  /* ── Behaviour ── */\n\n  /**\n   * Abre / cierra un ítem de acordeón.\n   * @internal\n   */\n  _toggleAccordion(trigger: HTMLElement): void {\n    const body = trigger.nextElementSibling as HTMLElement | null;\n    const arrow = trigger.querySelector('.ft-acc-arrow') as HTMLElement | null;\n\n    if (!body) return;\n\n    const isOpen = body.style.maxHeight !== '' && body.style.maxHeight !== '0px';\n\n    body.style.maxHeight  = isOpen ? '0' : '300px';\n    trigger.setAttribute('aria-expanded', String(!isOpen));\n\n    if (arrow) {\n      arrow.style.transform = isOpen ? 'rotate(0deg)' : 'rotate(180deg)';\n    }\n  }\n\n  /* ── Render ── */\n\n  protected override render(): TemplateResult {\n    return renderFooter(this);\n  }\n}\n"],"names":[],"mappings":"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"}