@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index54.js

@@ -1,9 +1,8 @@
 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 { property, customElement } from "lit/decorators.js";
+import { dropdownTemplate } from "./index206.js";
+import dropdownCss from "./index207.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) => {
@@ -14,286 +13,127 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibFileUploader = class extends LitElement {
+let LibDropdown = 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;
+    this.label = "Opciones";
+    this.variant = "default";
+    this.align = "left";
+    this.open = false;
+    this.dark = false;
+    this.minWidth = "";
+    this.ariaLabel = "";
+    this._onOutsideClick = (e) => {
+      if (this.open && !e.composedPath().includes(this)) {
+        this.open = false;
       }
-      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;
+    };
+    this._onWindowKey = (e) => {
+      var _a;
+      if (this.open && e.key === "Escape") {
+        this.open = false;
+        const trigger = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".dd-trigger");
+        trigger == null ? void 0 : trigger.focus();
       }
-      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
-      })
-    );
+  /* ── Lifecycle ── */
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("click", this._onOutsideClick);
+    window.addEventListener("keydown", this._onWindowKey);
   }
-  /* ── 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));
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    window.removeEventListener("click", this._onOutsideClick);
+    window.removeEventListener("keydown", this._onWindowKey);
+  }
+  /* ── Toggle ── */
+  _toggle() {
+    this.open = !this.open;
+    this.dispatchEvent(new CustomEvent("ui-lib-dropdown-toggle", {
+      detail: { open: this.open },
+      bubbles: true,
+      composed: true
+    }));
+    if (this.open) {
+      requestAnimationFrame(() => {
+        const first = this._getItems()[0];
+        first == null ? void 0 : first.focus();
+      });
     }
   }
-  /* ── 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
-    );
+  /* ── Trigger keydown (Arrow Down abre el menú) ── */
+  _handleTriggerKey(e) {
+    if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      if (!this.open) this._toggle();
+    }
   }
-  /** Archivos actuales en la lista */
-  get files() {
-    return [...this._entries];
+  /* ── Menu keydown (Arrow Up/Down navega entre items) ── */
+  _handleMenuKey(e) {
+    const items = this._getItems();
+    if (!items.length) return;
+    const current = document.activeElement;
+    const idx = items.indexOf(current);
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const next = items[(idx + 1) % items.length];
+      next == null ? void 0 : next.focus();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const prev = items[(idx - 1 + items.length) % items.length];
+      prev == null ? void 0 : prev.focus();
+    } else if (e.key === "Tab") {
+      this.open = false;
+    }
   }
