@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index74.js

@@ -1,9 +1,8 @@
-import { unsafeCSS, css, LitElement, html } from "lit";
-import { state, customElement } from "lit/decorators.js";
-import { repeat as c } from "./index332.js";
-import toastManagerCss from "./index333.js";
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { drawerTemplate } from "./index245.js";
+import drawerCss from "./index246.js";
 import sharedTokens from "./index196.js";
-import "./index50.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -14,79 +13,143 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibToastManager = class extends LitElement {
+let LibDrawer = class extends LitElement {
   constructor() {
+    var _a;
     super(...arguments);
-    this._toasts = [];
+    this._uid = (((_a = globalThis.crypto) == null ? void 0 : _a.getRandomValues(new Uint32Array(1))[0]) ?? Math.random()).toString(36).slice(0, 5);
+    this.open = false;
+    this.placement = "right";
+    this.size = "md";
+    this.variant = "default";
+    this.label = "";
+    this.eyebrow = "";
+    this.subtitle = "";
+    this.drawerLabel = "";
+    this._onKeyDown = (e) => {
+      var _a2;
+      if (!this.open) return;
+      if (e.key === "Escape") {
+        e.preventDefault();
+        this._close();
+        return;
+      }
+      if (e.key === "Tab") {
+        const focusable = this._getFocusable();
+        if (!focusable.length) return;
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        const active = (_a2 = this.shadowRoot) == null ? void 0 : _a2.activeElement;
+        if (e.shiftKey) {
+          if (active === first) {
+            e.preventDefault();
+            last == null ? void 0 : last.focus();
+          }
+        } else {
+          if (active === last) {
+            e.preventDefault();
+            first == null ? void 0 : first.focus();
+          }
+        }
+      }
+    };
   }
-  /* ──────────────────────────────────────────────────────────
-     API PÚBLICA
-  ─────────────────────────────────────────────────────────── */
-  add(config) {
-    const id = crypto.randomUUID();
-    this._toasts = [...this._toasts, { ...config, id }];
-    if (config.duration !== 0) {
-      setTimeout(() => this._dismissWithAnimation(id), config.duration ?? 5e3);
-    }
-  }
-  dismiss(id) {
-    this._dismissWithAnimation(id);
+  /* ════════════════════════════════════════
+     Ciclo de vida
+     ════════════════════════════════════════ */
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("keydown", this._onKeyDown);
   }
-  dismissAll() {
-    this._toasts.forEach((t) => this._dismissWithAnimation(t.id));
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("keydown", this._onKeyDown);
+    document.body.style.overflow = "";
   }
-  /* ──────────────────────────────────────────────────────────
-     ANIMACIÓN DE SALIDA
-     Aplica .is-leaving → espera la transición → elimina del array
-  ─────────────────────────────────────────────────────────── */
-  _dismissWithAnimation(id) {
-    const el = this.renderRoot.querySelector(`[data-toast-id="${id}"]`);
-    if (el) {
-      el.classList.add("is-leaving");
-      el.addEventListener("animationend", () => {
-        this._removeToast(id);
-      }, { once: true });
+  updated(changed) {
+    if (!changed.has("open")) return;
+    if (this.open) {
+      document.body.style.overflow = "hidden";
+      requestAnimationFrame(() => {
+        var _a;
+        const panel = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".dr");
+        panel == null ? void 0 : panel.focus();
+      });
     } else {
-      this._removeToast(id);
+      document.body.style.overflow = "";
+    }
+    if (!this.drawerLabel) {
+      this.drawerLabel = this.label || "Panel";
     }
   }
-  _removeToast(id) {
-    this._toasts = this._toasts.filter((t) => t.id !== id);
+  /* ════════════════════════════════════════
+     API pública
+     ════════════════════════════════════════ */
+  /** Cierra el drawer y emite el evento */
+  _close() {
+    if (!this.open) return;
+    this.open = false;
+    this.dispatchEvent(new CustomEvent("ui-lib-drawer-close", {
+      bubbles: true,
+      composed: true
+    }));
   }
-  /* ──────────────────────────────────────────────────────────
-     RENDER
-  ─────────────────────────────────────────────────────────── */
+  /* ════════════════════════════════════════
+     Focus trap
+     ════════════════════════════════════════ */
+  _getFocusable() {
+    var _a;
+    const selector = [
+      "a[href]",
+      "button:not([disabled])",
+      "input:not([disabled])",
+      "select:not([disabled])",
+      "textarea:not([disabled])",
+      '[tabindex]:not([tabindex="-1"])'
+    ].join(",");
+    return Array.from(
+      ((_a = this.shadowRoot) == null ? void 0 : _a.querySelectorAll(selector)) ?? []
+    );
+  }
+  /* ════════════════════════════════════════
+     Render
+     ════════════════════════════════════════ */
   render() {
-    return html`
-      ${c(
-      this._toasts,
-      (toast) => toast.id,
-      (toast) => html`
-          <lib-alert
-            data-toast-id="${toast.id}"
-            type="${toast.type}"
-            heading="${toast.heading ?? ""}"
-            closable
-            @ui-lib-alert-close="${(_e) => this.dismiss(toast.id)}"
-          >
-            ${toast.message}
-          </lib-alert>
-        `
-    )}
-    `;
+    return drawerTemplate(this);
   }
 };
-LibToastManager.styles = [
+LibDrawer.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(toastManagerCss)}`
+  css`${unsafeCSS(drawerCss)}`
 ];
 __decorateClass([
-  state()
-], LibToastManager.prototype, "_toasts", 2);
-LibToastManager = __decorateClass([
-  customElement("lib-toast-manager")
-], LibToastManager);
+  property({ type: Boolean, reflect: true })
+], LibDrawer.prototype, "open", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDrawer.prototype, "placement", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDrawer.prototype, "size", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibDrawer.prototype, "variant", 2);
+__decorateClass([
+  property({ type: String })
+], LibDrawer.prototype, "label", 2);
+__decorateClass([
+  property({ type: String })
+], LibDrawer.prototype, "eyebrow", 2);
+__decorateClass([
+  property({ type: String })
+], LibDrawer.prototype, "subtitle", 2);
+__decorateClass([
+  property({ type: String, attribute: "drawer-label" })
+], LibDrawer.prototype, "drawerLabel", 2);
+LibDrawer = __decorateClass([
+  customElement("lib-drawer")
+], LibDrawer);
 export {
-  LibToastManager
+  LibDrawer
 };
 //# sourceMappingURL=index74.js.map

package/dist/index74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index74.js","sources":["../src/components/organisms/toast-manager/lib-toast-manager.component.ts"],"sourcesContent":["import { LitElement, TemplateResult, html, css, unsafeCSS } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport toastManagerCss from './lib-toast-manager.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport '../../molecules/lib-alert/lib-alert.component';\nimport type { AlertCloseDetail, AlertType } from './../../molecules/lib-alert/lib-alert.types';\n\n/* AlertType importado desde types, no desde el componente */\n\n/* ── Interfaz pública de cada toast ── */\nexport interface Toast {\n  id:        string;\n  message:   string;\n  type:      AlertType;\n  heading?:  string;      /* Override del título — si no se pasa usa el tipo */\n  duration?: number;      /* ms. 0 = persistente. Default: 5000 */\n}\n\n/**\n * @element lib-toast-manager\n *\n * Contenedor fijo de notificaciones efímeras.\n * Usa `lib-alert` internamente con `closable` siempre activo.\n *\n * @method add(config)     — Añade un toast. Acepta Omit<Toast, 'id'>.\n * @method dismiss(id)     — Elimina un toast por id (con animación de salida).\n * @method dismissAll()    — Elimina todos los toasts activos.\n */\n@customElement('lib-toast-manager')\nexport class LibToastManager extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(toastManagerCss)}`,\n  ];\n\n  @state() private _toasts: Toast[] = [];\n\n  /* ──────────────────────────────────────────────────────────\n     API PÚBLICA\n  ─────────────────────────────────────────────────────────── */\n\n  public add(config: Omit<Toast, 'id'>): void {\n    const id: string = crypto.randomUUID();\n    this._toasts = [...this._toasts, { ...config, id }];\n\n    if (config.duration !== 0) {\n      setTimeout((): void => this._dismissWithAnimation(id), config.duration ?? 5000);\n    }\n  }\n\n  public dismiss(id: string): void {\n    this._dismissWithAnimation(id);\n  }\n\n  public dismissAll(): void {\n    this._toasts.forEach(t => this._dismissWithAnimation(t.id));\n  }\n\n  /* ──────────────────────────────────────────────────────────\n     ANIMACIÓN DE SALIDA\n     Aplica .is-leaving → espera la transición → elimina del array\n  ─────────────────────────────────────────────────────────── */\n  private _dismissWithAnimation(id: string): void {\n    const el = this.renderRoot.querySelector<HTMLElement>(`[data-toast-id=\"${id}\"]`);\n\n    if (el) {\n      el.classList.add('is-leaving');\n      /* duration-base = 200ms + pequeño margen */\n      el.addEventListener('animationend', (): void => {\n        this._removeToast(id);\n      }, { once: true });\n    } else {\n      /* Si el elemento ya no está en el DOM, borramos directamente */\n      this._removeToast(id);\n    }\n  }\n\n  private _removeToast(id: string): void {\n    this._toasts = this._toasts.filter((t: Toast): boolean => t.id !== id);\n  }\n\n  /* ──────────────────────────────────────────────────────────\n     RENDER\n  ─────────────────────────────────────────────────────────── */\n  protected override render(): TemplateResult {\n    return html`\n      ${repeat(\n        this._toasts,\n        (toast: Toast): string => toast.id,\n        (toast: Toast): TemplateResult => html`\n          <lib-alert\n            data-toast-id=\"${toast.id}\"\n            type=\"${toast.type}\"\n            heading=\"${toast.heading ?? ''}\"\n            closable\n            @ui-lib-alert-close=\"${(_e: CustomEvent<AlertCloseDetail>): void => this.dismiss(toast.id)}\"\n          >\n            ${toast.message}\n          </lib-alert>\n        `\n      )}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-toast-manager': LibToastManager;\n  }\n}"],"names":["repeat"],"mappings":";;;;;;;;;;;;;;;;AA8BO,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AAMI,SAAQ,UAAmB,CAAA;AAAA,EAAC;AAAA;AAAA;AAAA;AAAA,EAM9B,IAAI,QAAiC;AAC1C,UAAM,KAAa,OAAO,WAAA;AAC1B,SAAK,UAAU,CAAC,GAAG,KAAK,SAAS,EAAE,GAAG,QAAQ,IAAI;AAElD,QAAI,OAAO,aAAa,GAAG;AACzB,iBAAW,MAAY,KAAK,sBAAsB,EAAE,GAAG,OAAO,YAAY,GAAI;AAAA,IAChF;AAAA,EACF;AAAA,EAEO,QAAQ,IAAkB;AAC/B,SAAK,sBAAsB,EAAE;AAAA,EAC/B;AAAA,EAEO,aAAmB;AACxB,SAAK,QAAQ,QAAQ,CAAA,MAAK,KAAK,sBAAsB,EAAE,EAAE,CAAC;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA;AAAA,EAMQ,sBAAsB,IAAkB;AAC9C,UAAM,KAAK,KAAK,WAAW,cAA2B,mBAAmB,EAAE,IAAI;AAE/E,QAAI,IAAI;AACN,SAAG,UAAU,IAAI,YAAY;AAE7B,SAAG,iBAAiB,gBAAgB,MAAY;AAC9C,aAAK,aAAa,EAAE;AAAA,MACtB,GAAG,EAAE,MAAM,MAAM;AAAA,IACnB,OAAO;AAEL,WAAK,aAAa,EAAE;AAAA,IACtB;AAAA,EACF;AAAA,EAEQ,aAAa,IAAkB;AACrC,SAAK,UAAU,KAAK,QAAQ,OAAO,CAAC,MAAsB,EAAE,OAAO,EAAE;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA,EAKmB,SAAyB;AAC1C,WAAO;AAAA,QACHA;AAAAA,MACA,KAAK;AAAA,MACL,CAAC,UAAyB,MAAM;AAAA,MAChC,CAAC,UAAiC;AAAA;AAAA,6BAEb,MAAM,EAAE;AAAA,oBACjB,MAAM,IAAI;AAAA,uBACP,MAAM,WAAW,EAAE;AAAA;AAAA,mCAEP,CAAC,OAA4C,KAAK,QAAQ,MAAM,EAAE,CAAC;AAAA;AAAA,cAExF,MAAM,OAAO;AAAA;AAAA;AAAA,IAAA,CAGpB;AAAA;AAAA,EAEL;AACF;AA1Ea,gBACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,eAAe,CAAC;AAClC;AAEiB,gBAAA;AAAA,EAAhB,MAAA;AAAM,GANI,gBAMM,WAAA,WAAA,CAAA;AANN,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}
+{"version":3,"file":"index74.js","sources":["../src/components/organisms/drawer/lib-drawer.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { drawerTemplate } from './lib-drawer.html';\nimport drawerCss from './lib-drawer.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { DrawerPlacement, DrawerSize, DrawerVariant } from './lib-drawer.types';\n\n/**\n * lib-drawer — Shibui UI · SG-59\n *\n * @prop open         — Abre / cierra el drawer\n * @prop placement    — 'right'(default) | 'left' | 'top' | 'bottom'\n * @prop size         — 'sm' | 'md'(default) | 'lg' | 'xl' | 'full'\n * @prop variant      — 'default' | 'dark' | 'kintsugi' | 'kintsugi-dark' | 'glitch' | 'glitch-dark'\n * @prop label        — Texto del título (también rellenable via slot[name=\"title\"])\n * @prop eyebrow      — Texto del eyebrow (también via slot[name=\"eyebrow\"])\n * @prop subtitle     — Texto del subtítulo (también via slot[name=\"subtitle\"])\n * @prop drawer-label — Aria-label del dialog (default = label)\n *\n * @slot              — Contenido del body\n * @slot title        — Reemplaza el título\n * @slot eyebrow      — Reemplaza el eyebrow\n * @slot subtitle     — Reemplaza el subtítulo\n * @slot footer       — Botones de pie (oculto si vacío)\n *\n * @fires ui-lib-drawer-close — Cuando el drawer se cierra (backdrop, Escape, botón X)\n */\n@customElement('lib-drawer')\nexport class LibDrawer extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(drawerCss)}`,\n  ];\n\n  /* ── Identificador único para aria ── */\n  readonly _uid: string = (globalThis.crypto?.getRandomValues(new Uint32Array(1))[0] ?? Math.random())\n  .toString(36)\n  .slice(0, 5);\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String, reflect: true })\n  placement: DrawerPlacement = 'right';\n\n  @property({ type: String, reflect: true })\n  size: DrawerSize = 'md';\n\n  @property({ type: String, reflect: true })\n  variant: DrawerVariant = 'default';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  eyebrow = '';\n\n  @property({ type: String })\n  subtitle = '';\n\n  @property({ type: String, attribute: 'drawer-label' })\n  drawerLabel = '';\n\n  /* ════════════════════════════════════════\n     Ciclo de vida\n     ════════════════════════════════════════ */\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('keydown', this._onKeyDown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._onKeyDown);\n    // Restaurar scroll por si se destruye mientras está abierto\n    document.body.style.overflow = '';\n  }\n\n  override updated(changed: Map<PropertyKey, unknown>): void {\n    if (!changed.has('open')) return;\n\n    if (this.open) {\n      document.body.style.overflow = 'hidden';\n      // Dar foco al panel para que los eventos de teclado funcionen\n      requestAnimationFrame(() => {\n        const panel = this.shadowRoot?.querySelector<HTMLElement>('.dr');\n        panel?.focus();\n      });\n    } else {\n      document.body.style.overflow = '';\n    }\n\n    // Sync aria-label si no se pasó drawer-label explícito\n    if (!this.drawerLabel) {\n      this.drawerLabel = this.label || 'Panel';\n    }\n  }\n\n  /* ════════════════════════════════════════\n     API pública\n     ════════════════════════════════════════ */\n\n  /** Cierra el drawer y emite el evento */\n  _close(): void {\n    if (!this.open) return;\n    this.open = false;\n    this.dispatchEvent(new CustomEvent('ui-lib-drawer-close', {\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* ════════════════════════════════════════\n     Focus trap\n     ════════════════════════════════════════ */\n\n  private _getFocusable(): HTMLElement[] {\n    const selector = [\n      'a[href]', 'button:not([disabled])', 'input:not([disabled])',\n      'select:not([disabled])', 'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ].join(',');\n\n    return Array.from(\n      this.shadowRoot?.querySelectorAll<HTMLElement>(selector) ?? []\n    );\n  }\n\n  private _onKeyDown = (e: KeyboardEvent): void => {\n    if (!this.open) return;\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      this._close();\n      return;\n    }\n\n    if (e.key === 'Tab') {\n      const focusable = this._getFocusable();\n      if (!focusable.length) return;\n\n      const first = focusable[0];\n      const last  = focusable[focusable.length - 1];\n      const active = this.shadowRoot?.activeElement as HTMLElement;\n\n      if (e.shiftKey) {\n        if (active === first) { e.preventDefault(); last?.focus(); }\n      } else {\n        if (active === last)  { e.preventDefault(); first?.focus(); }\n      }\n    }\n  };\n\n  /* ════════════════════════════════════════\n     Render\n     ════════════════════════════════════════ */\n  protected override render(): TemplateResult {\n    return drawerTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-drawer': LibDrawer;\n  }\n}"],"names":["_a"],"mappings":"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"}

package/dist/index75.js

@@ -1,7 +1,7 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { parallaxTemplate } from "./index334.js";
-import parallaxCss from "./index335.js";
+import { renderFooter } from "./index247.js";
+import componentCss from "./index248.js";
 import sharedTokens from "./index196.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -13,130 +13,141 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibParallaxContainer = class extends LitElement {
+let LibFooter = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.speed = 0.2;
-    this.axis = "y";
-    this.clamp = 0;
-    this._observer = null;
-    this._isVisible = false;
-    this._ticking = false;
-    this._reducedMotion = false;
-    this._onScroll = () => {
-      if (!this._isVisible || this._reducedMotion) return;
-      if (this._ticking) return;
-      this._ticking = true;
-      requestAnimationFrame(() => {
-        this._applyParallax();
-        this._ticking = false;
-      });
-    };
-  }
-  /* ── Lifecycle ── */
-  connectedCallback() {
-    super.connectedCallback();
-    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
-    this._reducedMotion = mq.matches;
-    mq.addEventListener("change", (e) => {
-      this._reducedMotion = e.matches;
-      if (this._reducedMotion) this._resetTransforms();
-    });
-    window.addEventListener("scroll", this._onScroll, { passive: true });
-    this._setupObserver();
-  }
-  disconnectedCallback() {
-    var _a;
-    super.disconnectedCallback();
-    window.removeEventListener("scroll", this._onScroll);
-    (_a = this._observer) == null ? void 0 : _a.disconnect();
-    this._observer = null;
-  }
-  /* ── IntersectionObserver — activa/desactiva will-change ── */
-  _setupObserver() {
-    this._observer = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (!entry) return;
-        this._isVisible = entry.isIntersecting;
-        if (this._isVisible) {
-          this.setAttribute("visible", "");
-          requestAnimationFrame(() => this._applyParallax());
-        } else {
-          this.removeAttribute("visible");
-        }
+    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: "#" }
+        ]
       },
