@shibui-ui/ui 1.6.0 → 1.7.0

package/dist/index52.js

@@ -0,0 +1,75 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { emptyStateTemplate } from "./index289.js";
+import emptyStateCss from "./index290.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 LibEmptyState = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.heading = "";
+    this.description = "";
+    this.kanji = "";
+    this.tone = "neutral";
+    this.layout = "default";
+    this.size = "md";
+    this.bordered = false;
+    this.ghost = false;
+  }
+  render() {
+    return emptyStateTemplate({
+      heading: this.heading,
+      description: this.description,
+      kanji: this.kanji,
+      tone: this.tone,
+      layout: this.layout,
+      size: this.size,
+      bordered: this.bordered,
+      ghost: this.ghost
+    });
+  }
+};
+LibEmptyState.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(emptyStateCss)}`
+];
+__decorateClass([
+  property({ type: String })
+], LibEmptyState.prototype, "heading", 2);
+__decorateClass([
+  property({ type: String })
+], LibEmptyState.prototype, "description", 2);
+__decorateClass([
+  property({ type: String })
+], LibEmptyState.prototype, "kanji", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibEmptyState.prototype, "tone", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibEmptyState.prototype, "layout", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibEmptyState.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibEmptyState.prototype, "bordered", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibEmptyState.prototype, "ghost", 2);
+LibEmptyState = __decorateClass([
+  customElement("lib-empty-state")
+], LibEmptyState);
+export {
+  LibEmptyState
+};
+//# sourceMappingURL=index52.js.map

package/dist/index52.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index52.js","sources":["../src/components/molecules/empty-state/lib-empty-state.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { emptyStateTemplate } from './lib-empty-state.html';\nimport type { LibEmptyStateTone, LibEmptyStateLayout, LibEmptyStateSize } from './lib-empty-state.html';\nimport emptyStateCss from './lib-empty-state.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\nexport type { LibEmptyStateTone, LibEmptyStateLayout, LibEmptyStateSize };\n\n/**\n * @element lib-empty-state\n *\n * Tres zonas: ilustración (icono Phosphor o kanji), copy, acciones.\n * Todas las zonas son opcionales — la mínima expresión es solo `heading`.\n *\n * @slot illustration — Icono Phosphor (o cualquier elemento visual)\n * @slot actions      — Botones de acción (lib-button u otros)\n *\n * @example — default con icono\n * <lib-empty-state heading=\"Carpeta vacía\" description=\"Sube tu primer archivo.\">\n *   <ph-folder-open slot=\"illustration\" weight=\"regular\"></ph-folder-open>\n *   <lib-button slot=\"actions\" variant=\"primary\">Subir</lib-button>\n * </lib-empty-state>\n *\n * @example — kanji como ilustración\n * <lib-empty-state kanji=\"無\" heading=\"Sin resultados\" description=\"Prueba otros términos.\">\n *   <lib-button slot=\"actions\" variant=\"ghost\">Limpiar filtros</lib-button>\n * </lib-empty-state>\n *\n * @example — inline con tone\n * <lib-empty-state layout=\"inline\" tone=\"kaki\" heading=\"Empieza aquí\" size=\"sm\">\n *   <ph-sparkle slot=\"illustration\" weight=\"regular\"></ph-sparkle>\n *   <lib-button slot=\"actions\" variant=\"accent\">Crear</lib-button>\n * </lib-empty-state>\n *\n * @example — bordered (dropzone)\n * <lib-empty-state bordered heading=\"Arrastra aquí tus archivos\">\n *   <ph-plus slot=\"illustration\" weight=\"regular\"></ph-plus>\n * </lib-empty-state>\n */\n@customElement('lib-empty-state')\nexport class LibEmptyState extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(emptyStateCss)}`,\n  ];\n\n  /**\n   * Título principal del estado vacío.\n   * Se usa `heading` en lugar de `title` para evitar colisión con `HTMLElement.title`.\n   */\n  @property({ type: String })\n  heading = '';\n\n  /** Texto descriptivo secundario bajo el título. */\n  @property({ type: String })\n  description = '';\n\n  /**\n   * Carácter kanji como ilustración tipográfica (ej: 無, 空, 迷).\n   * Cuando se especifica, sustituye al slot `illustration`.\n   */\n  @property({ type: String })\n  kanji = '';\n\n  /**\n   * Tono cromático del icono.\n   * - neutral (default): washi\n   * - kaki: cálido, primer uso, atención\n   * - celadon: completado, éxito\n   * - error: fallo, acceso denegado\n   */\n  @property({ type: String, reflect: true })\n  tone: LibEmptyStateTone = 'neutral';\n\n  /**\n   * Disposición del componente.\n   * - default: columna centrada (pantallas, modales, paneles)\n   * - inline: fila con icono a la izquierda (tablas, banners)\n   */\n  @property({ type: String, reflect: true })\n  layout: LibEmptyStateLayout = 'default';\n\n  /**\n   * Tamaño del componente.\n   * - md (default): padding generoso, icono 72px\n   * - sm: compacto para sidebars y paneles secundarios\n   */\n  @property({ type: String, reflect: true })\n  size: LibEmptyStateSize = 'md';\n\n  /** Borde punteado + fondo `bg-surface`. Para zonas drop o sin contenido explícito. */\n  @property({ type: Boolean, reflect: true })\n  bordered = false;\n\n  /** Elimina el fondo y borde del icono. Para contextos de mínimo ruido visual. */\n  @property({ type: Boolean, reflect: true })\n  ghost = false;\n\n  override render(): TemplateResult {\n    return emptyStateTemplate({\n      heading:     this.heading,\n      description: this.description,\n      kanji:       this.kanji,\n      tone:        this.tone,\n      layout:      this.layout,\n      size:        this.size,\n      bordered:    this.bordered,\n      ghost:       this.ghost,\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-empty-state': LibEmptyState;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyCO,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AAWL,SAAA,UAAU;AAIV,SAAA,cAAc;AAOd,SAAA,QAAQ;AAUR,SAAA,OAA0B;AAQ1B,SAAA,SAA8B;AAQ9B,SAAA,OAA0B;AAI1B,SAAA,WAAW;AAIX,SAAA,QAAQ;AAAA,EAAA;AAAA,EAEC,SAAyB;AAChC,WAAO,mBAAmB;AAAA,MACxB,SAAa,KAAK;AAAA,MAClB,aAAa,KAAK;AAAA,MAClB,OAAa,KAAK;AAAA,MAClB,MAAa,KAAK;AAAA,MAClB,QAAa,KAAK;AAAA,MAClB,MAAa,KAAK;AAAA,MAClB,UAAa,KAAK;AAAA,MAClB,OAAa,KAAK;AAAA,IAAA,CACnB;AAAA,EACH;AACF;AAtEa,cACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,aAAa,CAAC;AAChC;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAVf,cAWX,WAAA,WAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAdf,cAeX,WAAA,eAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GArBf,cAsBX,WAAA,SAAA,CAAA;AAUA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GA/B9B,cAgCX,WAAA,QAAA,CAAA;AAQA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAvC9B,cAwCX,WAAA,UAAA,CAAA;AAQA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GA/C9B,cAgDX,WAAA,QAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAnD/B,cAoDX,WAAA,YAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAvD/B,cAwDX,WAAA,SAAA,CAAA;AAxDW,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

package/dist/index53.js

@@ -0,0 +1,100 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, query, customElement } from "lit/decorators.js";
+import { chipTemplate } from "./index291.js";
+import chipCss from "./index292.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 LibChip = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.kind = "static";
+    this.size = "md";
+    this.color = "default";
+    this.selected = false;
+    this.dot = false;
+    this.ariaLabel = "";
+  }
+  /* ── Toggle ── */
+  _handleToggle() {
+    this.selected = !this.selected;
+    this.dispatchEvent(new CustomEvent("ui-lib-chip-toggle", {
+      detail: { selected: this.selected },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /* ── Remove con animación de salida ── */
+  _handleRemove(e) {
+    e.stopPropagation();
+    const el = this._inputEl;
+    if (!el) {
+      this._emitRemove();
+      return;
+    }
+    el.classList.add("is-removing");
+    el.addEventListener("animationend", () => {
+      this._emitRemove();
+    }, { once: true });
+  }
+  _emitRemove() {
+    this.dispatchEvent(new CustomEvent("ui-lib-chip-remove", {
+      detail: {},
+      bubbles: true,
+      composed: true
+    }));
+  }
+  /* ── Animación de entrada (llamar desde fuera si se crea dinámicamente) ── */
+  animateIn() {
+    var _a;
+    const el = this._inputEl ?? ((_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chip, .chip-toggle"));
+    if (!el) return;
+    el.classList.remove("is-entering");
+    void el.offsetWidth;
+    el.classList.add("is-entering");
+    el.addEventListener("animationend", () => el.classList.remove("is-entering"), { once: true });
+  }
+  render() {
+    return chipTemplate(this);
+  }
+};
+LibChip.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(chipCss)}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibChip.prototype, "kind", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibChip.prototype, "size", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibChip.prototype, "color", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibChip.prototype, "selected", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibChip.prototype, "dot", 2);
+__decorateClass([
+  property({ type: String, attribute: "aria-label" })
+], LibChip.prototype, "ariaLabel", 2);
+__decorateClass([
+  query(".chip-input")
+], LibChip.prototype, "_inputEl", 2);
+LibChip = __decorateClass([
+  customElement("lib-chip")
+], LibChip);
+export {
+  LibChip
+};
+//# sourceMappingURL=index53.js.map

package/dist/index53.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index53.js","sources":["../src/components/molecules/chip/lib-chip.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { chipTemplate } from './lib-chip.html';\nimport chipCss from './lib-chip.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { ChipKind, ChipSize, ChipColor } from './lib-chip.types';\n\n/**\n * lib-chip — Chip Shibui (SG-26)\n *\n * Tres familias semánticas controladas por `kind`:\n *   - static  → etiqueta read-only, taxonomía\n *   - toggle  → filtro seleccionable (aria-checkbox)\n *   - input   → tag removible con botón ×\n *\n * @prop kind       — 'static' | 'toggle' | 'input'\n * @prop size       — 'xs' | 'sm' | 'md' | 'lg'\n * @prop color      — 'default' | 'kaki' | 'celadon' | 'error' | 'info' | 'dark'\n * @prop selected   — Estado seleccionado (solo kind=toggle)\n * @prop dot        — Dot de color antes del texto\n * @prop aria-label — Texto accesible del chip\n *\n * @fires ui-lib-chip-toggle  — { detail: { selected: boolean } }  (kind=toggle)\n * @fires ui-lib-chip-remove  — { detail: {} }                     (kind=input)\n *\n * @slot         — Texto/label del chip\n * @slot icon    — Icono a la izquierda del texto\n * @slot avatar  — Avatar circular (solo kind=input, opcionalmente static)\n */\n@customElement('lib-chip')\nexport class LibChip extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(chipCss)}`,\n  ];\n\n  @property({ type: String, reflect: true })\n  kind: ChipKind = 'static';\n\n  @property({ type: String, reflect: true })\n  size: ChipSize = 'md';\n\n  @property({ type: String, reflect: true })\n  color: ChipColor = 'default';\n\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  @property({ type: Boolean, reflect: true })\n  dot = false;\n\n  @property({ type: String, attribute: 'aria-label' })\n  override ariaLabel = '';\n\n  @query('.chip-input')\n  declare private _inputEl: HTMLElement | null;\n\n  /* ── Toggle ── */\n  _handleToggle(): void {\n    this.selected = !this.selected;\n    this.dispatchEvent(new CustomEvent('ui-lib-chip-toggle', {\n      detail: { selected: this.selected },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* ── Remove con animación de salida ── */\n  _handleRemove(e: MouseEvent): void {\n    e.stopPropagation();\n    const el = this._inputEl;\n    if (!el) {\n      this._emitRemove();\n      return;\n    }\n    el.classList.add('is-removing');\n    el.addEventListener('animationend', (): void => {\n      this._emitRemove();\n    }, { once: true });\n  }\n\n  private _emitRemove(): void {\n    this.dispatchEvent(new CustomEvent('ui-lib-chip-remove', {\n      detail: {},\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* ── Animación de entrada (llamar desde fuera si se crea dinámicamente) ── */\n  animateIn(): void {\n    const el = this._inputEl ?? this.shadowRoot?.querySelector('.chip, .chip-toggle') as HTMLElement | null;\n    if (!el) return;\n    el.classList.remove('is-entering');\n    void el.offsetWidth; // reflow\n    el.classList.add('is-entering');\n    el.addEventListener('animationend', (): void => el.classList.remove('is-entering'), { once: true });\n  }\n\n  protected override render(): TemplateResult {\n    return chipTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-chip': LibChip;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8BO,IAAM,UAAN,cAAsB,WAAW;AAAA,EAAjC,cAAA;AAAA,UAAA,GAAA,SAAA;AAOL,SAAA,OAAiB;AAGjB,SAAA,OAAiB;AAGjB,SAAA,QAAmB;AAGnB,SAAA,WAAW;AAGX,SAAA,MAAM;AAGN,SAAS,YAAY;AAAA,EAAA;AAAA;AAAA,EAMrB,gBAAsB;AACpB,SAAK,WAAW,CAAC,KAAK;AACtB,SAAK,cAAc,IAAI,YAAY,sBAAsB;AAAA,MACvD,QAAQ,EAAE,UAAU,KAAK,SAAA;AAAA,MACzB,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA;AAAA,EAGA,cAAc,GAAqB;AACjC,MAAE,gBAAA;AACF,UAAM,KAAK,KAAK;AAChB,QAAI,CAAC,IAAI;AACP,WAAK,YAAA;AACL;AAAA,IACF;AACA,OAAG,UAAU,IAAI,aAAa;AAC9B,OAAG,iBAAiB,gBAAgB,MAAY;AAC9C,WAAK,YAAA;AAAA,IACP,GAAG,EAAE,MAAM,MAAM;AAAA,EACnB;AAAA,EAEQ,cAAoB;AAC1B,SAAK,cAAc,IAAI,YAAY,sBAAsB;AAAA,MACvD,QAAQ,CAAA;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA;AAAA,EAGA,YAAkB;;AAChB,UAAM,KAAK,KAAK,cAAY,UAAK,eAAL,mBAAiB,cAAc;AAC3D,QAAI,CAAC,GAAI;AACT,OAAG,UAAU,OAAO,aAAa;AACjC,SAAK,GAAG;AACR,OAAG,UAAU,IAAI,aAAa;AAC9B,OAAG,iBAAiB,gBAAgB,MAAY,GAAG,UAAU,OAAO,aAAa,GAAG,EAAE,MAAM,KAAA,CAAM;AAAA,EACpG;AAAA,EAEmB,SAAyB;AAC1C,WAAO,aAAa,IAAI;AAAA,EAC1B;AACF;AAxEa,QACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,OAAO,CAAC;AAC1B;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAN9B,QAOX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAT9B,QAUX,WAAA,QAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAZ9B,QAaX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAf/B,QAgBX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAlB/B,QAmBX,WAAA,OAAA,CAAA;AAGS,gBAAA;AAAA,EADR,SAAS,EAAE,MAAM,QAAQ,WAAW,cAAc;AAAA,GArBxC,QAsBF,WAAA,aAAA,CAAA;AAGO,gBAAA;AAAA,EADf,MAAM,aAAa;AAAA,GAxBT,QAyBK,WAAA,YAAA,CAAA;AAzBL,UAAN,gBAAA;AAAA,EADN,cAAc,UAAU;AAAA,GACZ,OAAA;"}

package/dist/index54.js

@@ -0,0 +1,299 @@
+import { unsafeCSS, css, LitElement } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { generateUniqueId } from "./index213.js";
+import uploaderCss from "./index293.js";
+import sharedTokens from "./index196.js";
+import { fileUploaderTemplate } from "./index294.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 LibFileUploader = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.zone = "default";
+    this.title = "Arrastra archivos aquí";
+    this.subtitle = "o busca en tu equipo";
+    this.hint = "PDF, DOCX, PNG, JPG · máx. 20 MB por archivo";
+    this.multiple = false;
+    this.accept = "*";
+    this.disabled = false;
+    this.simulate = false;
+    this.simulateMs = 2e3;
+    this._isDragover = false;
+    this._entries = [];
+    this._imagePreviewUrl = null;
+  }
+  /* ── Drag & Drop ── */
+  _onDragover(e) {
+    e.preventDefault();
+    this._isDragover = true;
+  }
+  _onDragleave() {
+    this._isDragover = false;
+  }
+  _onDrop(e) {
+    var _a;
+    e.preventDefault();
+    this._isDragover = false;
+    const files = Array.from(((_a = e.dataTransfer) == null ? void 0 : _a.files) ?? []);
+    if (files.length) this._processFiles(files);
+  }
+  /* ── Input change ── */
+  _onInputChange(e) {
+    const input = e.target;
+    const files = Array.from(input.files ?? []);
+    if (files.length) this._processFiles(files);
+    input.value = "";
+  }
+  /* ── Procesar archivos ── */
+  _processFiles(files) {
+    if (this.zone === "image") {
+      const file = files[0];
+      if (!file) return;
+      if (this._imagePreviewUrl) URL.revokeObjectURL(this._imagePreviewUrl);
+      const entry = {
+        id: generateUniqueId("fu-"),
+        file,
+        progress: 0,
+        status: "idle",
+        previewUrl: URL.createObjectURL(file)
+      };
+      this._imagePreviewUrl = entry.previewUrl ?? null;
+      this._entries = [entry];
+      this._emitFilesChange([file]);
+      if (this.simulate) this._simulateUpload(entry);
+      return;
+    }
+    const newEntries = files.map((file) => {
+      const isImg = file.type.startsWith("image/");
+      return {
+        id: generateUniqueId("fu-"),
+        file,
+        progress: 0,
+        status: "idle",
+        ...isImg ? { previewUrl: URL.createObjectURL(file) } : {}
+      };
+    });
+    this._entries = this.multiple ? [...this._entries, ...newEntries] : newEntries;
+    this._emitFilesChange(files);
+    if (this.simulate) {
+      newEntries.forEach((entry) => this._simulateUpload(entry));
+    }
+  }
+  /* ── Simulación de upload ── */
+  _simulateUpload(entry) {
+    const steps = 20;
+    const interval = this.simulateMs / steps;
+    const step = 100 / steps;
+    const willFail = Math.random() < 0.2;
+    const failAt = willFail ? Math.floor(Math.random() * 8 + 3) * step : Infinity;
+    entry.status = "uploading";
+    this.requestUpdate();
+    this.dispatchEvent(
+      new CustomEvent("ui-lib-upload-start", {
+        detail: { id: entry.id, file: entry.file },
+        bubbles: true,
+        composed: true
+      })
+    );
+    const tick = setInterval(() => {
+      const idx = this._entries.findIndex((e) => e.id === entry.id);
+      if (idx === -1) {
+        clearInterval(tick);
+        return;
+      }
+      const current = this._entries[idx];
+      if (!current) {
+        clearInterval(tick);
+        return;
+      }
+      const next = Math.min(current.progress + step, 100);
+      if (next >= failAt) {
+        clearInterval(tick);
+        this._entries = this._entries.map(
+          (e) => e.id === entry.id ? { ...e, progress: next, status: "error", errorMessage: "Error de conexión" } : e
+        );
+        this.requestUpdate();
+        this.dispatchEvent(
+          new CustomEvent("ui-lib-upload-error", {
+            detail: { id: entry.id, file: entry.file, message: "Error de conexión" },
+            bubbles: true,
+            composed: true
+          })
+        );
+        return;
+      }
+      if (next >= 100) {
+        clearInterval(tick);
+        this._entries = this._entries.map(
+          (e) => e.id === entry.id ? { ...e, progress: 100, status: "done" } : e
+        );
+        this.requestUpdate();
+        this.dispatchEvent(
+          new CustomEvent("ui-lib-upload-done", {
+            detail: { id: entry.id, file: entry.file },
+            bubbles: true,
+            composed: true
+          })
+        );
+        return;
+      }
+      this._entries = this._entries.map(
+        (e) => e.id === entry.id ? { ...e, progress: next } : e
+      );
+      this.requestUpdate();
+    }, interval);
+  }
+  /* ── Eliminar archivo ── */
+  _onRemove(id) {
+    const entry = this._entries.find((e) => e.id === id);
+    if (!entry) return;
+    if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);
+    this._entries = this._entries.filter((e) => e.id !== id);
+    this.dispatchEvent(
+      new CustomEvent("ui-lib-file-remove", {
+        detail: { id, file: entry.file },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  /* ── Upload all (delega a host si simulate=false) ── */
+  _onUploadAll() {
+    if (this.simulate) {
+      const idleEntries = this._entries.filter((e) => e.status === "idle" || e.status === "error");
+      idleEntries.forEach((e) => this._simulateUpload(e));
+    }
+  }
+  /* ── Limpiar lista ── */
+  _onClearAll() {
+    this._entries.forEach((e) => {
+      if (e.previewUrl) URL.revokeObjectURL(e.previewUrl);
+    });
+    this._entries = [];
+  }
+  /* ── Reset imagen ── */
+  _onResetImage() {
+    if (this._imagePreviewUrl) URL.revokeObjectURL(this._imagePreviewUrl);
+    this._imagePreviewUrl = null;
+    this._entries = [];
+  }
+  /* ── API pública ── */
+  /** Marca un archivo como completado desde el exterior */
+  markDone(id) {
+    this._entries = this._entries.map(
+      (e) => e.id === id ? { ...e, progress: 100, status: "done" } : e
+    );
+  }
+  /** Marca un archivo como error desde el exterior */
+  markError(id, message = "Error al subir") {
+    this._entries = this._entries.map(
+      (e) => e.id === id ? { ...e, status: "error", errorMessage: message } : e
+    );
+  }
+  /** Actualiza el progreso de un archivo desde el exterior */
+  setProgress(id, progress) {
+    this._entries = this._entries.map(
+      (e) => e.id === id ? { ...e, progress: Math.min(100, Math.max(0, progress)), status: "uploading" } : e
+    );
+  }
+  /** Archivos actuales en la lista */
+  get files() {
+    return [...this._entries];
+  }
+  /* ── Helpers ── */
+  _emitFilesChange(files) {
+    this.dispatchEvent(
+      new CustomEvent("ui-lib-files-change", {
+        detail: { files },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  /* ── Lifecycle ── */
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._entries.forEach((e) => {
+      if (e.previewUrl) URL.revokeObjectURL(e.previewUrl);
+    });
+    if (this._imagePreviewUrl) URL.revokeObjectURL(this._imagePreviewUrl);
+  }
+  /* ── Render ── */
+  render() {
+    return fileUploaderTemplate({
+      zone: this.zone,
+      title: this.title,
+      subtitle: this.subtitle,
+      hint: this.hint,
+      multiple: this.multiple,
+      accept: this.accept,
+      disabled: this.disabled,
+      isDragover: this._isDragover,
+      entries: this._entries,
+      imagePreviewUrl: this._imagePreviewUrl,
+      onDragover: (e) => this._onDragover(e),
+      onDragleave: () => this._onDragleave(),
+      onDrop: (e) => this._onDrop(e),
+      onInputChange: (e) => this._onInputChange(e),
+      onRemove: (id) => this._onRemove(id),
+      onUploadAll: () => this._onUploadAll(),
+      onClearAll: () => this._onClearAll(),
+      onResetImage: () => this._onResetImage()
+    });
+  }
+};
+LibFileUploader.styles = [
+  css`${unsafeCSS(sharedTokens)}`,
+  css`${unsafeCSS(uploaderCss)}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibFileUploader.prototype, "zone", 2);
+__decorateClass([
+  property({ type: String })
+], LibFileUploader.prototype, "title", 2);
+__decorateClass([
+  property({ type: String })
+], LibFileUploader.prototype, "subtitle", 2);
+__decorateClass([
+  property({ type: String })
+], LibFileUploader.prototype, "hint", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibFileUploader.prototype, "multiple", 2);
+__decorateClass([
+  property({ type: String })
+], LibFileUploader.prototype, "accept", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibFileUploader.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], LibFileUploader.prototype, "simulate", 2);
+__decorateClass([
+  property({ type: Number, attribute: "simulate-ms" })
+], LibFileUploader.prototype, "simulateMs", 2);
+__decorateClass([
+  state()
+], LibFileUploader.prototype, "_isDragover", 2);
+__decorateClass([
+  state()
+], LibFileUploader.prototype, "_entries", 2);
+__decorateClass([
+  state()
+], LibFileUploader.prototype, "_imagePreviewUrl", 2);
+LibFileUploader = __decorateClass([
+  customElement("lib-file-uploader")
+], LibFileUploader);
+export {
+  LibFileUploader
+};
+//# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index54.js","sources":["../src/components/molecules/file-uploader/lib-file-uploader.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { generateUniqueId } from '../../../core/a11y';\nimport uploaderCss from './lib-file-uploader.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport { fileUploaderTemplate } from './lib-file-uploader.html';\nimport type {\n  UploaderZone,\n  FileEntry,\n  FilesChangeDetail,\n  UploadStartDetail,\n  UploadDoneDetail,\n  UploadErrorDetail,\n  FileRemoveDetail,\n} from './lib-file-uploader.types';\n\n/**\n * @element lib-file-uploader\n *\n * Tres variantes de zona de drop:\n * - `zone=\"default\"` — zona grande con icono, título y lista de archivos\n * - `zone=\"compact\"` — zona horizontal para formularios, con lista adjunta\n * - `zone=\"image\"`   — zona con aspect-ratio 16/7 y preview inline de imagen\n *\n * La lista de archivos muestra progreso por ítem, thumbnail para imágenes\n * y estados idle · uploading · done · error.\n *\n * El upload real se delega al exterior vía eventos. Si `simulate` es true,\n * el componente simula el upload internamente (útil en Storybook).\n *\n * @prop {UploaderZone} zone         — Variante de zona (default: 'default')\n * @prop {string}       title        — Título de la zona\n * @prop {string}       subtitle     — Subtítulo (solo zone='default')\n * @prop {string}       hint         — Texto de restricciones (formatos, tamaño)\n * @prop {boolean}      multiple     — Permite múltiples archivos\n * @prop {string}       accept       — Tipos aceptados (e.g. '.pdf,image/*')\n * @prop {boolean}      disabled     — Deshabilita la zona\n * @prop {boolean}      simulate     — Simula upload internamente (Storybook)\n * @prop {number}       simulateMs   — Duración simulada en ms (default: 2000)\n *\n * @fires ui-lib-files-change  — Al seleccionar/soltar archivos\n *   Detail: { files: File[] }\n * @fires ui-lib-upload-start  — Inicio de upload de un archivo\n *   Detail: { id: string, file: File }\n * @fires ui-lib-upload-done   — Upload completado\n *   Detail: { id: string, file: File }\n * @fires ui-lib-upload-error  — Upload fallido\n *   Detail: { id: string, file: File, message: string }\n * @fires ui-lib-file-remove   — Archivo eliminado de la lista\n *   Detail: { id: string, file: File }\n */\n@customElement('lib-file-uploader')\nexport class LibFileUploader extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(uploaderCss)}`,\n  ];\n\n  /* ── Props ── */\n\n  @property({ type: String, reflect: true })\n  zone: UploaderZone = 'default';\n\n  @property({ type: String })\n  override title = 'Arrastra archivos aquí';\n\n  @property({ type: String })\n  subtitle = 'o busca en tu equipo';\n\n  @property({ type: String })\n  hint = 'PDF, DOCX, PNG, JPG · máx. 20 MB por archivo';\n\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  @property({ type: String })\n  accept = '*';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /** Simula el upload internamente (ideal para Storybook) */\n  @property({ type: Boolean, reflect: true })\n  simulate = false;\n\n  /** Duración de la simulación por archivo en ms */\n  @property({ type: Number, attribute: 'simulate-ms' })\n  simulateMs = 2000;\n\n  /* ── State ── */\n\n  @state() private _isDragover = false;\n  @state() private _entries: FileEntry[] = [];\n  @state() private _imagePreviewUrl: string | null = null;\n\n  /* ── Drag & Drop ── */\n\n  private _onDragover(e: DragEvent): void {\n    e.preventDefault();\n    this._isDragover = true;\n  }\n\n  private _onDragleave(): void {\n    this._isDragover = false;\n  }\n\n  private _onDrop(e: DragEvent): void {\n    e.preventDefault();\n    this._isDragover = false;\n    const files = Array.from(e.dataTransfer?.files ?? []);\n    if (files.length) this._processFiles(files);\n  }\n\n  /* ── Input change ── */\n\n  private _onInputChange(e: Event): void {\n    const input = e.target as HTMLInputElement;\n    const files = Array.from(input.files ?? []);\n    if (files.length) this._processFiles(files);\n    /* Limpiar el input para permitir seleccionar el mismo archivo otra vez */\n    input.value = '';\n  }\n\n  /* ── Procesar archivos ── */\n\n  private _processFiles(files: File[]): void {\n    /* zone=image — solo un archivo, genera preview */\n    if (this.zone === 'image') {\n      const file = files[0];\n      if (!file) return;\n\n      /* Revocar URL anterior si existe */\n      if (this._imagePreviewUrl) URL.revokeObjectURL(this._imagePreviewUrl);\n\n      const entry: FileEntry = {\n        id:         generateUniqueId('fu-'),\n        file,\n        progress:   0,\n        status:     'idle',\n        previewUrl: URL.createObjectURL(file),\n      };\n\n      this._imagePreviewUrl = entry.previewUrl ?? null;\n      this._entries = [entry];\n      this._emitFilesChange([file]);\n\n      if (this.simulate) this._simulateUpload(entry);\n      return;\n    }\n\n    /* zone=default | compact — múltiples archivos */\n    const newEntries: FileEntry[] = files.map((file): FileEntry => {\n      const isImg = file.type.startsWith('image/');\n      return {\n        id:         generateUniqueId('fu-'),\n        file,\n        progress:   0,\n        status:     'idle',\n        ...(isImg ? { previewUrl: URL.createObjectURL(file) } : {}),\n      };\n    });\n\n    this._entries = this.multiple\n      ? [...this._entries, ...newEntries]\n      : newEntries;\n\n    this._emitFilesChange(files);\n\n    if (this.simulate) {\n      newEntries.forEach(entry => this._simulateUpload(entry));\n    }\n  }\n\n  /* ── Simulación de upload ── */\n\n  private _simulateUpload(entry: FileEntry): void {\n    const steps    = 20;\n    const interval = this.simulateMs / steps;\n    const step     = 100 / steps;\n\n    /* Lanzar error aleatorio en ~20% de los archivos */\n    const willFail = Math.random() < 0.2;\n    const failAt   = willFail ? Math.floor(Math.random() * 8 + 3) * step : Infinity;\n\n    entry.status = 'uploading';\n    this.requestUpdate();\n\n    this.dispatchEvent(\n      new CustomEvent<UploadStartDetail>('ui-lib-upload-start', {\n        detail: { id: entry.id, file: entry.file },\n        bubbles: true, composed: true,\n      })\n    );\n\n    const tick = setInterval((): void => {\n      const idx = this._entries.findIndex(e => e.id === entry.id);\n      if (idx === -1) { clearInterval(tick); return; }\n\n      const current = this._entries[idx];\n      if (!current) { clearInterval(tick); return; }\n\n      const next = Math.min(current.progress + step, 100);\n\n      if (next >= failAt) {\n        clearInterval(tick);\n        this._entries = this._entries.map(e =>\n          e.id === entry.id\n            ? { ...e, progress: next, status: 'error', errorMessage: 'Error de conexión' }\n            : e\n        );\n        this.requestUpdate();\n        this.dispatchEvent(\n          new CustomEvent<UploadErrorDetail>('ui-lib-upload-error', {\n            detail: { id: entry.id, file: entry.file, message: 'Error de conexión' },\n            bubbles: true, composed: true,\n          })\n        );\n        return;\n      }\n\n      if (next >= 100) {\n        clearInterval(tick);\n        this._entries = this._entries.map(e =>\n          e.id === entry.id ? { ...e, progress: 100, status: 'done' } : e\n        );\n        this.requestUpdate();\n        this.dispatchEvent(\n          new CustomEvent<UploadDoneDetail>('ui-lib-upload-done', {\n            detail: { id: entry.id, file: entry.file },\n            bubbles: true, composed: true,\n          })\n        );\n        return;\n      }\n\n      this._entries = this._entries.map(e =>\n        e.id === entry.id ? { ...e, progress: next } : e\n      );\n      this.requestUpdate();\n    }, interval);\n  }\n\n  /* ── Eliminar archivo ── */\n\n  private _onRemove(id: string): void {\n    const entry = this._entries.find(e => e.id === id);\n    if (!entry) return;\n\n    /* Revocar object URL si existe */\n    if (entry.previewUrl) URL.revokeObjectURL(entry.previewUrl);\n\n    this._entries = this._entries.filter(e => e.id !== id);\n\n    this.dispatchEvent(\n      new CustomEvent<FileRemoveDetail>('ui-lib-file-remove', {\n        detail: { id, file: entry.file },\n        bubbles: true, composed: true,\n      })\n    );\n  }\n\n  /* ── Upload all (delega a host si simulate=false) ── */\n\n  private _onUploadAll(): void {\n    if (this.simulate) {\n      const idleEntries = this._entries.filter(e => e.status === 'idle' || e.status === 'error');\n      idleEntries.forEach(e => this._simulateUpload(e));\n    }\n    /* Si simulate=false, el host escucha ui-lib-files-change y maneja el upload */\n  }\n\n  /* ── Limpiar lista ── */\n\n  private _onClearAll(): void {\n    this._entries.forEach(e => { if (e.previewUrl) URL.revokeObjectURL(e.previewUrl); });\n    this._entries = [];\n  }\n\n  /* ── Reset imagen ── */\n\n  private _onResetImage(): void {\n    if (this._imagePreviewUrl) URL.revokeObjectURL(this._imagePreviewUrl);\n    this._imagePreviewUrl = null;\n    this._entries = [];\n  }\n\n  /* ── API pública ── */\n\n  /** Marca un archivo como completado desde el exterior */\n  public markDone(id: string): void {\n    this._entries = this._entries.map(e =>\n      e.id === id ? { ...e, progress: 100, status: 'done' } : e\n    );\n  }\n\n  /** Marca un archivo como error desde el exterior */\n  public markError(id: string, message = 'Error al subir'): void {\n    this._entries = this._entries.map(e =>\n      e.id === id ? { ...e, status: 'error', errorMessage: message } : e\n    );\n  }\n\n  /** Actualiza el progreso de un archivo desde el exterior */\n  public setProgress(id: string, progress: number): void {\n    this._entries = this._entries.map(e =>\n      e.id === id ? { ...e, progress: Math.min(100, Math.max(0, progress)), status: 'uploading' } : e\n    );\n  }\n\n  /** Archivos actuales en la lista */\n  public get files(): FileEntry[] {\n    return [...this._entries];\n  }\n\n  /* ── Helpers ── */\n\n  private _emitFilesChange(files: File[]): void {\n    this.dispatchEvent(\n      new CustomEvent<FilesChangeDetail>('ui-lib-files-change', {\n        detail: { files },\n        bubbles: true, composed: true,\n      })\n    );\n  }\n\n  /* ── Lifecycle ── */\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    /* Revocar todas las object URLs al desmontar */\n    this._entries.forEach(e => { if (e.previewUrl) URL.revokeObjectURL(e.previewUrl); });\n    if (this._imagePreviewUrl) URL.revokeObjectURL(this._imagePreviewUrl);\n  }\n\n  /* ── Render ── */\n\n  protected override render(): TemplateResult {\n    return fileUploaderTemplate({\n      zone:            this.zone,\n      title:           this.title,\n      subtitle:        this.subtitle,\n      hint:            this.hint,\n      multiple:        this.multiple,\n      accept:          this.accept,\n      disabled:        this.disabled,\n      isDragover:      this._isDragover,\n      entries:         this._entries,\n      imagePreviewUrl: this._imagePreviewUrl,\n      onDragover:      (e): void => this._onDragover(e),\n      onDragleave:     ():  void => this._onDragleave(),\n      onDrop:          (e): void => this._onDrop(e),\n      onInputChange:   (e): void => this._onInputChange(e),\n      onRemove:        (id): void => this._onRemove(id),\n      onUploadAll:     ():  void => this._onUploadAll(),\n      onClearAll:      ():  void => this._onClearAll(),\n      onResetImage:    ():  void => this._onResetImage(),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-file-uploader': LibFileUploader;\n  }\n}"],"names":[],"mappings":"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"}