-  /* ── Helpers ── */
-  _emitFilesChange(files) {
-    this.dispatchEvent(
-      new CustomEvent("ui-lib-files-change", {
-        detail: { files },
-        bubbles: true,
-        composed: true
-      })
+  /* ── Obtiene los items focusables del slot default ── */
+  _getItems() {
+    var _a;
+    const slot = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("slot:not([name])");
+    if (!slot) return [];
+    return slot.assignedElements({ flatten: true }).filter(
+      (el) => el.classList.contains("dd-item") && !el.classList.contains("is-disabled")
     );
   }
-  /* ── Lifecycle ── */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this._entries.forEach((e) => {
-      if (e.previewUrl) URL.revokeObjectURL(e.previewUrl);
-    });
-    if (this._imagePreviewUrl) URL.revokeObjectURL(this._imagePreviewUrl);
+  /* ── Detecta si un slot con nombre tiene contenido ── */
+  _hasSlot(name) {
+    return !!this.querySelector(`[slot="${name}"]`);
   }
-  /* ── 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()
-    });
+    return dropdownTemplate(this);
   }
 };
-LibFileUploader.styles = [
+LibDropdown.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(uploaderCss)}`
+  css`${unsafeCSS(dropdownCss)}`
 ];
-__decorateClass([
-  property({ type: String, reflect: true })
-], LibFileUploader.prototype, "zone", 2);
 __decorateClass([
   property({ type: String })
-], LibFileUploader.prototype, "title", 2);
+], LibDropdown.prototype, "label", 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);
+  property({ type: String, reflect: true })
+], LibDropdown.prototype, "variant", 2);
 __decorateClass([
-  property({ type: String })
-], LibFileUploader.prototype, "accept", 2);
+  property({ type: String, reflect: true })
+], LibDropdown.prototype, "align", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibFileUploader.prototype, "disabled", 2);
+], LibDropdown.prototype, "open", 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);
+], LibDropdown.prototype, "dark", 2);
 __decorateClass([
-  state()
-], LibFileUploader.prototype, "_entries", 2);
+  property({ type: String, attribute: "min-width" })
+], LibDropdown.prototype, "minWidth", 2);
 __decorateClass([
-  state()
-], LibFileUploader.prototype, "_imagePreviewUrl", 2);
-LibFileUploader = __decorateClass([
-  customElement("lib-file-uploader")
-], LibFileUploader);
+  property({ type: String, attribute: "aria-label" })
+], LibDropdown.prototype, "ariaLabel", 2);
+LibDropdown = __decorateClass([
+  customElement("lib-dropdown")
+], LibDropdown);
 export {
-  LibFileUploader
+  LibDropdown
 };
 //# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -1 +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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"}
+{"version":3,"file":"index54.js","sources":["../src/components/molecules/dropdown/lib-dropdown.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { dropdownTemplate } from './lib-dropdown.html';\nimport dropdownCss from './lib-dropdown.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { DropdownTriggerVariant, DropdownAlign } from './lib-dropdown.types';\n\n/**\n * lib-dropdown — Menú contextual flotante Shibui (SG-25)\n *\n * @prop label          — Texto del trigger (si no hay slot \"trigger\")\n * @prop variant        — 'default' | 'ghost' | 'filled' | 'kaki'\n * @prop align          — 'left' (default) | 'right'\n * @prop open           — Estado abierto (refleja en atributo)\n * @prop dark           — Menú con tema oscuro\n * @prop min-width      — Ancho mínimo del panel (e.g. '240px')\n * @prop aria-label     — aria-label del trigger (fallback: label)\n *\n * @fires ui-lib-dropdown-toggle — { detail: { open: boolean } }\n * @fires ui-lib-dropdown-item   — { detail: { target: HTMLElement } }  al activar un item\n *\n * @slot trigger  — Contenido personalizado del botón (reemplaza `label`)\n * @slot header   — Cabecera del panel (búsqueda, título)\n * @slot          — Items del menú (.dd-item, .dd-sep, .dd-group-label)\n * @slot footer   — Pie del panel (acciones de confirmación)\n *\n * ─── Clases de item (light DOM, sin shadow) ─────────────────\n * .dd-item           — fila de acción (button o a)\n * .dd-item.is-active — seleccionado\n * .dd-item.is-danger — acción destructiva\n * .dd-item.is-disabled — no interactivo\n * .dd-sep            — separador horizontal (div o hr)\n * .dd-group-label    — etiqueta de sección (div o span)\n *\n * ─── Clases internas de item (requieren CSS global) ─────────\n * .dd-item-icon      — icono a la izquierda\n * .dd-item-body      — wrapper para label + desc de dos líneas\n * .dd-item-label     — primera línea del body\n * .dd-item-desc      — segunda línea (mono, muted)\n * .dd-item-hint      — shortcut a la derecha (margin-left:auto)\n * .dd-item-check     — check de selección (opacity:0 por defecto)\n */\n@customElement('lib-dropdown')\nexport class LibDropdown extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(dropdownCss)}`,\n  ];\n\n  @property({ type: String })\n  label = 'Opciones';\n\n  @property({ type: String, reflect: true })\n  variant: DropdownTriggerVariant = 'default';\n\n  @property({ type: String, reflect: true })\n  align: DropdownAlign = 'left';\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean, reflect: true })\n  dark = false;\n\n  @property({ type: String, attribute: 'min-width' })\n  minWidth = '';\n\n  @property({ type: String, attribute: 'aria-label' })\n  override ariaLabel = '';\n\n  /* ── Lifecycle ── */\n  override connectedCallback(): void {\n    super.connectedCallback();\n    window.addEventListener('click', this._onOutsideClick);\n    window.addEventListener('keydown', this._onWindowKey);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('click', this._onOutsideClick);\n    window.removeEventListener('keydown', this._onWindowKey);\n  }\n\n  /* ── Toggle ── */\n  _toggle(): void {\n    this.open = !this.open;\n    this.dispatchEvent(new CustomEvent('ui-lib-dropdown-toggle', {\n      detail: { open: this.open },\n      bubbles: true,\n      composed: true,\n    }));\n    if (this.open) {\n      // Foco al primer item al abrir con teclado\n      requestAnimationFrame((): void => {\n        const first = this._getItems()[0];\n        first?.focus();\n      });\n    }\n  }\n\n  /* ── Outside click ── */\n  private _onOutsideClick = (e: Event): void => {\n    if (this.open && !e.composedPath().includes(this)) {\n      this.open = false;\n    }\n  };\n\n  /* ── Global Escape ── */\n  private _onWindowKey = (e: KeyboardEvent): void => {\n    if (this.open && e.key === 'Escape') {\n      this.open = false;\n      // Devolver foco al trigger\n      const trigger = this.shadowRoot?.querySelector<HTMLButtonElement>('.dd-trigger');\n      trigger?.focus();\n    }\n  };\n\n  /* ── Trigger keydown (Arrow Down abre el menú) ── */\n  _handleTriggerKey(e: KeyboardEvent): void {\n    if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      if (!this.open) this._toggle();\n    }\n  }\n\n  /* ── Menu keydown (Arrow Up/Down navega entre items) ── */\n  _handleMenuKey(e: KeyboardEvent): void {\n    const items = this._getItems();\n    if (!items.length) return;\n\n    const current = document.activeElement as HTMLElement;\n    const idx = items.indexOf(current);\n\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      const next = items[(idx + 1) % items.length];\n      next?.focus();\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      const prev = items[(idx - 1 + items.length) % items.length];\n      prev?.focus();\n    } else if (e.key === 'Tab') {\n      this.open = false;\n    }\n  }\n\n  /* ── Obtiene los items focusables del slot default ── */\n  private _getItems(): HTMLElement[] {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n    if (!slot) return [];\n    return slot.assignedElements({ flatten: true })\n      .filter(el =>\n        el.classList.contains('dd-item') &&\n        !el.classList.contains('is-disabled')\n      ) as HTMLElement[];\n  }\n\n  /* ── Detecta si un slot con nombre tiene contenido ── */\n  _hasSlot(name: string): boolean {\n    return !!this.querySelector(`[slot=\"${name}\"]`);\n  }\n\n  protected override render(): TemplateResult {\n    return dropdownTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-dropdown': LibDropdown;\n  }\n}"],"names":[],"mappings":"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"}

