@shibui-ui/ui 1.24.1 → 1.25.1

package/dist/index55.js.map

@@ -1 +1 @@
-{"version":3,"file":"index55.js","sources":["../src/components/molecules/segmented-control/lib-segmented-control.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, state, queryAll } from 'lit/decorators.js';\nimport segmentedCss from './lib-segmented-control.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport { segmentedTemplate } from './lib-segmented-control.html';\nimport type {\n  SegmentedOption,\n  SegmentedVariant,\n  SegmentedSize,\n  SegmentedChangeDetail,\n} from './lib-segmented-control.types';\n\n/**\n * @element lib-segmented-control\n *\n * Control de selección exclusiva entre N opciones.\n * El thumb se desplaza con `transform: translateX` calculado sobre\n * el `offsetLeft` / `offsetWidth` del option activo.\n *\n * @prop {SegmentedOption[]} options  — Array de opciones\n * @prop {string}            value    — Valor activo (reflected)\n * @prop {SegmentedVariant}  variant  — Superficie visual (reflected)\n * @prop {SegmentedSize}     size     — Tamaño (reflected)\n * @prop {boolean}           full     — Ocupa el 100% del ancho (reflected)\n * @prop {boolean}           icon-only — Solo iconos, sin texto (reflected)\n * @prop {boolean}           disabled — Deshabilitado (reflected)\n * @prop {boolean}           glitch   — Efecto de corrupción al cambiar (reflected)\n *\n * @fires ui-lib-change — Al cambiar la selección\n *   Detail: { value: string, previousValue: string }\n *\n * @slot — No usa slots; las opciones se pasan vía `.options`\n */\n@customElement('lib-segmented-control')\nexport class LibSegmentedControl extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(segmentedCss)}`,\n  ];\n\n  /* ── Props públicas ── */\n\n  @property({ type: Array })\n  options: SegmentedOption[] = [];\n\n  @property({ type: String, reflect: true })\n  value = '';\n\n  @property({ type: String, reflect: true })\n  variant: SegmentedVariant = 'outline';\n\n  @property({ type: String, reflect: true })\n  size: SegmentedSize = 'md';\n\n  @property({ type: Boolean, reflect: true })\n  full = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'icon-only' })\n  iconOnly = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  glitch = false;\n\n  /* ── Estado interno ── */\n\n  @state() private _thumbStyle = '';\n\n  /** Referencia a los nodos .seg-option en el Shadow DOM */\n  @queryAll('.seg-option')\n  private declare _optionEls: NodeListOf<HTMLElement>;\n\n  /* ── Ciclo de vida ── */\n\n  protected override firstUpdated(): void {\n    this._updateThumb();\n  }\n\n  protected override updated(changed: Map<PropertyKey, unknown>): void {\n    if (changed.has('value') || changed.has('variant') || changed.has('options')) {\n      // next microtask — el DOM ya refleja el nuevo estado\n      Promise.resolve().then((): void => this._updateThumb());\n    }\n  }\n\n  /* ── Thumb engine ── */\n\n  private _updateThumb(): void {\n    const idx = this.options.findIndex(o => o.value === this.value);\n    if (idx === -1) return;\n\n    // Acceso seguro con ! — el índice está dentro de los límites de options\n    const el = this._optionEls[idx];\n    if (!el) return;\n\n    const isUnderline =\n      this.variant === 'underline' || this.variant === 'dark-underline';\n\n    const w = el.offsetWidth;\n    // Para underline el offset no necesita corrección de padding del track\n    const x = isUnderline\n      ? el.offsetLeft\n      : el.offsetLeft - this._getTrackPadding();\n\n    this._thumbStyle = `width:${w}px;transform:translateX(${x}px)`;\n  }\n\n  private _getTrackPadding(): number {\n    const track = this.renderRoot.querySelector<HTMLElement>('.seg');\n    if (!track) return 3;\n    return parseInt(getComputedStyle(track).paddingLeft, 10) || 3;\n  }\n\n  /* ── Selección ── */\n\n  private _handleSelect(option: SegmentedOption, evt: MouseEvent): void {\n    if (this.disabled || option.disabled) return;\n    const previousValue = this.value;\n    if (option.value === previousValue) return;\n\n    this.value = option.value;\n\n    // Glitch flash\n    if (this.glitch) {\n      const idx  = this.options.findIndex(o => o.value === this.value);\n      const node = this._optionEls[idx];\n      if (node) {\n        node.classList.add('glitch-on');\n        setTimeout((): void => node.classList.remove('glitch-on'), 340);\n      }\n    }\n\n    // Ripple\n    this._triggerRipple(evt);\n\n    this.dispatchEvent(\n      new CustomEvent<SegmentedChangeDetail>('ui-lib-change', {\n        detail: { value: this.value, previousValue },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private _triggerRipple(evt: MouseEvent): void {\n    const target = evt.currentTarget as HTMLElement | null;\n    if (!target) return;\n\n    let wrap = target.querySelector<HTMLElement>('.seg-ripple');\n    if (!wrap) {\n      wrap = document.createElement('div');\n      wrap.className = 'seg-ripple';\n      target.appendChild(wrap);\n    }\n\n    const dot = document.createElement('div');\n    dot.className = 'seg-ripple-dot';\n    dot.style.left      = '50%';\n    dot.style.top       = '50%';\n    dot.style.marginLeft = '-2px';\n    dot.style.marginTop  = '-2px';\n    wrap.appendChild(dot);\n    setTimeout((): void => dot.remove(), 400);\n  }\n\n  /* ── API pública ── */\n\n  /** Selecciona un valor programáticamente */\n  public select(value: string): void {\n    const opt = this.options.find(o => o.value === value);\n    if (opt && !opt.disabled) {\n      const prev = this.value;\n      this.value = value;\n      this.dispatchEvent(\n        new CustomEvent<SegmentedChangeDetail>('ui-lib-change', {\n          detail: { value, previousValue: prev },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  /* ── Render ── */\n\n  protected override render(): TemplateResult {\n    return segmentedTemplate({\n      options:    this.options,\n      value:      this.value,\n      variant:    this.variant,\n      size:       this.size,\n      full:       this.full,\n      iconOnly:   this.iconOnly,\n      disabled:   this.disabled,\n      glitch:     this.glitch,\n      thumbStyle: this._thumbStyle,\n      onSelect:   (opt, evt): void => this._handleSelect(opt, evt),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-segmented-control': LibSegmentedControl;\n  }\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"index55.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/index56.js

@@ -1,8 +1,9 @@
 import { unsafeCSS, css, LitElement } from "lit";
 import { property, state, customElement } from "lit/decorators.js";
+import { generateUniqueId } from "./index210.js";
+import uploaderCss from "./index211.js";
 import sharedTokens from "./index196.js";
-import inputStyles from "./index297.js";
-import { inputTemplate } from "./index298.js";
+import { fileUploaderTemplate } from "./index212.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -13,86 +14,286 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-let LibInput = class extends LitElement {
+let LibFileUploader = class extends LitElement {
   constructor() {
     super(...arguments);
-    this.label = "";
-    this.placeholder = "";
-    this.type = "text";
-    this.required = false;
+    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.error = false;
-    this.errorMessage = "";
-    this.value = "";
-    this._showPassword = false;
-    this._uuid = `lib-input-${Math.random().toString(36).slice(2, 9)}`;
+    this.simulate = false;
+    this.simulateMs = 2e3;
+    this._isDragover = false;
+    this._entries = [];
+    this._imagePreviewUrl = null;
   }
-  render() {
-    return inputTemplate({
-      uuid: this._uuid,
-      type: this.type,
-      label: this.label,
-      placeholder: this.placeholder,
-      required: this.required,
-      disabled: this.disabled,
-      error: this.error,
-      errorMessage: this.errorMessage,
-      value: this.value,
-      showPassword: this._showPassword,
-      handleInput: this._handleInput.bind(this),
-      handleTogglePassword: this._handleTogglePassword.bind(this)
+  /* ── 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 = [];
   }
-  _handleInput(e) {
-    const target = e.target;
-    this.value = target.value;
+  /* ── 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-input", {
-        detail: { value: this.value },
+      new CustomEvent("ui-lib-files-change", {
+        detail: { files },
         bubbles: true,
         composed: true
       })
     );
   }
-  _handleTogglePassword() {
-    this._showPassword = !this._showPassword;
+  /* ── 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()
+    });
   }
 };
-LibInput.styles = [
+LibFileUploader.styles = [
   css`${unsafeCSS(sharedTokens)}`,
-  css`${unsafeCSS(inputStyles)}`
+  css`${unsafeCSS(uploaderCss)}`
 ];
+__decorateClass([
+  property({ type: String, reflect: true })
+], LibFileUploader.prototype, "zone", 2);
 __decorateClass([
   property({ type: String })
-], LibInput.prototype, "label", 2);
+], LibFileUploader.prototype, "title", 2);
 __decorateClass([
   property({ type: String })
-], LibInput.prototype, "placeholder", 2);
+], LibFileUploader.prototype, "subtitle", 2);
 __decorateClass([
   property({ type: String })
-], LibInput.prototype, "type", 2);
+], LibFileUploader.prototype, "hint", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibInput.prototype, "required", 2);
+], LibFileUploader.prototype, "multiple", 2);
+__decorateClass([
+  property({ type: String })
+], LibFileUploader.prototype, "accept", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibInput.prototype, "disabled", 2);
+], LibFileUploader.prototype, "disabled", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], LibInput.prototype, "error", 2);
+], LibFileUploader.prototype, "simulate", 2);
 __decorateClass([
-  property({ type: String })
-], LibInput.prototype, "errorMessage", 2);
+  property({ type: Number, attribute: "simulate-ms" })
+], LibFileUploader.prototype, "simulateMs", 2);
 __decorateClass([
-  property({ type: String })
-], LibInput.prototype, "value", 2);
+  state()
+], LibFileUploader.prototype, "_isDragover", 2);
+__decorateClass([
+  state()
+], LibFileUploader.prototype, "_entries", 2);
 __decorateClass([
   state()
-], LibInput.prototype, "_showPassword", 2);
-LibInput = __decorateClass([
-  customElement("lib-input")
-], LibInput);
+], LibFileUploader.prototype, "_imagePreviewUrl", 2);
+LibFileUploader = __decorateClass([
+  customElement("lib-file-uploader")
+], LibFileUploader);
 export {
-  LibInput
+  LibFileUploader
 };
 //# sourceMappingURL=index56.js.map

package/dist/index56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index56.js","sources":["../src/components/molecules/input/lib-input.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport inputStyles from './lib-input.css?inline';\nimport { inputTemplate } from './lib-input.html';\n\nexport interface LibInputEventDetail {\n  value: string;\n}\n\n/**\n * @element lib-input\n * @fires ui-lib-input - Evento disparado al cambiar el valor del input.\n * @slot prefix - Icono o elemento antes del input.\n * @slot suffix - Icono o elemento después del input.\n */\n@customElement('lib-input')\nexport class LibInput extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(inputStyles)}`,\n  ];\n\n  @property({ type: String }) label = '';\n  @property({ type: String }) placeholder = '';\n  @property({ type: String }) type: 'text' | 'email' | 'password' = 'text';\n  @property({ type: Boolean, reflect: true }) required = false;\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean, reflect: true }) error = false;\n  @property({ type: String }) errorMessage = '';\n  @property({ type: String }) value = '';\n\n  @state() private _showPassword = false;\n\n  private readonly _uuid = `lib-input-${Math.random().toString(36).slice(2, 9)}`;\n\n  override render(): TemplateResult {\n    return inputTemplate({\n      uuid: this._uuid,\n      type: this.type,\n      label: this.label,\n      placeholder: this.placeholder,\n      required: this.required,\n      disabled: this.disabled,\n      error: this.error,\n      errorMessage: this.errorMessage,\n      value: this.value,\n      showPassword: this._showPassword,\n      handleInput: this._handleInput.bind(this),\n      handleTogglePassword: this._handleTogglePassword.bind(this),\n    });\n  }\n\n  private _handleInput(e: InputEvent): void {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n\n    this.dispatchEvent(\n      new CustomEvent<LibInputEventDetail>('ui-lib-input', {\n        detail: { value: this.value },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private _handleTogglePassword(): void {\n    this._showPassword = !this._showPassword;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-input': LibInput;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AAiBO,IAAM,WAAN,cAAuB,WAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA;AAMuB,SAAA,QAAQ;AACR,SAAA,cAAc;AACd,SAAA,OAAsC;AACtB,SAAA,WAAW;AACX,SAAA,WAAW;AACX,SAAA,QAAQ;AACxB,SAAA,eAAe;AACf,SAAA,QAAQ;AAE3B,SAAQ,gBAAgB;AAEjC,SAAiB,QAAQ,aAAa,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAAA,EAAA;AAAA,EAEnE,SAAyB;AAChC,WAAO,cAAc;AAAA,MACnB,MAAM,KAAK;AAAA,MACX,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,MACZ,aAAa,KAAK;AAAA,MAClB,UAAU,KAAK;AAAA,MACf,UAAU,KAAK;AAAA,MACf,OAAO,KAAK;AAAA,MACZ,cAAc,KAAK;AAAA,MACnB,OAAO,KAAK;AAAA,MACZ,cAAc,KAAK;AAAA,MACnB,aAAa,KAAK,aAAa,KAAK,IAAI;AAAA,MACxC,sBAAsB,KAAK,sBAAsB,KAAK,IAAI;AAAA,IAAA,CAC3D;AAAA,EACH;AAAA,EAEQ,aAAa,GAAqB;AACxC,UAAM,SAAS,EAAE;AACjB,SAAK,QAAQ,OAAO;AAEpB,SAAK;AAAA,MACH,IAAI,YAAiC,gBAAgB;AAAA,QACnD,QAAQ,EAAE,OAAO,KAAK,MAAA;AAAA,QACtB,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AAAA,EAEQ,wBAA8B;AACpC,SAAK,gBAAgB,CAAC,KAAK;AAAA,EAC7B;AACF;AApDa,SACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,WAAW,CAAC;AAC9B;AAE4B,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANf,SAMiB,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPf,SAOiB,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GARf,SAQiB,WAAA,QAAA,CAAA;AACgB,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAT/B,SASiC,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAV/B,SAUiC,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GAX/B,SAWiC,WAAA,SAAA,CAAA;AAChB,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAZf,SAYiB,WAAA,gBAAA,CAAA;AACA,gBAAA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAbf,SAaiB,WAAA,SAAA,CAAA;AAEX,gBAAA;AAAA,EAAhB,MAAA;AAAM,GAfI,SAeM,WAAA,iBAAA,CAAA;AAfN,WAAN,gBAAA;AAAA,EADN,cAAc,WAAW;AAAA,GACb,QAAA;"}
+{"version":3,"file":"index56.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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"}