-      { threshold: 0.01 }
-    );
-    this._observer.observe(this);
+      {
+        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 ── */
   /**
-   * Cálculo del desplazamiento parallax.
-   *
-   * Fórmula: centerOffset = distancia entre el centro del elemento
-   * y el centro del viewport. Cuando el elemento está centrado en
-   * pantalla → offset = 0, sin desplazamiento.
-   * Cuando el elemento sube por encima → offset negativo → el elemento
-   * se desplaza hacia arriba (más rápido o más lento que el scroll).
-   *
-   * Esto es más correcto que `(scrollY - offsetTop) * speed` porque:
-   * 1. No depende del offsetParent (fiable en Shadow DOM)
-   * 2. El punto neutro es el centro visual, no el top de la página
+   * Abre / cierra un ítem de acordeón.
+   * @internal
    */
-  _applyParallax() {
-    var _a;
-    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot");
-    if (!slot) return;
-    const rect = this.getBoundingClientRect();
-    const centerOffset = rect.top + rect.height / 2 - window.innerHeight / 2;
-    const elements = slot.assignedElements();
-    elements.forEach((el) => {
-      const factor = parseFloat(el.dataset["parallaxFactor"] ?? "1");
-      const move = centerOffset * this.speed * factor;
-      const clamped = this.clamp > 0 ? Math.min(Math.max(move, -this.clamp), this.clamp) : move;
-      switch (this.axis) {
-        case "x":
-          el.style.transform = `translate3d(${clamped}px, 0, 0)`;
-          break;
-        case "xy":
-          el.style.transform = `translate3d(${clamped}px, ${clamped}px, 0)`;
-          break;
-        case "y":
-        default:
-          el.style.transform = `translate3d(0, ${clamped}px, 0)`;
-      }
-    });
-  }
-  /** Limpia los transforms (p.ej. al activar prefers-reduced-motion en runtime) */
-  _resetTransforms() {
-    var _a;
-    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot");
-    const elements = slot == null ? void 0 : slot.assignedElements();
-    elements == null ? void 0 : elements.forEach((el) => {
-      el.style.transform = "";
-    });
+  _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 parallaxTemplate();
+    return renderFooter(this);
   }
 };