package/dist/index55.js

@@ -1,8 +1,8 @@
 import { unsafeCSS, css, LitElement } from "lit";
-import { property, state, queryAll, customElement } from "lit/decorators.js";
-import segmentedCss from "./index295.js";
+import { property, customElement } from "lit/decorators.js";
+import { emptyStateTemplate } from "./index208.js";
+import emptyStateCss from "./index209.js";
 import sharedTokens from "./index196.js";
-import { segmentedTemplate } from "./index296.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -13,155 +13,63 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibSegmentedControl = class extends LitElement {
+let LibEmptyState = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.options = [];
-    this.value = "";
-    this.variant = "outline";
+    this.heading = "";
+    this.description = "";
+    this.kanji = "";
+    this.tone = "neutral";
+    this.layout = "default";
     this.size = "md";
-    this.full = false;
-    this.iconOnly = false;
-    this.disabled = false;
-    this.glitch = false;
-    this._thumbStyle = "";
+    this.bordered = false;
+    this.ghost = false;
   }
-  /* ── Ciclo de vida ── */
-  firstUpdated() {
-    this._updateThumb();
-  }
-  updated(changed) {
-    if (changed.has("value") || changed.has("variant") || changed.has("options")) {
-      Promise.resolve().then(() => this._updateThumb());
-    }
-  }
-  /* ── Thumb engine ── */
-  _updateThumb() {
-    const idx = this.options.findIndex((o) => o.value === this.value);
-    if (idx === -1) return;
-    const el = this._optionEls[idx];
-    if (!el) return;
-    const isUnderline = this.variant === "underline" || this.variant === "dark-underline";
-    const w = el.offsetWidth;
-    const x = isUnderline ? el.offsetLeft : el.offsetLeft - this._getTrackPadding();
-    this._thumbStyle = `width:${w}px;transform:translateX(${x}px)`;
-  }
-  _getTrackPadding() {
-    const track = this.renderRoot.querySelector(".seg");
-    if (!track) return 3;
-    return parseInt(getComputedStyle(track).paddingLeft, 10) || 3;
-  }
-  /* ── Selección ── */
-  _handleSelect(option, evt) {
-    if (this.disabled || option.disabled) return;
-    const previousValue = this.value;
-    if (option.value === previousValue) return;
-    this.value = option.value;
-    if (this.glitch) {
-      const idx = this.options.findIndex((o) => o.value === this.value);
-      const node = this._optionEls[idx];
-      if (node) {
-        node.classList.add("glitch-on");
-        setTimeout(() => node.classList.remove("glitch-on"), 340);
-      }
-    }
-    this._triggerRipple(evt);
-    this.dispatchEvent(
-      new CustomEvent("ui-lib-change", {
-        detail: { value: this.value, previousValue },
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-  _triggerRipple(evt) {
-    const target = evt.currentTarget;
-    if (!target) return;
-    let wrap = target.querySelector(".seg-ripple");
-    if (!wrap) {
-      wrap = document.createElement("div");
-      wrap.className = "seg-ripple";
-      target.appendChild(wrap);
-    }
-    const dot = document.createElement("div");
-    dot.className = "seg-ripple-dot";
-    dot.style.left = "50%";
-    dot.style.top = "50%";
-    dot.style.marginLeft = "-2px";
-    dot.style.marginTop = "-2px";
-    wrap.appendChild(dot);
-    setTimeout(() => dot.remove(), 400);
-  }
-  /* ── API pública ── */
-  /** Selecciona un valor programáticamente */
-  select(value) {
-    const opt = this.options.find((o) => o.value === value);
-    if (opt && !opt.disabled) {
-      const prev = this.value;
-      this.value = value;
-      this.dispatchEvent(
-        new CustomEvent("ui-lib-change", {
-          detail: { value, previousValue: prev },
-          bubbles: true,
-          composed: true
-        })
-      );
-    }
-  }
-  /* ── Render ── */
   render() {
-    return segmentedTemplate({
-      options: this.options,
-      value: this.value,
-      variant: this.variant,
+    return emptyStateTemplate({
+      heading: this.heading,
+      description: this.description,
+      kanji: this.kanji,
+      tone: this.tone,
+      layout: this.layout,
       size: this.size,
-      full: this.full,
-      iconOnly: this.iconOnly,
-      disabled: this.disabled,
-      glitch: this.glitch,
-      thumbStyle: this._thumbStyle,
-      onSelect: (opt, evt) => this._handleSelect(opt, evt)
+      bordered: this.bordered,
+      ghost: this.ghost
     });
   }
 };
-LibSegmentedControl.styles = [
+LibEmptyState.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(segmentedCss)}`
+  css`${unsafeCSS(emptyStateCss)}`
 ];
 __decorateClass([
-  property({ type: Array })
-], LibSegmentedControl.prototype, "options", 2);
+  property({ type: String })
+], LibEmptyState.prototype, "heading", 2);
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibSegmentedControl.prototype, "value", 2);
+  property({ type: String })
+], LibEmptyState.prototype, "description", 2);
 __decorateClass([
-  property({ type: String, reflect: true })
-], LibSegmentedControl.prototype, "variant", 2);
+  property({ type: String })
+], LibEmptyState.prototype, "kanji", 2);
 __decorateClass([
   property({ type: String, reflect: true })
-], LibSegmentedControl.prototype, "size", 2);
+], LibEmptyState.prototype, "tone", 2);
 __decorateClass([
-  property({ type: Boolean, reflect: true })
-], LibSegmentedControl.prototype, "full", 2);
+  property({ type: String, reflect: true })
+], LibEmptyState.prototype, "layout", 2);
 __decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "icon-only" })
-], LibSegmentedControl.prototype, "iconOnly", 2);
+  property({ type: String, reflect: true })
+], LibEmptyState.prototype, "size", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibSegmentedControl.prototype, "disabled", 2);
+], LibEmptyState.prototype, "bordered", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibSegmentedControl.prototype, "glitch", 2);
-__decorateClass([
-  state()
-], LibSegmentedControl.prototype, "_thumbStyle", 2);
-__decorateClass([
-  queryAll(".seg-option")
-], LibSegmentedControl.prototype, "_optionEls", 2);
-LibSegmentedControl = __decorateClass([
-  customElement("lib-segmented-control")
-], LibSegmentedControl);
+], LibEmptyState.prototype, "ghost", 2);
+LibEmptyState = __decorateClass([
+  customElement("lib-empty-state")
+], LibEmptyState);
 export {
-  LibSegmentedControl
+  LibEmptyState
 };
 //# sourceMappingURL=index55.js.map