-LibParallaxContainer.styles = [
+LibFooter.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(parallaxCss)}`
+  css`${unsafeCSS(componentCss)}`
 ];
 __decorateClass([
-  property({ type: Number })
-], LibParallaxContainer.prototype, "speed", 2);
+  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: String, reflect: true })
-], LibParallaxContainer.prototype, "axis", 2);
+  property({ type: Array, attribute: "legal-links" })
+], LibFooter.prototype, "legalLinks", 2);
 __decorateClass([
-  property({ type: Number })
-], LibParallaxContainer.prototype, "clamp", 2);
-LibParallaxContainer = __decorateClass([
-  customElement("lib-parallax-container")
-], LibParallaxContainer);
+  property({ type: Array, attribute: "runtime-lines" })
+], LibFooter.prototype, "runtimeLines", 2);
+LibFooter = __decorateClass([
+  customElement("lib-footer")
+], LibFooter);
 export {
-  LibParallaxContainer
+  LibFooter
 };
 //# sourceMappingURL=index75.js.map

package/dist/index75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index75.js","sources":["../src/components/organisms/parallax-container/lib-parallax.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { parallaxTemplate } from './lib-parallax.html';\nimport parallaxCss from './lib-parallax.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { ParallaxAxis } from './lib-parallax.types';\n\n/**\n * lib-parallax-container\n *\n * Aplica desplazamiento parallax a los hijos directos del slot\n * al hacer scroll. El efecto es 0 cuando el elemento está centrado\n * en el viewport, y se desplaza proporcionalmente al alejarse del centro.\n *\n * Cada hijo puede sobrescribir el multiplicador con `data-parallax-factor`.\n * Ejemplo: `<div data-parallax-factor=\"0.3\">fondo lento</div>`\n *          `<div data-parallax-factor=\"2\">elemento rápido</div>`\n *\n * @prop speed  — Multiplicador de desplazamiento base (default 0.2)\n * @prop axis   — Eje del efecto: 'y' | 'x' | 'xy' (default 'y')\n * @prop clamp  — Máximo desplazamiento en px (0 = sin límite, default 0)\n *\n * @cssvar --parallax-speed — Alternativa CSS al prop speed (no reactivo)\n *\n * @slot — Elementos a desplazar. Cada hijo acepta data-parallax-factor.\n */\n@customElement('lib-parallax-container')\nexport class LibParallaxContainer extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(parallaxCss)}`,\n  ];\n\n  /** Multiplicador de desplazamiento base */\n  @property({ type: Number })\n  speed = 0.2;\n\n  /** Eje sobre el que opera el efecto */\n  @property({ type: String, reflect: true })\n  axis: ParallaxAxis = 'y';\n\n  /** Máximo desplazamiento absoluto en px (0 = sin límite) */\n  @property({ type: Number })\n  clamp = 0;\n\n  private _observer: IntersectionObserver | null = null;\n  private _isVisible = false;\n  private _ticking = false;\n  private _reducedMotion = false;\n\n  /* ── Lifecycle ── */\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // matchMedia para prefers-reduced-motion\n    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n    this._reducedMotion = mq.matches;\n    mq.addEventListener('change', (e: MediaQueryListEvent): void => {\n      this._reducedMotion = e.matches;\n      if (this._reducedMotion) this._resetTransforms();\n    });\n\n    window.addEventListener('scroll', this._onScroll, { passive: true });\n    this._setupObserver();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('scroll', this._onScroll);\n    this._observer?.disconnect();\n    this._observer = null;\n  }\n\n  /* ── IntersectionObserver — activa/desactiva will-change ── */\n  private _setupObserver(): void {\n    this._observer = new IntersectionObserver(\n      (entries: IntersectionObserverEntry[]): void => {\n        const entry = entries[0];\n        if (!entry) return;\n        this._isVisible = entry.isIntersecting;\n        // Sincroniza el atributo [visible] → activa/desactiva will-change via CSS\n        if (this._isVisible) {\n          this.setAttribute('visible', '');\n          // Calcular posición inicial al entrar en viewport\n          requestAnimationFrame((): void => this._applyParallax());\n        } else {\n          this.removeAttribute('visible');\n        }\n      },\n      { threshold: 0.01 },\n    );\n    this._observer.observe(this);\n  }\n\n  /* ── Scroll handler con rAF throttle ── */\n  private _onScroll = (): void => {\n    if (!this._isVisible || this._reducedMotion) return;\n    if (this._ticking) return;\n    this._ticking = true;\n    requestAnimationFrame((): void => {\n      this._applyParallax();\n      this._ticking = false;\n    });\n  };\n\n  /**\n   * Cálculo del desplazamiento parallax.\n   *\n   * Fórmula: centerOffset = distancia entre el centro del elemento\n   * y el centro del viewport. Cuando el elemento está centrado en\n   * pantalla → offset = 0, sin desplazamiento.\n   * Cuando el elemento sube por encima → offset negativo → el elemento\n   * se desplaza hacia arriba (más rápido o más lento que el scroll).\n   *\n   * Esto es más correcto que `(scrollY - offsetTop) * speed` porque:\n   * 1. No depende del offsetParent (fiable en Shadow DOM)\n   * 2. El punto neutro es el centro visual, no el top de la página\n   */\n  private _applyParallax(): void {\n    const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\n    if (!slot) return;\n\n    const rect         = this.getBoundingClientRect();\n    const centerOffset = (rect.top + rect.height / 2) - (window.innerHeight / 2);\n\n    const elements = slot.assignedElements() as HTMLElement[];\n\n    elements.forEach((el): void => {\n      const factor = parseFloat(el.dataset['parallaxFactor'] ?? '1');\n      const move   = centerOffset * this.speed * factor;\n      const clamped = this.clamp > 0\n        ? Math.min(Math.max(move, -this.clamp), this.clamp)\n        : move;\n\n      switch (this.axis) {\n        case 'x':\n          el.style.transform = `translate3d(${clamped}px, 0, 0)`;\n          break;\n        case 'xy':\n          el.style.transform = `translate3d(${clamped}px, ${clamped}px, 0)`;\n          break;\n        case 'y':\n        default:\n          el.style.transform = `translate3d(0, ${clamped}px, 0)`;\n      }\n    });\n  }\n\n  /** Limpia los transforms (p.ej. al activar prefers-reduced-motion en runtime) */\n  private _resetTransforms(): void {\n    const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\n    const elements = slot?.assignedElements() as HTMLElement[] | undefined;\n    elements?.forEach((el): void => { el.style.transform = ''; });\n  }\n\n  protected override render(): TemplateResult {\n    return parallaxTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-parallax-container': LibParallaxContainer;\n  }\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"index75.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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"}